@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--primary:#0056b3;--primary-light:#e6f0ff;--secondary:#00a8cc;--accent:#ffc107;--bg:#f8fbff;--text:#333;--text-muted:#666;--white:#fff;--card-bg:#ffffffe6;--shadow:0 4px 20px #0000000d;--radius:12px;--font-main:"Inter", sans-serif;--font-heading:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-heading)}.container{width:100%;max-width:1200px;padding:0 max(2rem, calc(env(safe-area-inset-left,0px) + 2rem));padding-right:max(2rem, calc(env(safe-area-inset-right,0px) + 2rem));margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s forwards fadeIn}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow);border:1px solid #ffffff4d}.app{flex-direction:column;min-height:100dvh;display:flex}.main-header{z-index:1000;padding:calc(15px + env(safe-area-inset-top,0px)) 0 15px;margin-bottom:30px;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;display:flex}.logo{cursor:pointer;align-items:center;gap:10px;display:flex}.logo-img{object-fit:contain;width:auto;height:40px}.logo h1{color:var(--primary);font-size:1.5rem;font-weight:700}.header-content{justify-content:space-between;align-items:center;display:flex;position:relative}.hamburger-btn{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;padding:0;display:none}.hamburger-btn .bar{background:var(--primary);transform-origin:1px;border-radius:10px;width:30px;height:3px;transition:all .3s linear;position:relative}.hamburger-btn.active .bar:first-child{transform:rotate(45deg)}.hamburger-btn.active .bar:nth-child(2){opacity:0;transform:translate(20px)}.hamburger-btn.active .bar:nth-child(3){transform:rotate(-45deg)}nav{gap:15px;display:flex}.nav-btn,.btn-primary,.btn-secondary,.btn-wrong,.btn-correct,.btn-reveal{font-family:var(--font-main);cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.nav-btn{color:var(--text);background:0 0}.nav-btn:hover{background:var(--primary-light);color:var(--primary)}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:#004494;transform:translateY(-2px);box-shadow:0 4px 12px #0056b333}.btn-secondary{background:var(--primary-light);color:var(--primary)}.btn-secondary:hover{background:#d0e4ff}.dashboard{padding-bottom:40px}.section-title{color:var(--primary);margin-bottom:30px;font-size:2rem}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;display:grid}.card{border-radius:var(--radius);cursor:pointer;padding:30px;transition:all .3s;position:relative;overflow:hidden}.card:hover{border-color:var(--primary);transform:translateY(-5px)}.card-icon{margin-bottom:15px;font-size:2.5rem}.card h3{margin-bottom:10px;font-size:1.25rem}.card p{color:var(--text-muted);font-size:.95rem}.card-arrow{opacity:0;font-size:1.2rem;transition:all .3s;position:absolute;bottom:20px;right:20px}.card:hover .card-arrow{opacity:1;right:25px}.primary-card{transition:all .4s cubic-bezier(.165,.84,.44,1)}.primary-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0003;background:linear-gradient(135deg, var(--primary), var(--secondary))!important;color:var(--white)!important;border-color:#0000!important}.primary-card:hover p{color:#ffffffe6!important}.primary-card:hover .card-icon{transition:transform .3s;transform:scale(1.1)rotate(-5deg)}.study-module,.quiz-module{max-width:800px;margin:0 auto}.flashcard-module,.n400-module{max-width:1000px}.module-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.back-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;font-weight:600}.study-controls{border-radius:15px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;padding:15px 25px;display:flex}.control-group{align-items:center;gap:15px;display:flex}.control-group label{color:var(--text-muted);text-transform:uppercase;font-size:.9rem;font-weight:700}.toggle-btn,.speed-selector button{border:1px solid var(--primary-light);background:var(--white);color:var(--primary);cursor:pointer;border-radius:20px;padding:8px 15px;font-size:.85rem;font-weight:600;transition:all .2s}.toggle-btn.active,.speed-selector button.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.control-divider{background:var(--primary-light);width:2px;height:30px}.speed-selector{gap:5px;display:flex}.card-top-info{justify-content:space-between;align-items:center;width:100%;margin-bottom:25px;display:flex}.card-category-badge{background:var(--primary-light);color:var(--primary);text-transform:uppercase;border-radius:20px;padding:6px 15px;font-size:.75rem;font-weight:800}.card-q-number{color:var(--text-muted);letter-spacing:.5px;margin-left:5px;font-size:.75rem;font-weight:800}.question-header-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex;text-align:left!important}.question-part{flex:1}.question-part h3,.answer-part h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;font-size:.85rem}.question-text{font-size:2.2rem;font-weight:700;font-family:var(--font-heading);margin:0;line-height:1.2}.audio-btn-circle{background:var(--primary-light);width:60px;min-width:60px;height:60px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;margin-top:25px;font-size:1.5rem;transition:all .2s;display:flex}.audio-btn-circle:hover{background:#d0e4ff;transform:scale(1.1)}.answer-part{margin-top:35px;text-align:left!important}.answer-list{scrollbar-width:thin;scrollbar-color:var(--primary-light) transparent;flex-direction:column;gap:15px;max-height:400px;padding-right:15px;display:flex;overflow-y:auto}.answer-list::-webkit-scrollbar{width:6px}.answer-list::-webkit-scrollbar-track{background:0 0}.answer-list::-webkit-scrollbar-thumb{background-color:var(--primary-light);border-radius:10px}.answer-line{color:var(--primary);font-size:2.2rem;font-weight:800;font-family:var(--font-heading);margin:0;line-height:1.2}.answer-line:not(:last-child){border-bottom:1px solid var(--primary-light);padding-bottom:15px}.unified-study-card{border-radius:var(--radius);background:var(--white);flex-direction:column;min-height:450px;margin-bottom:30px;padding:40px;display:flex;position:relative}.qa-section{flex-direction:column;display:flex}.btn-primary.highlight{background:linear-gradient(135deg, var(--primary), var(--secondary));box-shadow:0 4px 15px #0056b34d}.progress-text{color:var(--text-muted);font-size:.95rem;font-weight:700}.audio-btn{background:var(--white);border:1px solid var(--primary-light);cursor:pointer;color:var(--primary);border-radius:20px;align-items:center;gap:5px;margin-bottom:10px;padding:8px 15px;font-weight:600;display:flex}.audio-btn:hover{background:var(--primary-light)}.controls{justify-content:center;gap:15px;display:flex}.quiz-module{max-width:900px;margin:0 auto}.quiz-progress-container{align-items:center;gap:15px;margin-bottom:25px;display:flex}.quiz-progress-bar{background:var(--primary-light);border-radius:10px;flex:1;height:8px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg, var(--secondary), var(--primary));border-radius:10px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.quiz-card{border-radius:var(--radius);flex-direction:column;margin-bottom:30px;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 35px #0000000d}.quiz-question-region{background:linear-gradient(to bottom right,#fff,#fdfdfd);flex-direction:column;align-items:flex-start;gap:15px;padding:40px;display:flex}.quiz-question-text{font-family:var(--font-heading);color:var(--text);margin:10px 0;font-size:2.2rem;font-weight:700;line-height:1.3}.quiz-options-divider{background:linear-gradient(90deg,#0000,#0066cc1a,#0000);width:100%;height:1px}.options-grid.enhanced{border-radius:0 0 var(--radius) var(--radius);background:#fafcff;grid-template-columns:1fr;gap:15px;max-width:none;margin:0;padding:30px 40px;display:grid}.enhanced-option{background:var(--white);font-family:var(--font-main);color:var(--text);cursor:pointer;text-align:left;border:2px solid #0000;border-radius:12px;align-items:center;gap:15px;padding:20px;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 2px 10px #00000008}.enhanced-option:hover:not(:disabled){border-color:var(--primary-light);transform:translateY(-4px)scale(1.01);box-shadow:0 10px 20px #0066cc14}.enhanced-option.selected{border-color:var(--primary);background:#f0f7ff}.enhanced-option.correct{color:#166534!important;background:#f0fdf4!important;border-color:#22c55e!important;box-shadow:0 10px 25px #22c55e26!important}.enhanced-option.incorrect{color:#991b1b!important;background:#fef2f2!important;border-color:#ef4444!important}.option-indicator{background:var(--primary-light);width:30px;min-width:30px;height:30px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;transition:all .3s;display:flex}.enhanced-option:hover .option-indicator{background:var(--primary);color:var(--white)}.option-indicator.filled{color:var(--white);background:currentColor}@keyframes correctPulse{0%{transform:scale(1)}50%{background-color:#dcfce7;transform:scale(1.02)}to{transform:scale(1)}}@keyframes incorrectShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.correct-anim{animation:.5s correctPulse}.incorrect-anim{animation:.5s incorrectShake}.next-quiz-btn{border-radius:30px!important;padding:15px 40px!important;font-size:1.1rem!important}.quiz-controls{flex-direction:column;align-items:center;margin-top:20px;display:flex}.quiz-results-enhanced{text-align:center;border-radius:var(--radius);border-top:5px solid var(--primary);background:linear-gradient(#fff 0%,#f8fbff 100%);padding:60px 40px}.results-hero{flex-direction:column;align-items:center;gap:20px;margin-bottom:40px;display:flex}.results-icon-big{font-size:5rem;animation:.8s cubic-bezier(.175,.885,.32,1.275) bounceIn}.results-icon-big.pass{filter:drop-shadow(0 0 20px #22c55e66)}.results-icon-big.fail{filter:drop-shadow(0 0 20px #ef444466)}.results-title{color:var(--primary);font-size:2.5rem;font-weight:800;font-family:var(--font-heading);margin:0}.score-circle{background:var(--white);border:1px solid var(--primary-light);border-radius:50px;justify-content:center;align-items:baseline;padding:30px 50px;display:inline-flex;box-shadow:0 10px 30px #0066cc1a}.score-number{color:var(--primary);font-size:4rem;font-weight:900;font-family:var(--font-heading)}.score-total{color:var(--text-muted);margin-left:5px;font-size:1.5rem;font-weight:700}.results-message{color:var(--text-muted);max-width:400px;font-size:1.2rem}.results-actions{justify-content:center;gap:20px;display:flex}.btn-large{padding:15px 35px!important;font-size:1.1rem!important}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.quiz-question-region{padding:25px}.options-grid.enhanced{padding:20px 25px}.quiz-question-text{font-size:1.6rem}.results-actions{flex-direction:column;width:100%}.btn-large{width:100%}}.placeholder-view{text-align:center;border-radius:var(--radius);padding:60px}.placeholder-view h2{margin-bottom:20px}.placeholder-view p{margin-bottom:30px}.main-footer{padding:40px 0 calc(40px + env(safe-area-inset-bottom,0px));text-align:center;color:var(--text-muted);border-top:1px solid #0000000d;margin-top:80px;font-size:.9rem}.selection-screen{max-width:900px;margin:0 auto;padding:60px 0}.section-subtitle{color:var(--text-muted);margin-bottom:50px;font-size:1.1rem}.selection-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}.selection-card{text-align:center;border:2px solid #0000;border-radius:20px;flex-direction:column;align-items:center;padding:60px 40px;transition:all .3s;display:flex;position:relative}.selection-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px #0056b333;background:linear-gradient(135deg, var(--primary), var(--secondary))!important;border-color:#0000!important}.selection-card h3{color:var(--primary);margin-bottom:20px;font-size:1.8rem;transition:color .3s}.selection-card p{color:var(--text-muted);margin-bottom:30px;font-size:1.05rem;line-height:1.8;transition:color .3s}.card-badge{background:var(--accent);color:#856404;text-transform:uppercase;border-radius:20px;padding:5px 12px;font-size:.75rem;font-weight:700;position:absolute;top:20px;right:20px}.btn-select{background:var(--primary);color:#fff;font-weight:700;font-family:var(--font-main);border:none;border-radius:30px;padding:12px 30px;transition:all .3s}.selection-card:hover h3,.selection-card:hover p,.selection-card:hover .card-icon{color:var(--white)!important}.selection-card:hover .btn-select{transform:scale(1.05);background:var(--white)!important;color:var(--primary)!important}.btn-switch{color:var(--text-muted);background:#f1f3f4;font-size:.85rem}.btn-switch:hover{color:var(--text);background:#e8eaed}.dashboard-header{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.version-badge{background:var(--primary-light);color:var(--primary);border-radius:20px;padding:6px 15px;font-size:.85rem;font-weight:700}.text-center{text-align:center}.category-switcher{background:var(--primary-light);border-radius:30px;gap:5px;padding:5px;display:flex}.switch-tab{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:25px;padding:8px 20px;font-weight:600;transition:all .2s}.switch-tab.active{background:var(--white);box-shadow:0 2px 10px #0056b31a}.n400-module .progress{text-align:center;color:var(--text-muted);margin-top:10px;font-weight:600}.mock-interview-view,.tips-view{width:100%;margin-top:30px}@media (width<=1024px){.container{padding:0 40px}}@media (width<=768px){.app-wrapper{padding:20px}.container{padding:0 20px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:15px}.selection-grid{grid-template-columns:1fr}.question-text,.answer-line{font-size:1.8rem}.unified-study-card{min-height:auto;padding:25px}.study-controls{flex-direction:column;align-items:flex-start;gap:20px}.control-group{gap:8px;width:100%;flex-direction:column!important;align-items:flex-start!important}.control-group label{margin-bottom:2px;font-size:.75rem}.control-divider{width:100%;height:1px}.answer-list{max-height:300px}.controls{gap:12px;width:100%;flex-direction:column!important}.controls button{margin:0;width:100%!important}.hamburger-btn{display:flex}nav{background:var(--white);z-index:1000;border:1px solid var(--primary-light);border-radius:15px;flex-direction:column;width:250px;margin-top:10px;padding:20px;display:none;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #0000001a}nav.nav-open{animation:.3s ease-out slideDown;display:flex}.nav-btn{text-align:left;width:100%;padding:15px}.btn-primary,.btn-switch{width:100%;margin-top:5px}}@media (width<=480px){.main-nav h1{font-size:1.2rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.script-section{border-left:5px solid #0000;border-radius:15px;margin-bottom:20px;padding:30px;transition:transform .3s,box-shadow .3s}.script-section:hover{border-left:5px solid var(--primary);background:linear-gradient(135deg,#ffffffe6,#f0f8ffcc);transform:translateY(-3px)scale(1.01);box-shadow:0 10px 30px #00000014}.script-header{border-bottom:2px solid #0066cc1a;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.script-section-title{color:var(--primary);margin:0;font-size:1.3rem;font-weight:700}.script-text{white-space:pre-wrap;color:var(--text);margin-bottom:10px;font-family:inherit;font-size:1.15rem;line-height:1.8}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:25px;display:grid}.tip-card{background:linear-gradient(145deg,#ffffffe6,#fff9);border:1px solid #fff6;border-radius:20px;flex-direction:column;padding:30px;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000000d}.tip-card:before{content:"";background:var(--primary);opacity:.7;width:5px;max-width:1000px;height:100%;transition:all .3s;position:absolute;top:0;left:0}.tip-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0066cc26}.tip-card:hover:before{opacity:1;width:10px}.tip-card h3{color:var(--primary);margin-bottom:15px;font-size:1.35rem;font-weight:700}.tip-card p{color:#4a5568;margin:0;font-size:1.05rem;line-height:1.7}@media (width<=768px){.selection-grid{grid-template-columns:1fr}}.reading-module .unified-study-card{flex-direction:column;justify-content:space-between;min-height:350px;display:flex}.reading-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:30px;padding:20px 0;display:flex}.reading-text.main-sentence{color:var(--text);text-align:center;margin:0;font-size:2.2rem;font-weight:700;line-height:1.4}.main-audio{background:var(--primary);color:var(--white);border-radius:30px;align-items:center;gap:12px;padding:12px 30px;font-size:1.1rem;display:flex}.main-audio .audio-icon{font-size:1.4rem}.study-tip{color:var(--text-muted);text-align:center;background:#0066cc0d;border-radius:10px;margin:0;padding:12px;font-size:.9rem}@media (width<=768px){.reading-text.main-sentence{font-size:1.8rem}.main-audio{padding:10px 25px;font-size:1rem}}.writing-content{flex-direction:column;gap:25px;padding:10px 0;display:flex}.writing-input-area{width:100%}.writing-textarea{width:100%;min-height:120px;color:var(--text);resize:none;background:#ffffff80;border:2px solid #0066cc1a;border-radius:12px;padding:20px;font-family:inherit;font-size:1.2rem;transition:all .3s;box-shadow:inset 0 2px 4px #0000000d}.writing-textarea:focus{border-color:var(--primary);background:var(--white);outline:none;box-shadow:0 0 0 4px #0066cc1a}.writing-textarea:disabled{cursor:not-allowed;background:#00000005}.writing-feedback{text-align:center;background:#28a7451a;border:1px solid #28a7454d;border-radius:12px;padding:20px}.feedback-label{text-transform:uppercase;letter-spacing:1px;color:#28a745;margin-bottom:8px;font-size:.85rem;font-weight:700}.correct-sentence{color:var(--text);margin:0;font-size:1.5rem;font-weight:600}@media (width<=768px){.main-header{margin-bottom:20px}.writing-textarea{min-height:80px;padding:12px;font-size:1.1rem}.correct-sentence{font-size:1.3rem}.writing-content{gap:15px}.main-content{padding-bottom:60px}}.flashcard-container{perspective:2000px;cursor:pointer;width:100%;max-width:1000px;height:500px;margin:0 auto 40px;transition:transform .3s,box-shadow .3s}.flashcard-container:hover{transform:translateY(-5px)}.flashcard{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard.flipped{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;border-radius:var(--radius);background:linear-gradient(to bottom right,#fff,#fdfdfd);border:1px solid #0066cc1a;flex-direction:column;width:100%;height:100%;padding:40px;display:flex;position:absolute;box-shadow:0 15px 35px #0000001a}.card-back{transform:rotateY(180deg)}.card-content-center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:15px;width:100%;display:flex}.card-main-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:30px;padding:20px;display:flex}.flashcard-question-text{color:var(--text);font-size:2.2rem;font-weight:700;line-height:1.3;font-family:var(--font-heading);margin:0}.flashcard-answer-text{color:var(--primary);font-size:2.5rem;font-weight:800;line-height:1.2;font-family:var(--font-heading);margin:0;animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn}.audio-btn-floating{background:var(--white);border:2px solid var(--primary-light);color:var(--primary);cursor:pointer;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 4px 15px #0000000d}.audio-btn-floating:hover{background:var(--primary);color:var(--white);border-color:var(--primary);transform:translateY(-3px)scale(1.05);box-shadow:0 8px 20px #06c3}.flashcard-header{justify-content:space-between;align-items:center;width:100%;display:flex}.card-side-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);opacity:.8;font-size:.85rem;font-weight:700}.top-right{position:absolute;top:35px;right:40px}.card-header-row{align-items:center;gap:15px;margin-bottom:5px;display:flex}.card-header-row h3{color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin:0;font-size:1.1rem}.audio-btn-small{background:var(--primary-light);width:36px;height:36px;color:var(--primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.audio-btn-small:hover{background:var(--primary);color:var(--white);transform:scale(1.1)}.card-hint{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;opacity:.6;text-align:center;margin-top:auto;font-size:.9rem;transition:opacity .3s}.flashcard-container:hover .card-hint{opacity:1;color:var(--primary)}.hero-answer{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:20px 0;display:flex!important}.prominent-answer{text-align:center;background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding:0 10px;font-weight:800;line-height:1.1;animation:.5s cubic-bezier(.175,.885,.32,1.275) popIn;margin:0!important;font-size:clamp(1.4rem,6vw,2.8rem)!important}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scrollable-answer::-webkit-scrollbar{width:5px}.scrollable-answer::-webkit-scrollbar-thumb{background:var(--primary-light);border-radius:10px}@media (width<=768px){.flashcard-container{height:350px}.card-front,.card-back{padding:20px}}@media (width<=325px){.flashcard-container{height:320px}.question-text{font-size:1.1rem!important}.logo h1{font-size:1.1rem}.logo-img{height:30px}.section-title{font-size:1.4rem}.question-text,.answer-line{font-size:1.2rem!important}.unified-study-card{padding:15px!important}.card-top-info{gap:4px}.card-category-badge{padding:4px 10px;font-size:.65rem}.nav-btn{padding:12px;font-size:.9rem}nav{width:220px}}.vocabulary-module .module-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.vocab-stats{background:var(--primary-light);color:var(--primary);border-radius:20px;padding:8px 20px;font-size:.9rem;font-weight:700}.vocab-card{flex-direction:column;min-height:400px;display:flex}.vocab-content{flex-direction:column;flex:1;gap:20px;padding:10px 0;display:flex}.vocab-question-text{color:var(--text);margin:0;font-size:1.6rem;font-weight:700;line-height:1.3}.vocab-options-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:10px;display:grid}.vocab-option-btn{color:var(--text);text-align:left;cursor:pointer;background:#fff9;border:2px solid #0066cc1a;border-radius:12px;align-items:flex-start;gap:12px;padding:18px 20px;font-size:1.05rem;font-weight:500;line-height:1.4;transition:all .2s;display:flex}.vocab-option-btn:hover:not(:disabled){background:var(--white);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0066cc1a}.vocab-option-btn.selected{border-color:var(--primary);background:#0066cc0d}.vocab-option-btn.correct{color:#1e7e34;background:#28a7451a!important;border-color:#28a745!important}.vocab-option-btn.incorrect{color:#a71d2a;background:#dc35451a!important;border-color:#dc3545!important}.option-indicator{background:#0000000d;border-radius:50%;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:.9rem;font-weight:700;display:flex}.vocab-option-btn.correct .option-indicator{color:#fff;background:#28a745}.vocab-option-btn.incorrect .option-indicator{color:#fff;background:#dc3545}.vocab-feedback-msg{border-radius:12px;align-items:center;gap:20px;margin-top:20px;padding:20px;display:flex}.vocab-feedback-msg p{flex:1;margin:0;font-size:1.2rem;font-weight:700}.msg-correct{color:#1e7e34;background:#28a7451a;border:1px solid #28a74533}.msg-incorrect{color:#a71d2a;background:#dc35451a;border:1px solid #dc354533}.next-btn{width:auto!important;padding:12px 25px!important}.vocab-progress-tracker{background:#ffffff80;border-radius:15px;margin-top:30px;padding:20px;overflow-x:auto}.dots-container{justify-content:center;gap:8px;min-width:min-content;display:flex}.vocab-dot{background:#0000001a;border-radius:50%;flex-shrink:0;width:12px;height:12px;transition:all .3s}.vocab-dot.current{background:var(--primary);transform:scale(1.3);box-shadow:0 0 10px #06c6}.vocab-dot.correct{background:#28a745}.vocab-dot.incorrect{background:#dc3545}@media (width<=768px){.vocab-options-grid{grid-template-columns:1fr}.vocab-question-text{font-size:1.3rem}.vocab-feedback-msg{text-align:center;flex-direction:column;gap:15px}.next-btn{width:100%!important}}.results-view{text-align:center;margin-top:20px;padding:50px 30px}.results-icon{margin-bottom:20px;font-size:4rem}.results-view h3{color:var(--primary);font-size:2rem}.final-score{margin:30px 0}.score-num{color:var(--primary);font-size:5rem;font-weight:800}.score-total{color:var(--text-muted);font-size:2rem}.mode-selector{background:#0000000d;border-radius:30px;padding:4px;display:flex}.mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:25px;padding:8px 25px;font-size:.9rem;font-weight:600;transition:all .2s}.mode-btn.active{background:var(--white);color:var(--primary);box-shadow:0 2px 8px #0000001a}.search-bar{z-index:10;align-items:center;gap:15px;margin-bottom:30px;padding:15px 25px;display:flex;position:sticky;top:10px}.search-icon{opacity:.5;font-size:1.2rem}.search-bar input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:1.1rem}.clear-search{cursor:pointer;background:#0000001a;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:flex}.glossary-grid{grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));gap:20px;display:grid}.glossary-card{border-radius:15px;flex-direction:column;gap:12px;padding:25px;display:flex}.glossary-word-container{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.glossary-word{color:var(--primary);margin:0;font-size:1.4rem;font-weight:700}.glossary-meaning{color:var(--text);margin:0;font-size:1rem;line-height:1.6}.listen-meaning-btn{background:var(--primary-light);color:var(--primary);cursor:pointer;border:none;border-radius:20px;align-self:flex-start;align-items:center;gap:8px;margin-top:10px;padding:8px 15px;font-size:.85rem;font-weight:600;display:flex}.highlight-word{color:var(--primary);text-decoration:underline;-webkit-text-decoration-color:var(--primary-light);text-decoration-color:var(--primary-light);text-underline-offset:4px}.dots-more{color:var(--text-muted);margin-top:-4px;font-weight:700}.civics-study-card{border-radius:var(--radius);flex-direction:column;gap:25px;width:100%;max-width:800px;min-height:450px;margin:0 auto 30px;padding:40px;display:flex}.study-content-layout{flex-direction:column;flex:1;gap:20px;display:flex}.study-section{flex-direction:column;gap:12px;display:flex}.section-header{align-items:center;gap:12px;display:flex}.section-header h3{text-transform:uppercase;letter-spacing:1.5px;color:var(--primary);opacity:.8;margin:0;font-size:.9rem;font-weight:700}.study-question-text{color:var(--text);margin:0;font-size:1.5rem;font-weight:700;line-height:1.4}.section-divider{background:linear-gradient(to right, transparent, var(--primary-light), transparent);opacity:.5;height:1px;margin:10px 0}.answer-scrollview{scrollbar-width:thin;scrollbar-color:var(--primary-light) transparent;max-height:200px;padding-right:15px;overflow-y:auto}.answer-scrollview::-webkit-scrollbar{width:6px}.answer-scrollview::-webkit-scrollbar-thumb{background-color:var(--primary-light);border-radius:10px}.study-answer-text{color:var(--text);margin:0;font-size:1.25rem;font-weight:500;line-height:1.6}.full-answer-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style-type:none;display:flex}.answer-list-item{border-left:4px solid var(--primary);color:var(--text);background:#fff;border-radius:4px 12px 12px 4px;padding:12px 16px;font-size:1.15rem;font-weight:500;transition:transform .2s,background .2s;box-shadow:0 2px 8px #0000000d}.answer-list-item:hover{background:var(--white);transform:translate(5px)}.highlight-start-again{box-shadow:0 0 20px #06c6;background:var(--primary)!important}@media (width<=768px){.civics-study-card{min-height:auto;margin-bottom:20px;padding:25px}.study-question-text{font-size:1.2rem}.study-answer-text{font-size:1.1rem}.answer-scrollview{max-height:180px}}.language-dropdown{border:1px solid var(--primary-light);background:var(--white);color:var(--primary);font-size:.85rem;font-weight:600;font-family:var(--font-main);cursor:pointer;border-radius:20px;outline:none;padding:8px 15px;transition:all .2s}.language-dropdown:hover,.language-dropdown:focus{border-color:var(--primary);box-shadow:0 0 0 3px #0066cc1a}.translated-subtitle-text{color:#636e72;margin:10px 0 0;font-size:1.25rem;font-style:italic;font-weight:500;line-height:1.4;animation:.4s ease-out fadeIn}.answer-list-item .translated-subtitle-text{color:#636e72;margin-top:5px;font-size:1.1rem;display:block}.flashcard .translated-subtitle-text{opacity:.85;margin-top:15px;font-size:1.4rem}.flashcard .translated-subtitle-text.answer-sub{font-size:1.6rem}.n400-specific-header{gap:20px;flex-direction:column!important;align-items:flex-start!important}.header-top-row{justify-content:space-between;align-items:center;width:100%;display:flex}.category-switcher{scrollbar-width:thin;scrollbar-color:var(--primary-light) transparent;gap:10px;width:100%;padding-bottom:5px;display:flex;overflow-x:auto}.quiz-details-container{flex-direction:column;height:80vh;padding:0;display:flex;overflow:hidden}.results-hero.compact{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:0;padding:1.5rem 2rem;display:flex}.results-hero.compact .results-title{margin:0;font-size:1.5rem}.score-badge{color:var(--accent-blue);background:#ffffff1a;border-radius:30px;padding:.5rem 1rem;font-size:1.1rem;font-weight:700}.details-scroll-list{flex-direction:column;flex:1;gap:1rem;padding:1.5rem 2rem;display:flex;overflow-y:auto}.detail-card{background:#ffffff08;border-left:4px solid #0000;border-radius:12px;padding:1.25rem;transition:transform .2s}.detail-card:hover{background:#ffffff0d;transform:translate(4px)}.detail-card.correct-border{border-left-color:var(--success)}.detail-card.incorrect-border{border-left-color:var(--danger)}.detail-q-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.detail-q-num{color:#ffffff80;font-size:.9rem;font-weight:800}.detail-category{text-transform:uppercase;letter-spacing:1px;color:#fffc;background:#ffffff1a;border-radius:4px;padding:2px 8px;font-size:.75rem}.detail-question{margin:0 0 1rem;font-size:1.1rem;font-weight:600;line-height:1.4}.detail-answer-row{background:#00000026;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;font-size:.95rem;display:flex}.detail-answer-row strong{margin-left:.5rem;font-weight:600}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.sticky-bottom{padding:1.5rem 2rem calc(1.5rem + env(safe-area-inset-bottom,0px));background:#0f172af2;border-top:1px solid #ffffff1a;margin-top:0}@media (width<=480px){.question-text,.answer-line,.quiz-question-text,.reading-text.main-sentence,.flashcard-question-text{font-size:1.54rem}.flashcard-answer-text,.results-title{font-size:1.75rem}.selection-card h3{font-size:1.26rem}.score-number{font-size:2.8rem}.score-num{font-size:3.5rem}}