@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#023671;--primary-hover:#357abd;--correct-bg:#e2f5e9;--correct-text:#27ae60;--incorrect-bg:#fde2e2;--incorrect-text:#c0392b;--background-color:#f4f7f9;--content-bg-color:#fff;--text-primary-color:#151617;--text-secondary-color:#171a1d;--border-color:#dce1e6;--light-gray:#f0f4f8}html[data-theme=dark]{--primary-color:#58a6ff;--primary-hover:#79b8ff;--correct-bg:#2ea04333;--correct-text:#56d364;--incorrect-bg:#f8514933;--incorrect-text:#ff7b72;--background-color:#0d1117;--content-bg-color:#161b22;--text-primary-color:#c9d1d9;--text-secondary-color:#8b949e;--border-color:#30363d;--light-gray:#21262d}html{box-sizing:border-box;font-size:100%;scroll-padding-top:90px}*,:after,:before{box-sizing:inherit}body{background-color:#f4f7f9;background-color:var(--background-color);font-family:Inter,sans-serif;margin:0}body,h1,h2{color:#151617;color:var(--text-primary-color)}h1,h2{text-align:center}.app-header{align-items:center;background-color:#fff;background-color:var(--content-bg-color);border-bottom:1px solid #dce1e6;border-bottom:1px solid var(--border-color);box-shadow:0 2px 5px #0000000d;display:flex;justify-content:space-between;padding:15px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.app-header .logo a{color:#023671;color:var(--primary-color);font-size:1.5rem;font-weight:700;text-decoration:none}.layout-container-with-sidebar{display:flex;flex-grow:1;margin:0 auto;max-width:1600px;width:100%}.dictionary-sidebar{border-right:1px solid #dce1e6;border-right:1px solid var(--border-color);display:none;flex-shrink:0;padding:40px 20px;position:relative}.resizer{background-color:initial;cursor:col-resize;flex-shrink:0;transition:background-color .2s;width:5px}.resizer.is-dragging,.resizer:hover{background-color:#023671;background-color:var(--primary-color)}.main-content{flex-grow:1;padding:40px 20px}.btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 15px;text-align:center;text-decoration:none;transition:all .2s ease}.btn:hover:not(:disabled){box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.btn:disabled{background-color:#bdc3c7!important;border-color:#bdc3c7!important;color:#7f8c8d!important;cursor:not-allowed}.btn-primary{background-color:#023671;background-color:var(--primary-color);border-color:#023671;border-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:#357abd;background-color:var(--primary-hover);border-color:#357abd;border-color:var(--primary-hover)}.btn-secondary{background-color:#f0f4f8;background-color:var(--light-gray);border-color:#dce1e6;border-color:var(--border-color);color:#151617;color:var(--text-primary-color)}.btn-secondary:hover:not(:disabled){background-color:#e1e8f0;border-color:#171a1d;border-color:var(--text-secondary-color)}.btn-outline{background-color:initial;border-color:#023671;border-color:var(--primary-color);color:#023671;color:var(--primary-color)}.btn-outline:hover:not(:disabled){background-color:#023671;background-color:var(--primary-color);color:#fff;color:var(--content-bg-color)}.btn-logout{background:#f0f4f8;background:var(--light-gray);border:1px solid #dce1e6;border:1px solid var(--border-color);border-radius:8px;color:#151617;color:var(--text-primary-color);font-weight:500;padding:8px 15px}.btn-logout:hover{background-color:#e1e8f0}.btn-back{background:#0000;border:1px solid #0000;border-radius:20px;color:#151617;color:var(--text-primary-color);font-weight:500;padding:8px 12px}.btn-back:hover{background-color:#f0f4f8;background-color:var(--light-gray);border-color:#dce1e6;border-color:var(--border-color)}.user-info{align-items:center;display:flex;gap:15px}.user-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-toggle-button{align-items:center;background:#f0f4f8;background:var(--light-gray);border:1px solid #dce1e6;border:1px solid var(--border-color);border-radius:50%;color:#151617;color:var(--text-primary-color);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.btn-nav{background-color:initial;border:1px solid #023671;border:1px solid var(--primary-color);color:#023671;color:var(--primary-color);padding:8px 20px}.btn-nav:hover:not(:disabled){color:#fff;color:var(--content-bg-color)}.btn-nav:hover:not(:disabled),.btn-submit{background-color:#023671;background-color:var(--primary-color)}.btn-submit:hover{background-color:#357abd;background-color:var(--primary-hover)}.btn-add{background-color:initial;border:1px solid #023671;border:1px solid var(--primary-color);color:#023671;color:var(--primary-color)}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background-color:#fff;background-color:var(--content-bg-color);border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:500px;padding:30px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #dce1e6;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.modal-header h2{font-size:1.5rem;margin:0}.modal-close-btn{background:none;border:none;color:#171a1d;color:var(--text-secondary-color);cursor:pointer;font-size:2.5rem;font-weight:300;line-height:1;padding:0}.creation-form{display:flex;flex-direction:column;gap:15px}.creation-form input,.creation-form textarea{background-color:#f4f7f9;background-color:var(--background-color);border:1px solid #dce1e6;border:1px solid var(--border-color);border-radius:8px;color:#151617;color:var(--text-primary-color);font-size:1rem;padding:12px 15px;width:100%}.creation-form .btn{margin-top:10px}.glass-effect{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff80;border:1px solid #fff3}html[data-theme=dark] .glass-effect{background:#161b2299;border:1px solid #ffffff1a}.login-page-container{display:flex;height:100vh;width:100%}.login-showcase{align-items:center;background:linear-gradient(135deg,#4a90e2,#50e3c2);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:50px;text-align:center}.showcase-content h1{color:#fff;font-size:2.5rem;text-shadow:0 2px 4px #0003}.showcase-content .illustration{height:auto;margin-top:40px;max-width:250px;width:100%}.login-form-area{align-items:center;background-color:#f0f4f8;background-color:var(--light-gray);display:flex;flex:1 1;justify-content:center}.login-form-area .login-box{background:#fff;background:var(--content-bg-color);border-radius:12px;box-shadow:0 10px 30px #0000001a;max-width:400px;padding:50px;text-align:center;width:100%}.showcase-content .logo a{background-color:#ffffff1a;border-radius:30px;color:#fff;font-size:2rem;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s ease}.showcase-content .logo a:hover{background-color:#fff3;border-color:#fff}.creation-studio{grid-gap:1px;border:1px solid #dce1e6;border:1px solid var(--border-color);border-radius:8px;display:grid;gap:1px;grid-template-columns:300px 1fr 1.5fr;height:calc(100vh - 120px);overflow:hidden}.studio-panel{border-right:1px solid #dce1e6;border-right:1px solid var(--border-color);overflow-y:auto;padding:20px}.studio-list-panel h3{border-bottom:1px solid #dce1e6;border-bottom:1px solid var(--border-color);margin-top:0;padding-bottom:10px}.studio-list{list-style:none;margin:0;padding:0}.studio-list-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-weight:500;justify-content:space-between;padding:12px 10px;transition:background-color .2s ease}.studio-list-item:hover{background-color:#f0f4f8;background-color:var(--light-gray)}.studio-list-item.active{background-color:#023671;background-color:var(--primary-color);color:#fff}.panel-placeholder{color:#171a1d;color:var(--text-secondary-color);margin-top:40px;text-align:center}.btn-add{margin-top:20px;width:100%}.item-actions{align-items:center;display:flex;gap:5px}.btn-delete,.btn-edit{background:none;border:none;border-radius:4px;cursor:pointer;font-weight:500;opacity:0;padding:4px 8px;transition:all .2s;visibility:hidden}.studio-list-item.active .btn-delete,.studio-list-item.active .btn-edit,.studio-list-item:hover .btn-delete,.studio-list-item:hover .btn-edit{opacity:1;visibility:visible}.btn-edit{color:#171a1d;color:var(--text-secondary-color);font-size:.8rem}.btn-delete{color:#c0392b;color:var(--incorrect-text);font-size:1.2rem;line-height:1}.studio-list-item.active .btn-delete,.studio-list-item.active .btn-edit{color:#fff}.btn-edit:hover{background-color:#f0f4f8;background-color:var(--light-gray)}.btn-delete:hover{background-color:#fde2e2;background-color:var(--incorrect-bg)}.studio-list-item.active .btn-delete:hover,.studio-list-item.active .btn-edit:hover{background-color:#fff3}.vocab-list{margin-bottom:20px}.vocab-item{align-items:center;border-bottom:1px solid #dce1e6;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:8px 5px}.vocab-item:hover .btn-delete,.vocab-item:hover .btn-edit{opacity:1;visibility:visible}.panel-actions{display:flex;gap:10px;margin-top:20px}.panel-actions .btn{flex:1 1}.panel-actions .btn-secondary{margin-top:20px}.preview-list{background:#f0f4f8;background:var(--light-gray);border:1px solid #dce1e6;border:1px solid var(--border-color);border-radius:8px;list-style:none;margin:20px 0;max-height:200px;overflow-y:auto;padding:10px 15px}.preview-list li{border-bottom:1px solid #dce1e6;border-bottom:1px solid var(--border-color);color:#171a1d;color:var(--text-secondary-color);font-size:.9rem;padding:8px 0}.preview-list li:last-child{border-bottom:none}.preview-list b{color:#151617;color:var(--text-primary-color);font-weight:500}.ai-dictionary-container h3{font-size:1.2rem;margin-bottom:20px;margin-top:0;text-align:center}.ai-search-form{display:flex;gap:10px;margin-bottom:25px}.ai-search-form .btn{background-color:#023671;background-color:var(--primary-color);flex-shrink:0}.ai-search-form .btn:hover:not(:disabled){background-color:#357abd;background-color:var(--primary-hover)}.ai-search-form input{background-color:#f4f7f9;background-color:var(--background-color);border:1px solid #dce1e6;border:1px solid var(--border-color);border-radius:8px;color:#151617;color:var(--text-primary-color);flex-grow:1;font-size:1rem;padding:12px}.ai-result-card{animation:fadeIn .5s ease-in-out;border-top:1px solid #dce1e6;border-top:1px solid var(--border-color);margin-top:20px;padding-top:10px}.result-item{margin-bottom:20px}.result-item strong{color:#023671;color:var(--primary-color);font-size:.9rem}.result-item p{color:#151617;color:var(--text-primary-color);line-height:1.6;margin:4px 0 0}.word-list-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.word-tag{border-radius:16px;font-size:.85rem;font-weight:500;padding:4px 12px}.family-tag{background-color:#f0f4f8;background-color:var(--light-gray);border:1px solid #dce1e6;border:1px solid var(--border-color);color:#171a1d;color:var(--text-secondary-color)}.synonym-tag{background-color:#e2f5e9;background-color:var(--correct-bg);color:#27ae60;color:var(--correct-text)}.antonym-tag{background-color:#fde2e2;background-color:var(--incorrect-bg);color:#c0392b;color:var(--incorrect-text)}.collocation-tag{background-color:#9b59b62a;color:#b300ff}.example-list{margin:5px 0 0;padding-left:20px}.example-list li{color:#171a1d;color:var(--text-secondary-color);margin-bottom:8px}html[data-theme=dark] .collocation-tag{background-color:#9b59b64d;color:#be86d4}.topics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.topic-card{border:1px solid #dce1e6;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.topic-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-5px)}.topic-image{border-bottom:1px solid #dce1e6;border-bottom:1px solid var(--border-color);display:block;height:120px;object-fit:contain;padding:10px;width:100%}.topic-info{display:flex;flex-direction:column;flex-grow:1;padding:15px}.topic-info h3{font-size:1.1rem;margin:0 0 8px}.topic-word-count{background-color:#f0f4f8;background-color:var(--light-gray);border-radius:15px;color:#171a1d;color:var(--text-secondary-color);display:inline-block;font-size:.75rem;font-weight:500;margin-bottom:15px;padding:4px 8px}.topic-progress{align-items:center;display:flex;gap:10px;margin-bottom:15px;margin-top:auto}.topic-progress .progress-bar-container{background-color:#f0f4f8;background-color:var(--light-gray);border-radius:3px;flex-grow:1;height:6px;overflow:hidden}.topic-progress .progress-bar{animation:animate-progress 2s linear infinite;background-color:#27ae60;background-color:var(--correct-text);background-image:linear-gradient(45deg,#ffffff26 25%,#0000 0,#0000 50%,#ffffff26 0,#ffffff26 75%,#0000 0,#0000);background-size:40px 40px;border-radius:4px;height:100%;transition:width .5s ease}.topic-progress .progress-label{color:#171a1d;color:var(--text-secondary-color);font-size:.8rem;font-weight:500;opacity:0;transform:translateX(-10px);transition:opacity .3s ease,transform .3s ease}.topic-progress:hover .progress-label{opacity:1;transform:translateX(0)}.topic-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));padding:0 15px 15px}.topic-actions .btn{font-size:.85rem;font-weight:500;padding:8px 5px}.view-toggle{border-radius:8px;display:flex;margin-bottom:20px;padding:4px}.view-toggle button{background:none;border:none;border-radius:6px;color:#171a1d;color:var(--text-secondary-color);cursor:pointer;font-weight:500;padding:6px 12px}.view-toggle button.active{background-color:#fff;background-color:var(--content-bg-color);box-shadow:0 1px 3px #0000001a;color:#151617;color:var(--text-primary-color)}.topics-list{display:flex;flex-direction:column;gap:10px}.topics-list .topic-card{align-items:center;flex-direction:row;padding:0 10px}.topics-list .topic-image{border-bottom:none;border-right:1px solid #dce1e6;border-right:1px solid var(--border-color);height:60px;margin-right:15px;padding:0;width:60px}.topics-list .topic-info{align-items:center;flex-direction:row;gap:20px;padding:0}.topics-list .topic-info h3{font-size:1.1rem;margin:0}.topics-list .topic-word-count{font-size:.8rem;margin:0}.topics-list .topic-progress{margin:0;min-width:150px}.topics-list .topic-actions{display:flex;gap:10px;margin-left:auto;padding:0}.page-container{margin:0 auto;max-width:550px;width:100%}.page-header{align-items:center;display:flex;height:auto;justify-content:center;margin-bottom:20px;min-height:40px;padding:10px 0;position:relative;width:100%}.page-header .btn-back{left:0;position:absolute;top:50%;transform:translateY(-50%)}.page-header .topic-title{padding:0 50px;text-align:center}.topic-title p{color:#171a1d;color:var(--text-secondary-color);font-size:1rem;margin:0}.topic-title h3{font-size:1.1rem;margin:0}.page-footer{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:20px;width:100%}.progress-text{color:#151617;color:var(--text-primary-color);font-size:1rem;font-weight:500;min-width:60px;text-align:center}.flashcard{cursor:pointer;height:250px;margin:20px 0;perspective:1200px;width:100%}.flashcard-inner{border-radius:16px;box-shadow:0 8px 25px #0000001a;height:100%;position:relative;transform-style:preserve-3d;transition:transform .7s;width:100%}.flashcard.is-flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:30px;position:absolute;width:100%}.flashcard-front{background:linear-gradient(135deg,#4a90e2,#50e3c2);color:#fff;gap:12px}.word-container{align-items:center;display:flex;gap:15px;justify-content:center}.main-word{font-size:3.5rem;font-weight:700;line-height:1.2;overflow-wrap:break-word}.speak-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:transform .2s ease,background-color .2s ease}.speak-button:hover{background-color:#ffffff26;transform:scale(1.1)}.speak-button svg{height:28px;width:28px}.flashcard-front .word-type-ipa{align-items:center;display:flex;flex-direction:column;gap:5px}.flashcard-front .word-type{color:#ffffffe6;font-weight:500;text-transform:capitalize}.flashcard-front .ipa{color:#ffffffb3;font-size:1.2rem}.flip-indicator{background-color:#00000040;border-radius:20px;bottom:25px;font-size:.8rem;font-weight:500;padding:6px 14px;position:absolute}.flashcard-back{align-items:flex-start;background-color:#fff;background-color:var(--content-bg-color);justify-content:space-around;text-align:left;transform:rotateY(180deg)}.flashcard-back h4{color:#023671;color:var(--primary-color);font-size:.9rem;margin:0 0 5px;text-transform:uppercase}.flashcard-back p{font-size:1.2rem;margin:0}.image-results-container{border-top:1px solid #dce1e6;border-top:1px solid var(--border-color);margin-top:30px;padding-top:20px}.image-results-container h4{font-weight:500;margin:0 0 15px}.image-disclaimer,.image-results-container h4{color:#151617;color:var(--text-primary-color);text-align:center}.image-disclaimer{font-size:.8rem;font-style:italic;margin-bottom:15px;margin-top:-10px}.image-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.image-grid img{aspect-ratio:1/1;background-color:#f0f4f8;background-color:var(--light-gray);border-radius:8px;object-fit:cover;width:100%}.quiz-container{border-radius:16px;box-shadow:0 8px 25px #00000012;display:flex;flex-direction:column;gap:20px;padding:30px}.quiz-word{background-color:#f0f4f8;background-color:var(--light-gray);border-radius:8px;color:#023671;color:var(--primary-color);font-size:2.5rem;font-weight:700;margin:0;overflow-wrap:break-word;padding:20px;text-align:center}.quiz-container form{display:flex;flex-direction:column;gap:15px}.quiz-container textarea{background-color:#f4f7f9;background-color:var(--background-color);border:1px solid #dce1e6;border:1px solid var(--border-color);border-radius:8px;color:#151617;color:var(--text-primary-color);font-family:inherit;font-size:1rem;padding:15px;resize:vertical;width:100%}.quiz-status{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:50px}.feedback{border-radius:8px;font-weight:500;padding:10px;text-align:center;width:100%}.feedback.correct{background-color:#e2f5e9;background-color:var(--correct-bg);color:#27ae60;color:var(--correct-text)}.feedback.incorrect{background-color:#fde2e2;background-color:var(--incorrect-bg);color:#c0392b;color:var(--incorrect-text)}.score{color:#171a1d;color:var(--text-secondary-color);font-weight:500}.quiz-footer{align-items:center;border-top:1px solid #dce1e6;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;padding-top:20px;width:100%}.review-button-wrapper{display:flex;position:relative}.review-button-wrapper .btn{width:100%}.review-notification-badge{align-items:center;background-color:#c0392b;background-color:var(--incorrect-text);border:2px solid #fff;border:2px solid var(--content-bg-color);border-radius:50%;box-shadow:0 1px 3px #0003;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:22px;justify-content:center;position:absolute;right:-8px;top:-8px;width:22px}.quote-container{border:1px solid #dce1e6;border:1px solid var(--border-color);border-radius:12px;margin:0 auto 30px;max-width:1200px;padding:15px 20px;text-align:center}.quote-text{font-size:.9rem}.user-menu{position:relative}.avatar-button{background:none;border:none;border-radius:50%;cursor:pointer;padding:0}.avatar-button .user-avatar{transition:box-shadow .2s}.avatar-button:hover .user-avatar{box-shadow:0 0 0 3px #023671;box-shadow:0 0 0 3px var(--primary-color)}.dropdown-menu{animation:fadeIn .2s ease-out;background-color:#fff;background-color:var(--content-bg-color);border:1px solid #dce1e6;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 8px 16px #0000001a;padding:8px 0;position:absolute;right:0;top:calc(100% + 10px);width:220px;z-index:1100}.dropdown-header{border-bottom:1px solid #dce1e6;border-bottom:1px solid var(--border-color);color:#171a1d;color:var(--text-secondary-color);font-size:.9rem;margin-bottom:8px;padding:8px 16px}.dropdown-header strong,.dropdown-item{color:#151617;color:var(--text-primary-color)}.dropdown-item{background:none;border:none;cursor:pointer;display:block;font-size:.95rem;padding:10px 16px;text-align:left;text-decoration:none;width:100%}.dropdown-item:hover{background-color:#f0f4f8;background-color:var(--light-gray)}.dropdown-item-logout{border-top:1px solid #dce1e6;border-top:1px solid var(--border-color);color:#c0392b;color:var(--incorrect-text);margin-top:8px}.template-download-callout{align-items:center;border:1px solid #dce1e6;border:1px solid var(--border-color);border-radius:8px;color:#171a1d;color:var(--text-secondary-color);display:flex;font-size:.9rem;gap:10px;margin-top:15px;padding:12px 15px}.template-download-callout svg{stroke:#171a1d;stroke:var(--text-secondary-color);flex-shrink:0}.template-download-callout a{color:#023671;color:var(--primary-color);cursor:pointer;font-weight:500;text-decoration:underline}.listening-controls{margin:20px 0;text-align:center}.listening-controls p{color:#151617;color:var(--text-primary-color);margin:0 0 15px}.listening-controls .speak-button{background-color:#023671;background-color:var(--primary-color);margin:0 auto}.listening-controls .speak-button:hover{background-color:#357abd;background-color:var(--primary-hover)}.dictation-input{background-color:#f4f7f9;background-color:var(--background-color);border:1px solid #dce1e6;border:1px solid var(--border-color);border-radius:8px;color:#151617;color:var(--text-primary-color);font-size:1.1rem;line-height:1.6;margin-bottom:20px;padding:15px;resize:vertical;width:100%}.feedback-box{background-color:#f0f4f8;background-color:var(--light-gray);border:1px solid #dce1e6;border:1px solid var(--border-color);border-radius:8px;margin-top:20px;padding:15px;text-align:center}.feedback-comparison{background-color:#fff;background-color:var(--content-bg-color);border-radius:8px;font-size:1.1rem;font-weight:500;line-height:1.8;margin-top:10px;padding:15px;text-align:left}.feedback-comparison span{border-radius:4px;margin-right:5px;padding:2px 4px}.word-correct{background-color:#e2f5e9;background-color:var(--correct-bg);color:#27ae60;color:var(--correct-text)}.word-incorrect{background-color:#fde2e2;background-color:var(--incorrect-bg);color:#c0392b;color:var(--incorrect-text);text-decoration:line-through}.word-missing{background-color:initial;border:1px dashed #dce1e6;border:1px dashed var(--border-color);color:#171a1d;color:var(--text-secondary-color)}html[data-theme=dark] .feedback-box{background-color:#f4f7f9;background-color:var(--background-color)}.stepper-container{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:20px;width:100%}.step-item{background-color:#f0f4f8;background-color:var(--light-gray);border:none;border-radius:4px;cursor:pointer;height:12px;padding:0;transition:all .2s ease;width:12px}.step-item.status-correct{background-color:#27ae60;background-color:var(--correct-text)}.step-item.status-incorrect{background-color:#c0392b;background-color:var(--incorrect-text)}.step-item.active{box-shadow:0 0 5px #023671;box-shadow:0 0 5px var(--primary-color);transform:scale(1.3)}.main-layout{display:flex;flex-direction:column;min-height:100vh}.main-layout>div:first-child{flex-grow:1}.app-footer{border-top:1px solid #dce1e6;border-top:1px solid var(--border-color);color:#171a1d;color:var(--text-secondary-color);margin-top:50px;padding:30px 20px 20px}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px;padding-bottom:30px}.footer-section h3,.footer-section h4{color:#151617;color:var(--text-primary-color);margin-bottom:15px}.footer-section .logo-text{color:#023671;color:var(--primary-color);font-size:1.5rem;font-weight:700;margin-top:0}.footer-section p{font-size:.9rem;line-height:1.7}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section ul a{color:#171a1d;color:var(--text-secondary-color);text-decoration:none;transition:color .2s}.footer-section ul a:hover{color:#023671;color:var(--primary-color)}.socials a{color:#171a1d;color:var(--text-secondary-color);font-size:1.5rem;margin-right:20px;text-decoration:none;transition:color .2s}.socials a:hover{color:#023671;color:var(--primary-color)}.footer-bottom{border-top:1px solid #dce1e6;border-top:1px solid var(--border-color);font-size:.8rem;margin-top:20px;padding-top:20px;text-align:center}.empty-state-container{align-items:center;border:2px dashed #dce1e6;border:2px dashed var(--border-color);border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin:20px auto;max-width:600px;padding:40px;text-align:center}.empty-state-mascot{height:100px;margin-bottom:20px;opacity:.7;width:100px}.empty-state-title{font-size:1.3rem;margin:0 0 10px}.empty-state-message,.empty-state-title{color:#151617;color:var(--text-primary-color)}.empty-state-message{margin:0;max-width:400px}.empty-state-action{margin-top:25px}.particles-background{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.gradient-background{animation:gradient-animation 15s ease infinite;background:linear-gradient(-45deg,#4e54c8,#8f94fb,#23a6d5,#23d5ab);background-size:400% 400%;height:100%;width:100%}.app-background-container{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:768px){.footer-content{grid-template-columns:1fr}.footer-content,.socials{text-align:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes animate-progress{0%{background-position:40px 0}to{background-position:0 0}}@media (min-width:1024px){.dictionary-sidebar{display:block}}@media (max-width:768px){.content-container{margin:20px auto;padding:0 15px}.login-showcase{display:none}.login-form-area{flex-grow:1;padding:20px}.login-form-area .login-box{box-shadow:none;padding:20px}.view-toggle{display:none}}@media (max-width:600px){.quote-container{display:none}.desktop-only{display:none!important}.app-header{padding:15px}.page-container{padding:0}.page-header{flex-direction:column;gap:10px;height:auto;margin-bottom:15px}.page-header .btn-back{align-self:flex-start;position:static;transform:none}.page-header .topic-title{padding:0 45px}.flashcard{height:220px}.main-word{font-size:2.2rem}.quiz-container{gap:15px;padding:20px}.quiz-word{font-size:2rem}.page-footer{gap:15px}.page-footer .navigation-buttons,.quiz-footer .navigation-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%}.btn-nav{font-size:1rem;padding:10px}}
/*# sourceMappingURL=main.3b99799f.css.map*/