*,*:before,*:after{box-sizing:border-box}:root{--background: #75846a;--secondary-background: #F08A5D;--dark-background: #141414;--white-background: #c9c9c9;--highlight1: #f9af42;--highlight2: #f8f7e5;--highlight3: #4287f9;--dark-text: #141414;--light-text: #efefef}@font-face{font-family:Quicksand;src:url(/worksheet-generator/fonts/Quicksand-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Quicksand;src:url(/worksheet-generator/fonts/Quicksand-Bold.ttf) format("truetype");font-weight:700;font-style:normal}h1{color:var(--dark-text);text-align:center;font-weight:700;padding:20px 0}h2{font-size:22px;color:var(--dark-text)}h3{font-size:40px;color:var(--dark-text)}body,input,button,textarea{font-family:Quicksand,sans-serif;color:var(--dark-text)}body{margin:0;display:flex;flex-direction:column;min-height:100vh;font-size:16px;overflow-x:hidden;background-image:url(/assets/noise-L9mezuam.png);background-repeat:repeat;background-size:auto;background-position:center center;position:relative}body:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/noise-L9mezuam.png);background-repeat:repeat;background-size:auto;opacity:.1;pointer-events:none}.logout-btn,.login-btn{color:var(--highlight1);text-decoration:none}#loginModal .modal-content,#registerModal .modal-content{background-color:#fdfdfd;border-radius:10px;box-shadow:0 8px 30px #00000026;padding:35px 45px;border:1px solid #e0e0e0}#loginModal .modal-content h2,#registerModal .modal-content h2{color:var(--dark-text);font-weight:700;font-size:26px;margin-bottom:30px;text-align:center;font-family:inherit}#loginModal .modal-content form,#registerModal .modal-content form{display:flex;flex-direction:column;gap:18px}#loginModal .modal-content input[type=email],#loginModal .modal-content input[type=password],#loginModal .modal-content input[type=text],#registerModal .modal-content input[type=email],#registerModal .modal-content input[type=password],#registerModal .modal-content input[type=text],#registerModal .modal-content select{padding:14px 16px;border:1px solid #ccc;border-radius:6px;font-size:16px;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease;margin-bottom:0;box-sizing:border-box;width:100%}#loginModal .modal-content input:focus,#loginModal .modal-content select:focus,#registerModal .modal-content input:focus,#registerModal .modal-content select:focus{border-color:var(--highlight1);box-shadow:0 0 0 3px #f9af4233;outline:none}#loginModal .modal-content label[for=showPassword],#loginModal .modal-content label:has(input#showPassword){display:flex;align-items:center;font-size:14px;color:#555;margin-top:-8px;margin-bottom:0;cursor:pointer;gap:8px}#loginModal .modal-content input#showPassword{width:auto;height:auto;padding:0;margin:0;border:1px solid #ccc;border-radius:3px;vertical-align:middle;accent-color:var(--highlight1)}#loginModal .modal-content input#showPassword:focus{outline:1px dotted var(--highlight1);box-shadow:none}#loginModal .modal-content button,#registerModal .modal-content button{padding:14px 20px;font-size:clamp(14px,4.27vw,20px);font-weight:700;border-radius:6px;cursor:pointer;transition:background-color .2s ease,transform .1s ease;margin:0;border:none}#loginModal .modal-content button:active,#registerModal .modal-content button:active{transform:translateY(1px)}#loginModal .modal-content button[type=submit],#registerModal .modal-content button[type=submit]{background-color:var(--highlight1);color:var(--light-text)}#loginModal .modal-content button[type=submit]:hover,#registerModal .modal-content button[type=submit]:hover{background-color:#e09930}#loginModal .modal-content .google-login-btn,#registerModal .modal-content .google-login-btn{background-color:#4285f4;color:#fff}#loginModal .modal-content .google-login-btn:hover,#registerModal .modal-content .google-login-btn:hover{background-color:#357abd}#loginModal .modal-content p,#registerModal .modal-content p{font-size:clamp(14px,4.27vw,20px);color:#666;text-align:center;padding:0;margin:0;line-height:1.5}#loginModal .modal-content form>p:nth-of-type(1),#registerModal .modal-content form>p:nth-of-type(1){margin-top:5px;margin-bottom:5px;font-weight:500}#loginModal .modal-content a,#registerModal .modal-content a{color:var(--highlight1);text-decoration:none;font-weight:700}#loginModal .modal-content a:hover,#registerModal .modal-content a:hover{text-decoration:underline;color:#e09930}#registerModal .modal-content form p a[href="https://www.esltools.net/price"]{font-weight:400;font-size:13px;color:#555}#registerModal .modal-content form p a[href="https://www.esltools.net/price"]:hover{color:var(--highlight1)}#loginModal .close,#registerModal .close{color:#999;font-size:28px;font-weight:400;line-height:1;top:20px;right:25px;transition:color .2s ease}#loginModal .close:hover,#registerModal .close:hover{color:var(--dark-text)}.nav-bar{position:absolute;top:0;right:0;padding:20px;z-index:100}.main-content{transition:margin-left .5s;background-color:var(--background);flex:1;padding:10px 100px;position:relative}.container{display:flex;justify-content:center;align-items:center;height:100vh}.fixed-container{position:absolute;top:18px;left:0;z-index:101}.esl-link{position:absolute;left:50px;transition:left .5s}.esl-link img{width:150px;height:auto;display:block}.sidenav{height:100%;width:0;position:fixed;z-index:90;top:0;left:0;background-color:var(--background);overflow-x:hidden;transition:.5s;padding-top:60px}.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:var(--dark-text);display:block;transition:.3s;width:125.2px}.sidenav a:hover{color:var(--highlight2)}.hamburger-icon{position:absolute;font-size:30px;cursor:pointer;top:15px;left:15px;z-index:3000;color:var(--dark-text);transition:left .5s,top .5s}button{background-color:var(--highlight1);color:#fff;border:none;padding:10px 20px;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:var(--highlight3)}select{padding:8px;font-size:14px;border-radius:30px;border:1px solid #ccc}.footer-content{background-color:var(--dark-background);color:var(--highlight1);padding:10px 15px 10px 45px;width:100%;font-family:Quicksand,sans-serif;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;z-index:900}.footer-content p,.footer-content a,.bmc-button-container{margin:0}.footer-content a{color:var(--light-text);text-decoration:none;font-size:14px;margin:0 20px}.footer-content a:hover{text-decoration:underline}.bmc-button-container{margin-left:auto;justify-content:center;margin-right:0}.bmc-button{padding:5px!important;display:inline-flex!important;align-items:center!important;background-color:#75846a!important;border-radius:5px!important;box-shadow:0 1px 2px #bebebe80!important;-webkit-box-sizing:border-box!important;box-sizing:border-box!important}.bmc-button img{height:25px!important}.bmc-button .bmc-btn-text{margin-left:8px!important;font-size:14px!important}.loader{display:none;margin:20px auto;border:4px solid #f3f3f3;border-top:4px solid #7E8C0F;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hidden{display:none!important}.google-login-btn{background-color:var(--highlight1)}.google-login-btn:hover{background-color:var(--highlight2)}body.modal-open{overflow:hidden}.modal{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#0009;overflow:auto;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.modal.is-visible{opacity:1;visibility:visible}.modal-content{background-color:#eee;margin:auto;padding:40px 30px;border-radius:8px;width:90%;max-width:800px;box-shadow:0 5px 15px #0000004d;position:relative;display:flex;flex-direction:column;transform:scale(.95);transition:transform .3s ease}.modal.is-visible .modal-content{transform:scale(1)}.modal-content p{text-align:center;font-size:14px;color:var(--dark-text);padding:10px}.modal-content a{color:var(--dark-text);text-decoration:none}.modal-content a:hover{text-decoration:underline}.modal-content form{display:flex;flex-direction:column}.modal-content input,.modal-content select{padding:5px;margin-bottom:5px;border:1px solid #ccc;border-radius:5px;font-size:15px}.modal-content input:focus,.modal-content select:focus{border-color:var(--highlight1);outline:none;box-shadow:0 0 5px #007bff80}.modal-content h2{margin-top:0;margin-bottom:20px;font-size:28px;text-align:center;color:var(--dark-text)}.modal-content button{padding:12px 15px;background-color:var(--highlight1);color:var(--light-text);border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s;margin:10px}.modal-content button:hover{background-color:var(--highlight3)}.modal-footer{text-align:right;padding:10px}.close{color:var(--dark-text);position:absolute;right:20px;top:20px;font-size:24px;font-weight:400;cursor:pointer;background:none;border:none;padding:0;line-height:1}.close:hover{color:var(--highlight1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleUp{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes scaleDown{0%{transform:scale(1)}to{transform:scale(.95)}}.sparkle-btn{position:relative;overflow:visible;cursor:pointer;z-index:1}.sparkle{position:absolute;width:4px;height:4px;background:#5f9ea0;border-radius:50%;pointer-events:none;opacity:.9;animation:sparkle-animation .6s linear forwards}@keyframes sparkle-animation{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--x),var(--y)) scale(.3);opacity:0}}@media screen and (max-width: 768px){h1{font-size:20px;margin-top:41px;padding-bottom:0}.bmc-btn-text{display:none!important}.bmc-btn{min-width:43px!important}.modal-content{padding:30px 20px}.close{right:15px;top:15px}.fixed-container{top:5px!important;z-index:3001}.footer-content a{margin:0 10px}.nav-bar{padding:9px!important}.main-content{width:100%;margin-left:0!important;padding:20px}.sidenav{padding-top:15px;position:fixed;z-index:3000;height:100%}.sidenav a{font-size:18px}}.nav-user-area{position:relative;float:right}.user-avatar{width:38px;height:38px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;cursor:pointer;-webkit-user-select:none;user-select:none;transition:filter .2s}.user-avatar:hover{filter:brightness(1.1)}.user-menu{display:none;position:absolute;right:0;top:45px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;min-width:160px;overflow:hidden}.user-menu-item{display:block;padding:12px 16px;text-decoration:none;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;transition:background-color .2s}.user-menu-item:hover{background-color:#f5f5f5}#breadcrumbContainer{position:absolute;top:75px;left:60px;right:100px;background-color:transparent;line-height:1.5;z-index:1}.breadcrumb{display:flex;flex-wrap:wrap;padding:0;margin:21px 0 0;list-style:none;font-size:.9em}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item+.breadcrumb-item:before{content:">";display:inline-block;padding:0 .6rem;color:var(--light-text);font-weight:300;opacity:.8}.breadcrumb-item a{color:var(--highlight2);text-decoration:none;transition:color .15s ease-in-out}.breadcrumb-item a:hover{color:var(--light-text);text-decoration:underline}.breadcrumb-item.active{color:var(--light-text);font-weight:500;pointer-events:none}.breadcrumb-home-icon{width:1.1em;height:1.1em;fill:currentColor;position:relative;top:2px}@media (max-width: 768px){#breadcrumbContainer{top:55px}.breadcrumb{font-size:.85em;margin-top:0}.breadcrumb-item+.breadcrumb-item:before{padding:0 .5rem}}.swal-container-free{justify-content:flex-start!important;align-items:flex-start!important;background-color:#0006!important}.draggable-swal{margin:0!important;top:10vh;position:absolute!important}.swal-html-container-override{overflow:visible!important;font-size:16px}#vocab-list-selector{width:75%;margin-bottom:10px;font-size:16px}.list-display-area{margin-top:15px;padding:10px;border:1px solid #ddd;border-radius:5px;height:200px;overflow-y:auto;background-color:#f9f9f9;user-select:none;-webkit-user-select:none}.word-item{padding:8px 12px;cursor:pointer;border-radius:4px;margin-bottom:4px;transition:background-color .2s,color .2s}.word-item:hover{background-color:#e9e9e9}.word-item.selected{background-color:#007bff;color:#fff;font-weight:700}#swal-drag-handle{position:absolute;top:10px;left:8px;cursor:move;width:30px;height:30px;color:#b0b0b0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:5px;touch-action:none;transition:background-color .2s,color .2s}#swal-drag-handle:hover,#swal-drag-handle:active{background-color:#00000012;color:#333}#feedback-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;align-items:center;justify-content:center}.feedback-modal-content{background-color:#fff;padding:2rem;border-radius:8px;width:90%;max-width:500px;position:relative;box-shadow:0 5px 15px #0000004d}.feedback-modal-close{position:absolute;top:10px;right:20px;font-size:28px;font-weight:700;cursor:pointer}.feedback-modal-content h2{margin-top:0;font-size:1.5rem}.feedback-modal-content p{font-size:.9rem;color:#666;margin-top:0}.feedback-modal-content .form-group{margin-bottom:1rem}.feedback-modal-content .form-group label{display:block;margin-bottom:.5rem}.feedback-modal-content select,.feedback-modal-content textarea{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px}.feedback-modal-content #feedback-attachment{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;padding:.3rem;font-size:.9rem;flex-grow:1}.feedback-modal-content textarea{resize:vertical;font-size:16px}.feedback-modal-content .attachment-group{margin-bottom:1.5rem}.feedback-modal-content #image-preview-container{margin-top:10px;position:relative;max-width:200px;flex-shrink:0}.feedback-modal-content #image-preview{width:48%;height:auto;border-radius:4px;border:1px solid #ddd}.feedback-modal-content #remove-image-btn{position:absolute;top:-8px;right:-8px;background-color:#333;color:#fff;border:2px solid white;border-radius:50%;width:24px;height:24px;padding:0;cursor:pointer;font-size:14px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}.feedback-modal-content .recaptcha-notice{font-size:.75rem;color:#888;text-align:center;margin-bottom:1rem}.feedback-modal-content .recaptcha-notice a,.feedback-modal-content .contact-link a{color:#75846a}.feedback-modal-content .contact-link{font-size:.8rem;text-align:center;margin-top:1rem}.feedback-modal-content button[type=submit]{width:100%;padding:.75rem;background-color:#75846a;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.attachment-row{display:flex;align-items:flex-start;gap:1rem}