body.ielts-exam-mode{overflow:hidden;height:100vh;height:100dvh}body.ielts-exam-mode .app-fab{display:none}body.ielts-exam-mode .app-shell{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;padding-bottom:0;overflow:hidden}body.ielts-exam-mode .app{max-width:none;width:100%;margin:0;padding:0;height:100%;min-height:100vh;min-height:100dvh}.ielts-exam{--ielts-bg: #f0f0f0;--ielts-surface: #ffffff;--ielts-text: #222222;--ielts-muted: #555555;--ielts-border: #c8c8c8;--ielts-instruction-bg: #f5f5f5;--ielts-part-bar: #e8e8e8;--ielts-nav-bg: #ececec;--ielts-highlight: #ffff66;--ielts-topbar-bg: #ffffff;--ielts-font-size: 15px;--ielts-red: #e31837;width:100%;height:100vh;height:100dvh;max-width:none;display:flex;flex-direction:column;background:var(--ielts-bg);color:var(--ielts-text);font-family:Arial,Helvetica,sans-serif;font-size:var(--ielts-font-size);overflow:hidden}.ielts-exam.ielts-exam-scrollable{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.ielts-contrast-wb{--ielts-bg: #111111;--ielts-surface: #1a1a1a;--ielts-text: #ffffff;--ielts-muted: #cccccc;--ielts-border: #444444;--ielts-instruction-bg: #222222;--ielts-nav-bg: #2a2a2a;--ielts-topbar-bg: #1f1f1f}.ielts-contrast-yb{--ielts-bg: #111111;--ielts-surface: #1a1a1a;--ielts-text: #ffff00;--ielts-muted: #e6e600;--ielts-border: #666600;--ielts-instruction-bg: #222200;--ielts-nav-bg: #2a2a00;--ielts-topbar-bg: #1f1f00}.ielts-text-large{--ielts-font-size: 16px}.ielts-text-xlarge{--ielts-font-size: 18px}.ielts-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:8px 20px;background:var(--ielts-topbar-bg);border-bottom:1px solid var(--ielts-border);flex-shrink:0}.ielts-topbar-left{display:flex;align-items:center;gap:16px;min-width:0}.ielts-topbar-logo{color:var(--ielts-red);font-weight:800;font-size:1.35rem;letter-spacing:.04em;white-space:nowrap}.ielts-topbar-taker-id{font-weight:700;font-size:.95rem;white-space:nowrap}.ielts-topbar-audio{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid #f5c6cb;background:#fff5f5;color:#c53030;font-size:.82rem;border-radius:3px;white-space:nowrap}.ielts-header-caution .ielts-topbar,.ielts-header-warning .ielts-topbar,.ielts-header-urgent .ielts-topbar{background:#f9d9d9}.ielts-header-urgent .ielts-topbar{animation:ielts-header-flash 1s step-end infinite}@keyframes ielts-header-flash{50%{background:#f5bcbc}}.ielts-topbar-test{font-weight:600;font-size:.9rem}.ielts-topbar-section{font-size:.82rem;color:var(--ielts-muted)}.ielts-topbar-center{text-align:center}.ielts-topbar-clock{font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.ielts-topbar-clock.is-alert{color:#c00000}.ielts-topbar-right{display:flex;justify-content:flex-end;align-items:center;gap:6px;position:relative}.ielts-topbar-icon{width:32px;height:32px;border:1px solid var(--ielts-border);background:var(--ielts-surface);border-radius:3px;cursor:pointer;font-size:1rem}.ielts-topbar-icon.has-notes{border-color:#2b6cb0;box-shadow:inset 0 0 0 1px #2b6cb0}.ielts-options-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#fff;color:#222;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif}.ielts-options-overlay-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:14px 20px;border-bottom:1px solid #e0e0e0;flex-shrink:0}.ielts-options-overlay-back{justify-self:start;border:none;background:transparent;font-size:1rem;color:#222;cursor:pointer;padding:4px 0;text-align:left}.ielts-options-overlay-title{margin:0;font-size:1rem;font-weight:400;text-align:center}.ielts-options-overlay-close{justify-self:end;border:none;background:transparent;font-size:1.4rem;line-height:1;color:#222;cursor:pointer;padding:4px 8px}.ielts-options-overlay-body{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:clamp(48px,12vh,120px) 24px 24px}.ielts-options-list{width:min(520px,92vw);border:1px solid #c8c8c8;background:#fff}.ielts-options-list--menu .ielts-options-row{grid-template-columns:1fr auto}.ielts-options-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;width:100%;min-height:52px;padding:12px 16px;border:none;border-bottom:1px solid #d8d8d8;background:#fff;font-size:1rem;color:#222;cursor:pointer;text-align:left}.ielts-options-row:last-child{border-bottom:none}.ielts-options-row.is-selected{background:#f0f0f0}.ielts-options-row--text{grid-template-columns:28px 1fr}.ielts-options-check{width:20px;font-size:1rem;color:#222}.ielts-options-label{font-size:1rem}.ielts-options-chevron{color:#888;font-size:1.2rem}.ielts-options-preview{display:flex;flex-direction:column;gap:3px;width:36px;height:28px;padding:5px 6px;border:1px solid #bbb;box-sizing:border-box}.ielts-options-preview-line{display:block;height:2px;border-radius:1px}.ielts-options-preview--bw{background:#fff}.ielts-options-preview--bw .ielts-options-preview-line{background:#222}.ielts-options-preview--wb{background:#000}.ielts-options-preview--wb .ielts-options-preview-line{background:#fff}.ielts-options-preview--yb{background:#000}.ielts-options-preview--yb .ielts-options-preview-line{background:#ff0}.ielts-contrast-wb .ielts-options-overlay,.ielts-contrast-yb .ielts-options-overlay{background:#000;color:#fff}.ielts-contrast-yb .ielts-options-overlay{color:#ff0}.ielts-contrast-wb .ielts-options-overlay-header,.ielts-contrast-yb .ielts-options-overlay-header{border-bottom-color:#444}.ielts-contrast-wb .ielts-options-overlay-back,.ielts-contrast-wb .ielts-options-overlay-close,.ielts-contrast-wb .ielts-options-overlay-title,.ielts-contrast-wb .ielts-options-row,.ielts-contrast-wb .ielts-options-check,.ielts-contrast-wb .ielts-options-label{color:#fff}.ielts-contrast-yb .ielts-options-overlay-back,.ielts-contrast-yb .ielts-options-overlay-close,.ielts-contrast-yb .ielts-options-overlay-title,.ielts-contrast-yb .ielts-options-row,.ielts-contrast-yb .ielts-options-check,.ielts-contrast-yb .ielts-options-label{color:#ff0}.ielts-contrast-wb .ielts-options-list,.ielts-contrast-yb .ielts-options-list{border-color:#555;background:#000}.ielts-contrast-wb .ielts-options-row,.ielts-contrast-yb .ielts-options-row{background:#000;border-bottom-color:#444}.ielts-contrast-wb .ielts-options-row.is-selected,.ielts-contrast-yb .ielts-options-row.is-selected{background:#1a1a1a}.ielts-options-panel,.ielts-options-heading,.ielts-options-item{display:none}.ielts-instruction-box{margin:0;padding:10px 20px;background:var(--ielts-part-bar);border-bottom:1px solid var(--ielts-border);flex-shrink:0}.ielts-instruction-box p{margin:0;line-height:1.45}.ielts-exam-body{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;flex-direction:column;background:var(--ielts-surface)}.ielts-exam-body-inner{flex:1;min-height:0;display:flex;flex-direction:column;width:100%}.ielts-exam-bottom{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--ielts-nav-bg);border-top:1px solid var(--ielts-border);flex-shrink:0}.ielts-system-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 16px;background:#f7f7f7;border-top:1px solid var(--ielts-border);font-size:.78rem;color:var(--ielts-muted);flex-shrink:0}.ielts-system-bar-right{display:flex;align-items:center;gap:12px}.ielts-exit-btn{border:1px solid var(--ielts-border);background:var(--ielts-surface);padding:4px 14px;font-size:.8rem;cursor:pointer;color:var(--ielts-text)}.ielts-exam-nav{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.ielts-exam-nav.is-collapsed .ielts-nav-scroll,.ielts-exam-nav.is-collapsed .ielts-nav-arrows{display:none}.ielts-nav-collapse{width:28px;height:28px;border:1px solid #c4a000;background:#ffeb3b;color:#333;font-size:.7rem;cursor:pointer;flex-shrink:0}.ielts-nav-part-label{font-size:.82rem;font-weight:600;white-space:nowrap;flex-shrink:0}.ielts-nav-scroll{overflow-x:auto;flex:1}.ielts-nav-questions{display:flex;gap:4px;padding:2px 0}.ielts-nav-q{width:28px;height:26px;border:1px solid var(--ielts-border);background:var(--ielts-surface);color:var(--ielts-text);font-size:.78rem;cursor:pointer;border-radius:2px;position:relative}.ielts-nav-q.is-current{outline:2px solid #2b6cb0;outline-offset:1px}.ielts-nav-q.is-answered:before{content:"";position:absolute;top:-3px;left:2px;right:2px;height:3px;background:#222}.ielts-nav-q.is-flagged{border-radius:50%}.ielts-nav-arrows{display:flex;gap:4px}.ielts-nav-arrow{width:30px;height:28px;border:1px solid var(--ielts-border);background:var(--ielts-surface);cursor:pointer}.ielts-nav-arrow:disabled{opacity:.4;cursor:not-allowed}.ielts-flag-btn{border:1px solid var(--ielts-border);background:var(--ielts-surface);padding:5px 10px;font-size:.78rem;cursor:pointer;white-space:nowrap}.ielts-flag-btn.is-flagged{background:#fff3cd;border-color:#c4a000}.ielts-finish-btn{border:1px solid #2b6cb0;background:#3182ce;color:#fff;padding:6px 12px;font-size:.8rem;cursor:pointer;white-space:nowrap}.ielts-word-count-dock{font-size:.8rem;color:var(--ielts-muted);white-space:nowrap}.ielts-volume-dock{position:fixed;right:20px;bottom:88px;z-index:20;display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--ielts-surface);border:1px solid var(--ielts-border);font-size:.78rem}.ielts-volume-dock input{width:100px}.ielts-selection-toolbar{position:fixed;z-index:40;transform:translate(-50%,-100%);display:flex;gap:4px;background:#ffc;border:1px solid #999;box-shadow:0 4px 12px #00000026}.ielts-selection-toolbar button{border:none;background:transparent;padding:6px 10px;cursor:pointer;font-size:.8rem}.ielts-text-highlight{background:var(--ielts-highlight);cursor:pointer}.ielts-highlight-delete-pop{position:fixed;bottom:64px;left:50%;transform:translate(-50%);z-index:35;display:flex;gap:6px;padding:8px;background:var(--ielts-surface);border:1px solid var(--ielts-border)}.ielts-notes-floating{position:fixed;top:88px;right:16px;z-index:25;width:min(320px,90vw);background:var(--ielts-surface);border:1px solid var(--ielts-border);box-shadow:0 8px 24px #00000026}.ielts-notes-floating-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid var(--ielts-border)}.ielts-notes-floating-header button{border:none;background:transparent;font-size:1.2rem;cursor:pointer}.ielts-notes-tabs{display:flex;gap:4px;padding:6px 8px;border-bottom:1px solid var(--ielts-border)}.ielts-notes-tabs button{border:1px solid var(--ielts-border);background:var(--ielts-surface);padding:4px 8px;font-size:.75rem;cursor:pointer}.ielts-notes-tabs button.is-active{background:#d9e8f7}.ielts-notes-quote{margin:8px 10px 0;font-size:.8rem;color:var(--ielts-muted);font-style:italic}.ielts-notes-textarea{width:calc(100% - 20px);margin:8px 10px;min-height:100px;border:1px solid var(--ielts-border);padding:8px;font-family:inherit;font-size:inherit;resize:vertical}.ielts-notes-delete{margin:0 10px 10px;border:1px solid #c53030;background:#fff;color:#c53030;padding:4px 10px;cursor:pointer;font-size:.78rem}.ielts-welcome-screen,.ielts-results-screen{overflow-y:auto;align-items:flex-start;justify-content:flex-start;padding:0}.ielts-tutorial-page{width:100%;max-width:none;padding:28px clamp(20px,4vw,48px) 40px;background:var(--ielts-surface);min-height:100vh}.ielts-tutorial-title{margin:0 0 20px;color:var(--ielts-red);font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:700}.ielts-tutorial-today{margin:0 0 8px;font-size:1.05rem;font-weight:600}.ielts-tutorial-divider{border:none;border-top:1px solid var(--ielts-border);margin:0 0 20px}.ielts-module-list{display:flex;flex-direction:column;gap:16px}.ielts-module-card{border:1px solid var(--ielts-border);background:var(--ielts-surface);padding:20px 24px;width:100%}.ielts-module-card h2{margin:0 0 4px;font-size:1.1rem}.ielts-module-status{color:var(--ielts-red);font-size:.88rem;margin:0 0 8px}.ielts-module-timing{margin:0 0 12px;color:var(--ielts-muted);font-size:.9rem}.ielts-module-info{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--ielts-border);background:#fafafa;font-size:.88rem;margin-bottom:14px}.ielts-module-start{display:inline-flex;align-items:center;gap:8px;border:none;background:#111;color:#fff;padding:10px 18px;font-size:.9rem;cursor:pointer}.ielts-module-start:disabled{opacity:.45;cursor:not-allowed}.ielts-start-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px clamp(20px,4vw,48px);overflow-y:auto}.ielts-tutorial-note{margin:24px 0 12px;color:var(--ielts-muted);font-size:.9rem}.ielts-results-screen .ielts-results-card{margin:32px auto;width:min(720px,calc(100% - 40px))}.ielts-start-screen>div,.ielts-welcome-card,.ielts-results-card{width:min(720px,100%);background:var(--ielts-surface);border:1px solid var(--ielts-border);padding:24px 28px}.ielts-start-screen h1,.ielts-welcome-card h1{margin-top:0}.ielts-start-btn,.ielts-primary-btn{border:1px solid #2b6cb0;background:#3182ce;color:#fff;padding:8px 16px;cursor:pointer;margin-top:12px}.ielts-secondary-btn,.ielts-secondary-link{border:1px solid var(--ielts-border);background:var(--ielts-surface);color:var(--ielts-text);padding:8px 16px;text-decoration:none;display:inline-flex;align-items:center}.ielts-welcome-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ielts-welcome-actions{display:flex;gap:8px;flex-wrap:wrap}.ielts-results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ielts-results-item{border:1px solid var(--ielts-border);padding:12px;background:var(--ielts-instruction-bg)}.ielts-catalog-loading,.ielts-catalog-error{padding:16px 0;color:var(--ielts-muted)}.ielts-catalog-error{color:var(--ielts-red)}.ielts-catalog-book{margin-bottom:28px}.ielts-catalog-book-title{margin:0 0 12px;font-size:1.15rem;font-weight:600}.ielts-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}.ielts-catalog-card{display:flex;flex-direction:column;gap:4px;border:1px solid var(--ielts-border);background:var(--ielts-surface);padding:18px 20px;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.ielts-catalog-card:hover{border-color:#3182ce;box-shadow:0 2px 8px #0000000f}.ielts-catalog-card h3{margin:0 0 4px;font-size:1rem}.ielts-catalog-start{margin-top:8px;font-size:.88rem;color:#2b6cb0;font-weight:600}.ielts-results-card-wide{width:min(800px,calc(100% - 40px));margin:32px auto}.ielts-results-test-name{margin:-8px 0 12px;color:var(--ielts-muted);font-size:.95rem}.ielts-results-note{margin:0 0 20px;color:var(--ielts-muted);font-size:.9rem}.ielts-results-overall{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;margin-bottom:20px;border:2px solid var(--ielts-red);background:#fff5f5;font-size:1.05rem}.ielts-results-overall strong{font-size:2rem;color:var(--ielts-red)}.ielts-results-skills{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.ielts-results-skill{border:1px solid var(--ielts-border);padding:14px 16px;background:var(--ielts-instruction-bg)}.ielts-results-skill-head{display:flex;justify-content:space-between;align-items:center;font-weight:600}.ielts-results-raw,.ielts-results-extra{margin:6px 0 0;font-size:.88rem;color:var(--ielts-muted)}.ielts-results-breakdown{margin-bottom:12px;border:1px solid var(--ielts-border);padding:8px 12px}.ielts-results-breakdown summary{cursor:pointer;font-weight:600;font-size:.92rem}.ielts-results-breakdown ul{list-style:none;margin:10px 0 0;padding:0;max-height:280px;overflow-y:auto}.ielts-results-breakdown li{display:grid;grid-template-columns:48px 1fr 1fr;gap:8px;padding:6px 8px;font-size:.82rem;border-bottom:1px solid var(--ielts-border)}.ielts-results-breakdown li.is-correct{background:#f0fff4}.ielts-results-scoring-loading{margin:0 0 16px;padding:12px 14px;border:1px dashed #c53030;background:#fff5f5;font-size:.92rem}.ielts-results-gemini-hint{margin:12px 0 0;font-size:.85rem;color:#666}.ielts-gemini-breakdown{margin-top:12px}.ielts-gemini-task{margin:14px 0;padding-top:10px;border-top:1px solid #ddd}.ielts-gemini-task h4{margin:0 0 8px;font-size:.95rem}.ielts-gemini-criteria{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 12px;margin-bottom:8px}.ielts-gemini-criterion{display:flex;justify-content:space-between;gap:8px;font-size:.85rem;padding:4px 8px;background:#f8f8f8;border-radius:4px}.ielts-gemini-feedback,.ielts-gemini-transcript{margin:8px 0 0;font-size:.88rem;line-height:1.45;color:#333}.ielts-gemini-content-relevance{margin-bottom:8px;padding:8px 10px;border-left:3px solid #2563eb;background:#eff6ff;border-radius:0 4px 4px 0}.ielts-gemini-relevance-note{margin:6px 0 0;font-size:.85rem;line-height:1.4;color:#1e3a5f}.ielts-gemini-formula{margin:0 0 8px;font-size:.82rem;color:#555;font-family:ui-monospace,monospace}.ielts-gemini-ontopic-warn{display:inline-block;margin-left:8px;padding:2px 8px;font-size:.75rem;font-weight:600;color:#9a3412;background:#ffedd5;border-radius:4px;vertical-align:middle}.ielts-gemini-task h4 .ielts-gemini-ontopic-warn{margin-left:10px}.ielts-results-gemini-hint--warn{padding:12px 14px;border:1px solid #e8b86a;background:#fffbeb;border-radius:4px}.ielts-hub-stats{margin-bottom:28px;padding:18px 20px;border:1px solid var(--ielts-border);background:var(--ielts-instruction-bg)}.ielts-hub-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:12px;margin-bottom:12px}.ielts-hub-stat{display:flex;flex-direction:column;gap:4px;font-size:.88rem}.ielts-hub-stat strong{font-size:1.35rem;color:var(--ielts-red)}.ielts-hub-history{list-style:none;margin:0;padding:0}.ielts-hub-history li{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:8px 0;border-top:1px solid var(--ielts-border);font-size:.88rem}.ielts-hub-timing-mode{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;gap:16px;margin-bottom:28px;padding:18px 20px;border:1px solid var(--ielts-border);background:#fff}.ielts-hub-timing-mode-copy{flex:1 1 240px}.ielts-hub-timing-mode-title{margin:0 0 8px;font-size:1.05rem}.ielts-hub-timing-mode-control{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;flex:1 1 420px}.ielts-timing-mode-option{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:2px solid var(--ielts-border);border-radius:6px;background:var(--ielts-instruction-bg);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.ielts-timing-mode-option strong{font-size:.95rem;color:var(--ielts-text)}.ielts-timing-mode-option span{font-size:.82rem;color:var(--ielts-muted);line-height:1.4}.ielts-timing-mode-option.is-active{border-color:var(--ielts-red);background:#fff5f5}.ielts-timing-mode-option.is-active strong{color:var(--ielts-red)}.ielts-exam-mode-banner{margin:0 0 18px;padding:10px 14px;border-radius:4px;border:1px solid var(--ielts-border);background:var(--ielts-instruction-bg);font-size:.9rem}.ielts-exam-mode-banner.is-timed{border-color:#c53030;background:#fff5f5;color:#9b2c2c}.ielts-timed-mode-note{margin:12px 0 0;padding:10px 12px;border-left:3px solid var(--ielts-red);background:#fff5f5;font-size:.9rem}.ielts-topbar-practice-mode{font-size:.88rem;color:#ffffffd9;letter-spacing:.02em}.ielts-ls-header-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0}.ielts-ls-header .ielts-topbar-clock{color:#1a1a1a;font-weight:700}.ielts-speaking-timed-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ielts-muted)}.ielts-ls-mcq-hint{margin:0 0 8px;font-size:.85rem;color:var(--ielts-muted)}.ielts-ls-audio-el{display:none}.ielts-split-pane{display:flex;flex:1;min-height:0;width:100%;align-items:stretch}.ielts-split-pane-left,.ielts-split-pane-right{min-width:0;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.ielts-split-pane-right{flex:1}.ielts-split-resizer{position:relative;z-index:2;width:12px;flex-shrink:0;cursor:col-resize;touch-action:none;display:flex;align-items:center;justify-content:center;background:var(--ielts-surface);border-left:1px solid var(--ielts-border);border-right:1px solid var(--ielts-border)}.ielts-split-resizer:hover,.ielts-split-resizer:focus-visible{background:#f3f3f3;outline:none}.ielts-split-resizer-handle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:30px;height:40px;border:1px solid #aaa;border-radius:3px;background:#fff;box-shadow:0 1px 4px #0000001f;pointer-events:none}.ielts-split-resizer-grip{width:10px;height:14px;background:linear-gradient(to right,#666 0 2px,transparent 2px 4px) 0 0 / 4px 4px repeat-y,linear-gradient(to right,#666 0 2px,transparent 2px 4px) 6px 0 / 4px 4px repeat-y}.ielts-split-resizer-arrows{font-size:.55rem;letter-spacing:1px;color:#555;line-height:1}.ielts-reading-split,.ielts-writing-split{flex:1;min-height:0;width:100%}.ielts-reading-passage,.ielts-reading-questions,.ielts-writing-prompt,.ielts-writing-editor{height:100%;padding:18px clamp(16px,2.5vw,32px);background:var(--ielts-surface);box-sizing:border-box}.ielts-reading-passage,.ielts-writing-prompt{border-right:none}.ielts-passage-title{margin:0 0 12px;font-size:1.05rem}.ielts-passage-block{margin-bottom:12px}.ielts-passage-block--labeled{display:grid;grid-template-columns:24px 1fr;gap:8px}.ielts-passage-label{font-weight:700}.ielts-passage-block p{margin:0;line-height:1.65;word-wrap:break-word;overflow-wrap:anywhere}.ielts-reading-group-title{margin:28px 0 8px;font-size:1rem;font-weight:700}.ielts-reading-q-group:first-child .ielts-reading-group-title{margin-top:0}.ielts-reading-q-block{margin-bottom:22px;scroll-margin-top:16px}.ielts-reading-q-block.is-active .ielts-q-number{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;outline:2px solid #2563eb;outline-offset:1px}.ielts-q-group-intro{margin:0 0 12px;color:var(--ielts-muted);line-height:1.45}.ielts-listening-single{flex:1;min-height:0;overflow:auto;width:100%;background:var(--ielts-surface)}.ielts-listening-content{padding:20px clamp(20px,4vw,48px) 32px;max-width:none}.ielts-listening-form-title{margin:16px 0 12px;font-size:1rem;font-weight:700}.ielts-listening-form{display:flex;flex-direction:column;gap:14px}.ielts-listening-form-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;line-height:1.8;font-size:1rem}.ielts-listening-form-row.is-active .ielts-gap-input{outline:2px solid #2b6cb0;outline-offset:2px}.ielts-listening-group-title{margin:0 0 8px;font-size:1.05rem}.ielts-listening-form-row .ielts-gap-input{min-width:160px;max-width:360px;flex:1}.ielts-listening-main{display:block;flex:1;min-height:0;overflow:auto;width:100%}.ielts-listening-context,.ielts-listening-question-pane{overflow:visible;padding:18px clamp(16px,2.5vw,32px);background:var(--ielts-surface)}.ielts-listening-context{border-right:2px solid var(--ielts-border)}.ielts-audio-widget{margin:12px 0;padding:10px;border:1px solid var(--ielts-border);background:var(--ielts-instruction-bg)}.ielts-audio-track{height:6px;background:#ccc;margin:8px 0}.ielts-audio-track span{display:block;height:100%;background:#3182ce}.ielts-inline-btn{border:1px solid var(--ielts-border);background:var(--ielts-surface);padding:4px 10px;cursor:pointer}.ielts-mock-transcript{font-size:.85rem;line-height:1.55;white-space:pre-line;color:var(--ielts-muted)}.ielts-q-prompt{margin:0 0 8px;line-height:1.45}.ielts-q-number{display:inline-block;min-width:20px;margin-right:4px;font-weight:700}.ielts-tfng-options,.ielts-mcq-options{display:flex;flex-direction:column;gap:4px}.ielts-radio-row{display:flex;align-items:flex-start;gap:6px;padding:4px;cursor:pointer}.ielts-mcq-letter{font-weight:700;min-width:14px}.ielts-matching-options{display:flex;gap:4px}.ielts-reading-table-row{margin:0 0 10px;line-height:1.55}.ielts-reading-table-title{margin:0 0 10px;font-size:.95rem}.ielts-reading-table-gap{display:inline-flex;align-items:center;gap:4px;margin:0 4px}.ielts-writing-dual-charts{display:flex;flex-direction:column;gap:28px;width:100%}.ielts-writing-dual-charts .ielts-writing-line-chart{width:100%}.ielts-matching-headings{margin:8px 0 12px;padding-left:1.2rem;font-size:.82rem;line-height:1.45;color:#333}.ielts-matching-headings li{margin-bottom:4px}.ielts-match-pill input{display:none}.ielts-match-pill span{display:inline-flex;width:30px;height:28px;align-items:center;justify-content:center;border:1px solid var(--ielts-border);background:var(--ielts-surface);cursor:pointer;font-weight:700}.ielts-match-pill input:checked+span{background:#3182ce;color:#fff;border-color:#2b6cb0}.ielts-gap-input{border:none;border-bottom:2px solid #222;background:transparent;padding:4px 2px;min-width:200px;font-size:inherit}.ielts-gap-hint{display:block;margin-top:4px;font-size:.72rem;color:var(--ielts-muted)}.ielts-writing-exam{background:#fff}.ielts-writing-exam .ielts-system-bar{display:none}.ielts-writing-prompt-body{line-height:1.6}.ielts-writing-prompt-body p{margin:0 0 14px}.ielts-writing-emphasis{font-weight:700}.ielts-writing-editor{display:flex;flex-direction:column;gap:8px;height:100%;padding:18px clamp(16px,2.5vw,32px) 14px!important}.ielts-writing-textarea{flex:1;width:100%;min-height:280px;border:1px solid #222;padding:14px 16px;font-family:inherit;font-size:inherit;line-height:1.65;resize:none;background:#fff;color:var(--ielts-text);box-sizing:border-box}.ielts-writing-word-count{margin:0;text-align:right;font-size:.92rem;color:#333;flex-shrink:0}.ielts-writing-chart{margin-top:16px;padding:16px 12px 12px;border:1px solid #bbb;background:#fff;width:100%;box-sizing:border-box}.ielts-writing-figure{margin:16px 0;text-align:center}.ielts-writing-diagram{max-width:100%;height:auto;border:1px solid #bbb}.ielts-passage-figure{margin:12px 0 20px;text-align:center}.ielts-passage-hero{max-width:100%;max-height:280px;height:auto;border:1px solid #bbb}.ielts-reading-diagram{margin:12px 0 16px;text-align:center}.ielts-reading-diagram img{max-width:100%;height:auto;border:1px solid #bbb}.ielts-writing-chart-title{margin:0 0 12px;font-size:1rem;font-weight:700;text-align:center;line-height:1.35}.ielts-writing-chart-plot{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:stretch}.ielts-writing-chart-y{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.72rem;color:#444;text-align:center;padding:4px 0}.ielts-writing-chart-body{min-width:0}.ielts-writing-chart-grid{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;height:200px;border-left:1px solid #888;border-bottom:1px solid #888;padding:8px 8px 0 4px}.ielts-writing-chart-group{flex:1;display:flex;flex-direction:column;align-items:center;min-width:0;height:100%}.ielts-writing-chart-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;flex:1;width:100%}.ielts-writing-chart-bar{width:42%;min-height:4px;border:1px solid #333}.ielts-writing-chart-bar--dark{background:#555}.ielts-writing-chart-bar--light{background:#ccc}.ielts-writing-chart-bar--mid{background:#999}.ielts-writing-chart-x{margin-top:6px;font-size:.62rem;text-align:center;line-height:1.2;color:#333}.ielts-writing-chart-legend{display:flex;justify-content:center;gap:16px;margin-top:10px;font-size:.78rem}.ielts-writing-chart-legend-item{display:inline-flex;align-items:center;gap:6px}.ielts-writing-chart-legend-item:before{content:"";width:14px;height:10px;border:1px solid #333;display:inline-block}.ielts-writing-chart-legend-item.ielts-writing-chart-bar--dark:before{background:#555}.ielts-writing-chart-legend-item.ielts-writing-chart-bar--light:before{background:#ccc}.ielts-writing-chart-legend-item.ielts-writing-chart-bar--mid:before{background:#999}.ielts-writing-line-svg{width:100%;max-width:100%;min-height:280px;height:auto;display:block}.ielts-writing-grid-line{stroke:#ddd;stroke-width:1}.ielts-writing-axis-label{font-size:12px;fill:#333}.ielts-writing-line--solid-dark{stroke:#111;fill:#111}.ielts-writing-line--solid-grey{stroke:#888;fill:#888}.ielts-writing-line--dashed-dark{stroke:#111;fill:#fff;stroke-dasharray:6 4}.ielts-writing-line--solid-mid{stroke:#666;fill:#666}.ielts-writing-line-chart .ielts-writing-chart-legend-item:before{width:28px;height:0;border-top-width:3px;border-top-style:solid;background:transparent;border-color:currentColor}.ielts-writing-line-chart .ielts-writing-line--dashed-dark:before{border-top-style:dashed}.ielts-writing-line-chart .ielts-writing-line--solid-grey{color:#888}.ielts-writing-line-chart .ielts-writing-line--solid-dark,.ielts-writing-line-chart .ielts-writing-line--dashed-dark{color:#111}.ielts-ls-footer-part-only .ielts-ls-footer-part-name{font-weight:700}.ielts-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:50;display:grid;place-items:center;padding:16px}.ielts-modal{width:min(520px,100%);background:var(--ielts-surface);border:1px solid var(--ielts-border)}.ielts-modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--ielts-border)}.ielts-modal-header button{border:none;background:transparent;font-size:1.3rem;cursor:pointer}.ielts-modal-body{padding:12px;line-height:1.5}.ielts-hub-hero{background:linear-gradient(135deg,#f3f3f3,#fff)}.ielts-hub-mark{font-size:1.5rem;font-weight:800;letter-spacing:.06em}.ielts-hub-sub{font-size:.78rem;color:#666;text-transform:uppercase}.ielts-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ielts-type-list{columns:2;margin:8px 0 0;padding-left:18px}.ielts-hub-page{max-width:none!important;width:100%}.ielts-hub-page .learn-section-content{max-width:none}.ielts-hub-tutorial{width:100%;padding:8px 0 24px}.ielts-hub-tutorial .ielts-tutorial-title{margin-bottom:16px}@media (max-width: 900px){.ielts-split-pane.is-stacked{flex-direction:column}.ielts-split-pane.is-stacked .ielts-split-pane-left{width:100%!important;min-height:120px;max-height:none;flex-shrink:0}.ielts-split-pane.is-stacked .ielts-split-pane-right{flex:1;min-height:120px}.ielts-split-pane.is-stacked .ielts-split-resizer{width:100%;height:20px;cursor:row-resize;border-left:none;border-right:none;border-top:1px solid var(--ielts-border);border-bottom:1px solid var(--ielts-border)}.ielts-split-pane.is-stacked .ielts-split-resizer-handle{width:48px;height:32px;flex-direction:row}.ielts-reading-passage,.ielts-writing-prompt{border-right:none;border-bottom:none;height:100%;max-height:none}.ielts-reading-questions,.ielts-writing-editor{height:100%}.ielts-exam-bottom{flex-wrap:wrap;gap:8px}.ielts-welcome-meta,.ielts-results-grid,.ielts-feature-grid{grid-template-columns:1fr}.ielts-type-list{columns:1}.ielts-topbar{grid-template-columns:1fr;gap:6px;padding:8px max(12px,env(safe-area-inset-left,12px))}.ielts-topbar-center{text-align:left}.ielts-topbar-right{justify-content:flex-start;flex-wrap:wrap}.ielts-tutorial-page{padding:max(16px,env(safe-area-inset-top,16px)) max(16px,env(safe-area-inset-right,16px)) max(32px,env(safe-area-inset-bottom,32px)) max(16px,env(safe-area-inset-left,16px));min-height:100dvh}.ielts-module-card{padding:16px}.ielts-module-start{width:100%;justify-content:center}.ielts-hub-history li{grid-template-columns:1fr auto;gap:4px 12px}.ielts-results-overall{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.ielts-results-overall strong{font-size:1.75rem}.ielts-results-breakdown li{grid-template-columns:48px 1fr}.ielts-ls-header{flex-direction:column;align-items:flex-start;gap:10px;padding:10px max(12px,env(safe-area-inset-right,12px)) 10px max(12px,env(safe-area-inset-left,12px))}.ielts-ls-header-right{width:100%;justify-content:flex-end;flex-wrap:wrap}.ielts-ls-part-bar{flex-wrap:wrap;padding:12px max(12px,env(safe-area-inset-right,12px)) 12px max(12px,env(safe-area-inset-left,12px))}.ielts-ls-content{padding-left:max(12px,env(safe-area-inset-left,12px));padding-right:max(12px,env(safe-area-inset-right,12px))}.ielts-ls-footer{flex-wrap:wrap;padding:8px max(12px,env(safe-area-inset-right,12px)) max(8px,env(safe-area-inset-bottom,8px)) max(12px,env(safe-area-inset-left,12px))}.ielts-speaking-footer{flex-direction:column;align-items:stretch;gap:10px;padding:8px max(16px,env(safe-area-inset-right,16px)) max(8px,env(safe-area-inset-bottom,8px)) max(16px,env(safe-area-inset-left,16px))}.ielts-speaking-footer-parts{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:4px}.ielts-speaking-footer-nav{justify-content:flex-end}.ielts-speaking-recorder-actions{flex-direction:column;align-items:stretch}.ielts-speaking-btn{width:100%;justify-content:center;min-height:44px}.ielts-volume-dock{right:max(12px,env(safe-area-inset-right,12px));bottom:max(72px,calc(64px + env(safe-area-inset-bottom,8px)))}.ielts-ls-float-nav{right:max(12px,env(safe-area-inset-right,12px))}}.ielts-listening-exam{--ielts-ls-pad: clamp(20px, 2.8vw, 52px);--ielts-ls-gap-col: clamp(40px, 8vw, 140px);font-size:clamp(15px,.22vw + 14px,17px);background:#fff}.ielts-listening-exam .ielts-system-bar,.ielts-reading-exam .ielts-system-bar{display:none}.ielts-reading-exam{background:#fff}.ielts-ls-header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--ielts-ls-pad);background:#fff;border-bottom:1px solid #ddd;flex-shrink:0}.ielts-ls-header-left{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.ielts-ls-taker-id{font-weight:700;font-size:1rem}.ielts-ls-audio-badge{display:inline-flex;align-items:center;gap:6px;font-size:.92rem;color:#333}.ielts-ls-header-right{display:flex;align-items:center;gap:14px}.ielts-ls-header-icon{font-size:1.1rem;color:#444}.ielts-ls-menu-btn{border:none;background:transparent;cursor:pointer;padding:4px;position:relative}.ielts-ls-part-bar{display:flex;align-items:baseline;gap:10px;padding:12px var(--ielts-ls-pad);background:#e8e8e8;border-bottom:1px solid #ccc;flex-shrink:0;font-size:1rem}.ielts-ls-part-bar strong{font-size:1.05rem}.ielts-ls-main{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;flex-direction:column;background:#fff}.ielts-ls-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:clamp(18px,2.5vh,28px) var(--ielts-ls-pad) clamp(64px,9vh,88px);width:100%;max-width:none;box-sizing:border-box}.ielts-ls-page{margin-bottom:clamp(28px,4vh,48px);width:100%}.ielts-ls-page-title{margin:0 0 8px;font-size:1.12rem;font-weight:700}.ielts-ls-page-intro{margin:0 0 clamp(16px,2.5vh,24px);line-height:1.55;max-width:none}.ielts-ls-task-title{margin:16px 0 12px;font-size:1.05rem;font-weight:700}.ielts-ls-section-heading{margin:12px 0 8px;font-weight:700}.ielts-ls-block-title{margin:8px 0 4px;font-weight:600}.ielts-ls-note-list{margin:0;padding-left:28px;list-style:disc;line-height:2.1;font-size:1em;max-width:min(920px,72vw)}.ielts-ls-notes-block{width:100%}.ielts-ls-note-line{margin-bottom:4px}.ielts-ls-gap-wrap{display:inline-block;vertical-align:middle;margin:0 4px}.ielts-ls-gap-box{position:relative;display:inline-flex;align-items:center;justify-content:center;height:34px;min-width:52px;border:1px solid #222;background:#fff;vertical-align:middle}.ielts-ls-gap-wrap.is-active .ielts-ls-gap-box{outline:2px solid #2563eb;outline-offset:1px}.ielts-ls-gap-num{position:absolute;font-weight:700;font-size:.95rem;pointer-events:none;color:#111;z-index:0}.ielts-ls-gap{position:relative;z-index:1;width:100%;height:100%;border:none;background:transparent;text-align:center;font-size:.95rem;padding:4px 6px;color:#111}.ielts-ls-matching-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:var(--ielts-ls-gap-col);align-items:start;width:100%}.ielts-ls-matching-letter-layout{grid-template-columns:minmax(0,1fr) 120px minmax(220px,.9fr);align-items:start}.ielts-ls-match-picture-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.ielts-ls-match-picture-list li{padding:8px 4px;font-size:.92rem;cursor:pointer}.ielts-ls-match-picture-list li.is-active{font-weight:700;outline:2px solid #2563eb;outline-offset:2px}.ielts-ls-match-slot-list{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}.ielts-ls-letter-slot{width:100%;min-height:40px}.ielts-ls-meanings-box{border:2px solid #222;padding:10px 12px;margin-bottom:12px;background:#fff}.ielts-ls-meaning-row{display:grid;grid-template-columns:24px 1fr;gap:8px;padding:4px 0;font-size:.88rem;line-height:1.35}.ielts-ls-meaning-letter{font-weight:700}.ielts-ls-letter-chip-bank{flex-direction:row;flex-wrap:wrap;gap:8px}.ielts-ls-letter-chip-bank .ielts-ls-chip{min-width:36px;justify-content:center;font-weight:700}.ielts-ls-matching-col h4{margin:0 0 14px;font-size:1em;font-weight:700}.ielts-ls-match-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.ielts-ls-match-list li{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:clamp(16px,3vw,40px);align-items:center;padding:2px 0}.ielts-ls-match-list li.is-active{background:transparent}.ielts-ls-match-list li.is-active .ielts-ls-drop-zone{outline:2px solid #2563eb;outline-offset:1px}.ielts-ls-drop-zone{min-height:38px;width:108px;border:2px dashed #777;display:flex;align-items:center;justify-content:center;background:#fff;cursor:pointer}.ielts-ls-drop-zone.is-filled{border-style:solid;border-color:#333}.ielts-ls-drop-num{font-weight:700;color:#333}.ielts-ls-chip-bank{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.ielts-ls-chip{border:1px solid #aaa;background:#fff;border-radius:8px;padding:9px 16px;font-size:.94em;cursor:grab;text-align:left;color:#222;min-width:140px}.ielts-ls-chip.is-used{opacity:.35;cursor:not-allowed}.ielts-ls-chip.is-placed{cursor:default;border-style:solid;border-color:#333}.ielts-ls-help{margin-top:12px;border:none;background:transparent;color:#2563eb;font-size:.85rem;cursor:pointer}.ielts-ls-map-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(200px,.5fr);gap:var(--ielts-ls-gap-col);align-items:start;min-height:min(56vh,520px);width:100%}.ielts-ls-map-canvas{border:1px solid #bbb;background:#fafafa;padding:clamp(12px,1.5vw,20px);min-height:min(52vh,480px);height:100%}.ielts-ls-map-image{display:block;width:100%;height:auto;max-height:min(52vh,520px);object-fit:contain;background:#fff;border:1px solid #ddd}.ielts-ls-map-building{position:relative;width:100%;height:100%;min-height:min(48vh,440px);border:2px solid #222;background:#fff}.ielts-ls-map-label{position:absolute;font-size:clamp(.72rem,.9vw,.85rem);color:#222;max-width:140px;line-height:1.25}.ielts-ls-map-zone{position:absolute;min-width:40px;min-height:34px;border:2px dashed #555;background:#fffffff2;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9em;cursor:pointer;transform:translate(-50%,-50%)}.ielts-ls-map-zone.is-active{outline:2px solid #2563eb}.ielts-ls-map-zone.is-filled{border-style:solid;font-weight:600;font-size:.72rem;padding:2px 4px;text-align:center}.ielts-ls-map-options{display:flex;flex-direction:column;gap:8px}.ielts-ls-map-plan-title{margin:0 0 10px;font-size:.95rem;font-weight:700;text-align:center}.ielts-stevenson-site{background:#fff;overflow:hidden}.ielts-ls-map-feature{position:absolute;font-size:clamp(.68rem,.85vw,.8rem);font-weight:600;color:#222;text-align:center;line-height:1.2}.ielts-stevenson-factory{top:4%;left:8%;right:22%;height:14%;border:1px solid #333;display:flex;align-items:center;justify-content:center;background:#f3f3f3}.ielts-stevenson-courtyard{top:42%;left:28%;width:30%;height:18%;border:1px dashed #666;display:flex;align-items:center;justify-content:center;background:#fafafa;font-size:.65rem}.ielts-stevenson-reception{bottom:16%;right:6%;width:18%;height:12%;border:1px solid #333;display:flex;align-items:center;justify-content:center;background:#f3f3f3}.ielts-stevenson-main-road{bottom:2%;left:4%;right:4%;height:8%;border-top:3px solid #333;display:flex;align-items:center;justify-content:center;font-weight:700;background:#ececec}.ielts-stevenson-access-road{top:28%;right:0;width:8%;bottom:10%;border-left:3px solid #333;writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;font-weight:700;background:#ececec;font-size:.62rem}.ielts-stevenson-parking{top:20%;right:2%;width:14%;height:52%;border:2px solid #333;border-radius:0 50% 50% 0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#444}.ielts-ls-map-letter-marker{position:absolute;width:28px;height:28px;border:2px solid #222;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;transform:translate(-50%,-50%);z-index:2}.ielts-ls-map-questions-panel{display:flex;flex-direction:column;gap:12px}.ielts-ls-map-question-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ielts-ls-map-question-row{display:grid;grid-template-columns:28px 1fr 44px;gap:8px;align-items:center;padding:6px 8px;border:1px solid var(--ielts-border);background:#fff}.ielts-ls-map-question-row.is-active{outline:2px solid #2563eb}.ielts-ls-map-q-num{font-weight:700}.ielts-ls-map-q-label{font-size:.9rem}.ielts-ls-map-q-slot{min-height:32px;border:2px dashed #555;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;background:#fff}.ielts-ls-map-q-slot.is-filled{border-style:solid}.ielts-ls-map-letter-bank{flex-direction:row;flex-wrap:wrap}.ielts-ls-flow-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(180px,.45fr);gap:var(--ielts-ls-gap-col);width:100%}.ielts-ls-flow-chart h4{margin:0 0 18px;font-size:1em;font-weight:700}.ielts-ls-flow-box{border:1px solid #222;padding:14px 18px;text-align:center;background:#fff;max-width:min(520px,58vw);margin:0 auto;line-height:1.45}.ielts-ls-flow-arrow-wrap{display:flex;justify-content:center;padding:6px 0}.ielts-ls-flow-arrow-wrap:before{content:"↓";font-size:1.2rem;color:#333}.ielts-ls-flow-gap{min-width:132px;min-height:38px;border:2px dashed #555;display:flex;align-items:center;justify-content:center;font-weight:700;background:#fff;margin:0 auto}.ielts-ls-flow-gap.is-active{outline:2px solid #2563eb}.ielts-ls-flow-bank{padding-top:40px}.ielts-ls-mcq-item{margin-bottom:24px;padding:8px 0}.ielts-ls-mcq-item.is-active{background:#f8fbff}.ielts-ls-mcq-prompt{margin:0 0 10px;font-weight:600}.ielts-ls-q-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:#2563eb;color:#fff;font-weight:700;margin-right:8px;font-size:.85rem}.ielts-ls-mcq-options{display:flex;flex-direction:column;gap:6px;padding-left:8px}.ielts-ls-mcq-option{display:flex;align-items:center;gap:8px;cursor:pointer}.ielts-ls-table-wrap{overflow-x:auto;width:100%;max-width:min(1100px,92vw)}.ielts-ls-table{width:100%;border-collapse:collapse;font-size:.96em}.ielts-ls-table th,.ielts-ls-table td{border:1px solid #999;padding:12px 14px;vertical-align:middle}.ielts-ls-table thead th{background:#efefef;font-weight:700;text-align:center}.ielts-ls-table tbody th{background:#fafafa;text-align:left;font-weight:600;min-width:180px}.ielts-ls-float-nav{position:fixed;right:clamp(16px,2.5vw,40px);bottom:clamp(72px,11vh,96px);display:flex;gap:4px;z-index:20}.ielts-ls-float-btn{width:48px;height:48px;border:none;background:#1a1a1a;color:#fff;font-size:1.15rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.ielts-ls-float-btn:disabled{background:#aaa;cursor:not-allowed}.ielts-ls-footer{display:flex;align-items:center;justify-content:space-between;padding:8px var(--ielts-ls-pad);background:#fff;border-top:1px solid #ccc;flex-shrink:0;gap:12px}.ielts-ls-footer-parts{display:flex;align-items:center;gap:20px;flex:1;overflow-x:auto;min-width:0}.ielts-ls-footer-part-idle{border:none;background:transparent;font-size:.88rem;color:#444;cursor:pointer;white-space:nowrap;padding:4px 0}.ielts-ls-footer-part-active{display:flex;align-items:center;gap:10px;flex-shrink:0}.ielts-ls-footer-part-name{font-weight:700;font-size:.9rem;white-space:nowrap}.ielts-ls-footer-nums{display:flex;gap:4px;flex-wrap:nowrap}.ielts-ls-footer-q{width:30px;height:28px;border:1px solid #bbb;background:#fff;font-size:.82rem;cursor:pointer;padding:0}.ielts-ls-footer-q.is-current{border:2px solid #2563eb;outline:none;font-weight:700}.ielts-ls-footer-check{width:36px;height:32px;border:1px solid #bbb;background:#f5f5f5;cursor:pointer;flex-shrink:0}@media (max-width: 900px){.ielts-ls-matching-layout,.ielts-ls-map-layout,.ielts-ls-flow-layout,.ielts-ls-match-list li{grid-template-columns:1fr}}@media (max-width: 640px){.ielts-catalog-grid{grid-template-columns:1fr}.ielts-results-card-wide,.ielts-results-screen .ielts-results-card,.ielts-start-screen>div,.ielts-welcome-card{width:calc(100% - 24px);padding:16px;margin-left:auto;margin-right:auto}.ielts-results-breakdown li{grid-template-columns:1fr;gap:4px}.ielts-exam-bottom{flex-direction:column;align-items:stretch}.ielts-exam-nav{width:100%}.ielts-flag-btn,.ielts-finish-btn{width:100%;min-height:44px;text-align:center}.ielts-ls-footer{flex-direction:column;align-items:stretch}.ielts-ls-footer-check{align-self:flex-end;min-height:44px;min-width:44px}.ielts-ls-footer-part-active{flex-direction:column;align-items:flex-start}.ielts-ls-footer-nums{flex-wrap:wrap}.ielts-ls-table tbody th{min-width:0}.ielts-writing-chart-plot{overflow-x:auto;-webkit-overflow-scrolling:touch}.ielts-writing-line-svg{min-width:320px}.ielts-secondary-btn,.ielts-primary-btn,.ielts-start-btn{width:100%;justify-content:center;min-height:44px}}.ielts-listening-exam.ielts-text-large{font-size:clamp(17px,.3vw + 15px,20px)}.ielts-listening-exam.ielts-text-xlarge{font-size:clamp(19px,.4vw + 16px,24px)}.ielts-listening-exam.ielts-contrast-wb{background:#000;color:#fff}.ielts-listening-exam.ielts-contrast-wb .ielts-ls-header,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-main,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-content,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-footer{background:#000;color:#fff;border-color:#555}.ielts-listening-exam.ielts-contrast-wb .ielts-topbar-logo,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-taker-id,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-audio-badge,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-header-icon,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-page-title,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-page-intro,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-task-title,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-section-heading,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-block-title,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-footer-part-name,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-footer-part-idle{color:#fff}.ielts-listening-exam.ielts-contrast-wb .ielts-ls-part-bar{background:#000;color:#fff;border-color:#666}.ielts-listening-exam.ielts-contrast-wb .ielts-ls-gap-box,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-drop-zone,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-map-zone,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-flow-gap,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-flow-box,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-chip,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-footer-q,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-footer-check{background:#000;border-color:#fff;color:#fff}.ielts-listening-exam.ielts-contrast-wb .ielts-ls-gap-num,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-gap,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-drop-num{color:#fff}.ielts-listening-exam.ielts-contrast-wb .ielts-ls-gap-wrap.is-active .ielts-ls-gap-box,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-match-list li.is-active .ielts-ls-drop-zone,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-map-zone.is-active,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-flow-gap.is-active{outline:2px solid #fff;outline-offset:1px}.ielts-listening-exam.ielts-contrast-wb .ielts-ls-footer-q.is-current{border:2px solid #fff;background:#000;color:#fff}.ielts-listening-exam.ielts-contrast-wb .ielts-ls-float-btn{background:#fff;color:#000}.ielts-listening-exam.ielts-contrast-wb .ielts-ls-float-btn:disabled{background:#555;color:#999}.ielts-listening-exam.ielts-contrast-wb .ielts-ls-map-canvas,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-map-building{background:#000;border-color:#fff}.ielts-listening-exam.ielts-contrast-wb .ielts-ls-map-label,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-flow-arrow-wrap:before,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-help{color:#fff}.ielts-listening-exam.ielts-contrast-wb .ielts-ls-table th,.ielts-listening-exam.ielts-contrast-wb .ielts-ls-table td{border-color:#fff;color:#fff;background:#000}.ielts-listening-exam.ielts-contrast-wb .ielts-ls-mcq-option{color:#fff}.ielts-listening-exam.ielts-contrast-yb{background:#000;color:#ff0}.ielts-listening-exam.ielts-contrast-yb .ielts-ls-header,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-main,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-content,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-footer{background:#000;color:#ff0;border-color:#660}.ielts-listening-exam.ielts-contrast-yb .ielts-topbar-logo,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-taker-id,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-audio-badge,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-header-icon,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-page-title,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-page-intro,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-task-title,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-section-heading,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-block-title,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-footer-part-name,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-footer-part-idle{color:#ff0}.ielts-listening-exam.ielts-contrast-yb .ielts-ls-part-bar{background:#000;color:#ff0;border-color:#660}.ielts-listening-exam.ielts-contrast-yb .ielts-ls-gap-box,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-drop-zone,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-map-zone,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-flow-gap,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-flow-box,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-chip,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-footer-q,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-footer-check{background:#000;border-color:#ff0;color:#ff0}.ielts-listening-exam.ielts-contrast-yb .ielts-ls-gap-num,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-gap,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-drop-num{color:#ff0}.ielts-listening-exam.ielts-contrast-yb .ielts-ls-gap-wrap.is-active .ielts-ls-gap-box,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-match-list li.is-active .ielts-ls-drop-zone,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-map-zone.is-active,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-flow-gap.is-active{outline:2px solid #00ffff;outline-offset:1px}.ielts-listening-exam.ielts-contrast-yb .ielts-ls-footer-q.is-current{border:2px solid #ffff00;background:#000;color:#ff0}.ielts-listening-exam.ielts-contrast-yb .ielts-ls-float-btn{background:#ff0;color:#000}.ielts-listening-exam.ielts-contrast-yb .ielts-ls-float-btn:disabled{background:#555;color:#888}.ielts-listening-exam.ielts-contrast-yb .ielts-ls-map-canvas,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-map-building{background:#000;border-color:#ff0}.ielts-listening-exam.ielts-contrast-yb .ielts-ls-map-label,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-flow-arrow-wrap:before,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-help{color:#ff0}.ielts-listening-exam.ielts-contrast-yb .ielts-ls-table th,.ielts-listening-exam.ielts-contrast-yb .ielts-ls-table td{border-color:#ff0;color:#ff0;background:#000}.ielts-listening-exam.ielts-contrast-yb .ielts-ls-mcq-option{color:#ff0}.ielts-hub-speaking-divider{margin:28px 0 20px}.ielts-module-card-freestyle{border-color:#c4b5fd;background:linear-gradient(180deg,#faf8ff,#fff)}.ielts-module-freestyle-tag{margin:0 0 8px;font-size:.82rem;font-weight:600;color:#6d28d9}.ielts-speaking-hub-desc{margin:8px 0 12px;font-size:.9rem;line-height:1.5;color:#444}.ielts-speaking-exam{background:#fff}.ielts-speaking-mode-tag{font-size:.88rem;color:#6d28d9;font-weight:600}.ielts-speaking-intro-card{max-width:560px}.ielts-speaking-badge{display:inline-block;margin:0 0 10px;padding:4px 10px;background:#ede9fe;color:#5b21b6;font-size:.8rem;font-weight:600;border-radius:4px}.ielts-speaking-main{flex:1;min-height:0;overflow:auto;background:#fff}.ielts-speaking-content{max-width:820px;margin:0 auto;padding:clamp(20px,3vh,32px) clamp(20px,4vw,48px) 40px}.ielts-speaking-part-head h2{margin:0 0 8px;font-size:1.1rem}.ielts-speaking-part-head p{margin:0 0 20px;color:#444;line-height:1.5}.ielts-speaking-prompt{margin-bottom:24px;padding:16px 18px;border:1px solid #ccc;background:#fafafa;line-height:1.55}.ielts-speaking-question-list{margin:0;padding-left:0;list-style:none}.ielts-speaking-question-list li{margin-bottom:12px;padding-left:28px;position:relative}.ielts-speaking-q-num{position:absolute;left:0;font-weight:700}.ielts-speaking-topic-lead{margin:0 0 14px;font-weight:700;font-size:1.02rem}.ielts-speaking-question-list--bullets{list-style:disc;padding-left:22px}.ielts-speaking-question-list--bullets li{padding-left:0}.ielts-speaking-discussion-label{margin:0 0 16px;font-weight:700}.ielts-speaking-discussion-block{margin-bottom:20px}.ielts-speaking-discussion-title{margin:0 0 8px;font-size:1rem;font-weight:700}.ielts-speaking-discussion-sub{margin:0 0 8px;font-style:italic}.ielts-speaking-cue-card{border:1px solid #bbb;padding:16px 18px;background:#fafafa;max-width:520px}.ielts-speaking-cue-closing{margin:12px 0 0;font-weight:600}.ielts-speaking-cue-note{margin:14px 0 0;max-width:520px;line-height:1.5;color:#444}.ielts-speaking-cue-label{margin:0 0 6px;font-weight:600}.ielts-speaking-cue-topic{margin:0 0 14px;font-weight:700;font-size:1.05rem}.ielts-speaking-cue-list{margin:0;padding-left:22px}.ielts-speaking-prep{margin-bottom:20px;padding:12px 14px;border:1px dashed #999;background:#fffef5}.ielts-speaking-recorder{padding:18px;border:1px solid #bbb;background:#fff}.ielts-speaking-recorder-status{margin-bottom:14px;font-size:.95rem}.ielts-speaking-recording-dot{color:#c53030;font-weight:600}.ielts-speaking-saved{color:#276749;font-weight:600}.ielts-speaking-error{color:#c53030;margin:0 0 10px}.ielts-speaking-recorder-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.ielts-speaking-btn{border:1px solid #aaa;background:#fff;padding:10px 16px;font-size:.9rem;cursor:pointer;border-radius:4px}.ielts-speaking-btn-record{border-color:#c53030;color:#c53030;font-weight:600}.ielts-speaking-btn-stop{border-color:#222;background:#222;color:#fff}.ielts-speaking-btn-primary{background:#111;color:#fff;border-color:#111}.ielts-speaking-btn-secondary{background:#f5f5f5}.ielts-speaking-audio{width:100%;margin-top:8px}.ielts-speaking-ai-note{margin:16px 0 0;font-size:.82rem;color:#666}.ielts-speaking-footer{display:flex;align-items:center;justify-content:space-between;padding:8px clamp(20px,4vw,48px);border-top:1px solid #ccc;background:#fff;flex-shrink:0}.ielts-speaking-footer-parts{display:flex;gap:20px}.ielts-speaking-footer-part{border:none;background:transparent;font-size:.9rem;cursor:pointer;padding:4px 0;color:#444}.ielts-speaking-footer-part.is-active{font-weight:700;color:#111}.ielts-speaking-footer-nav{display:flex;gap:4px}:root,[data-theme=light]{color-scheme:light;--bg: #f4f7fb;--bg-soft: #ffffff;--card: #ffffff;--card-border: #dbe3ef;--text: #0f172a;--muted: #64748b;--primary: #4f46e5;--primary-hover: #4338ca;--primary-soft: #eef2ff;--danger: #dc2626;--danger-soft: #fef2f2;--success: #16a34a;--success-soft: #f0fdf4;--warning: #d97706;--shadow: 0 8px 30px rgba(15, 23, 42, .08);--radius: 14px;--surface-muted: #f8fafc;--progress-track: #e2e8f0;--highlight-bg: #fde68a;--highlight-text: #92400e;--fab-bg: rgba(255, 255, 255, .92)}[data-theme=dark]{color-scheme:dark;--bg: #0b1220;--bg-soft: #111827;--card: #1e293b;--card-border: #334155;--text: #f1f5f9;--muted: #94a3b8;--primary: #818cf8;--primary-hover: #a5b4fc;--primary-soft: rgba(129, 140, 248, .14);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .12);--success: #4ade80;--success-soft: rgba(74, 222, 128, .12);--warning: #fbbf24;--shadow: 0 8px 30px rgba(0, 0, 0, .35);--surface-muted: #0f172a;--progress-track: #334155;--highlight-bg: rgba(251, 191, 36, .22);--highlight-text: #fde68a;--fab-bg: rgba(30, 41, 59, .94)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at top left,rgba(79,70,229,.08),transparent 35%),radial-gradient(circle at top right,rgba(22,163,74,.06),transparent 30%),var(--bg);color:var(--text);min-height:100vh;line-height:1.5;-webkit-text-size-adjust:100%;padding-bottom:env(safe-area-inset-bottom,0)}#root{min-height:100vh}.app-shell{min-height:100vh;padding-bottom:calc(52px + env(safe-area-inset-bottom,8px))}.app{max-width:1100px;margin:0 auto;padding:20px 16px 24px;padding-left:max(16px,env(safe-area-inset-left,16px));padding-right:max(16px,env(safe-area-inset-right,16px))}.hero,.page-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.eyebrow{color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;margin:0 0 8px}.hero h1,.page-header h1{margin:0 0 8px;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.15}.subtitle{margin:0;color:var(--muted);max-width:640px}.stats{min-width:140px;text-align:center}.stats-label{display:block;color:var(--muted);font-size:.875rem;margin-bottom:8px}.stats strong{font-size:2rem;color:var(--primary)}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.toolbar{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.search-input{flex:1 1 160px;min-width:0;padding:12px 16px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-soft);color:var(--text);font:inherit}.search-input:focus,.field input:focus,.field select:focus,.field textarea:focus,.typing-form input:focus,.typing-form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.layout{display:grid;gap:24px}.vocab-form h2,.vocab-card h3{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field.full-width{grid-column:1 / -1}.field span{font-size:.875rem;color:var(--muted);font-weight:500}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-soft);color:var(--text);font:inherit}.field textarea{resize:vertical}.form-actions,.card-actions,.practice-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{border:none;border-radius:12px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.primary,.btn.btn-primary{background:var(--primary);color:#fff}.btn.primary:hover:not(:disabled),.btn.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn.secondary,.btn.btn-outline{background:var(--bg-soft);color:var(--text);border:1px solid var(--card-border)}.btn.secondary:hover:not(:disabled),.btn.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn.ghost,.btn.btn-ghost{background:var(--primary-soft);color:var(--primary)}.btn-sm{padding:8px 14px;font-size:.88rem;min-height:36px;border-radius:999px}.btn.danger,.btn.btn-danger-soft{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(220,38,38,.2)}.vocab-list{display:grid;gap:16px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vocab-grid-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;width:100%}.vocab-grid-2col .vocab-card{min-width:0;padding:14px;overflow:hidden;height:100%;box-sizing:border-box}.vocab-grid-2col .vocab-card h3{font-size:1rem;word-break:break-word;overflow-wrap:anywhere}.vocab-grid-2col .vocab-header{gap:10px}.vocab-grid-2col .vocab-details{gap:10px;margin-top:12px}.vocab-grid-2col .vocab-details dt{font-size:.68rem}.vocab-grid-2col .vocab-details dd{font-size:.86rem;overflow-wrap:anywhere;word-break:break-word}.vocab-grid-2col .example-list{padding-left:1.1rem;margin:0}.vocab-grid-2col .badge{font-size:.68rem;padding:3px 8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vocab-grid-2col .badge-row{display:flex;flex-wrap:wrap;gap:4px}.vocab-grid-2col .card-actions{flex-shrink:0}.vocab-grid-2col .card-actions .btn{font-size:.78rem;padding:6px 10px}.vocab-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.badge,.badge-soft{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.75rem;font-weight:600}.vocab-details{display:grid;gap:12px;margin:16px 0 0}.vocab-details dt{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.vocab-details dd{margin:4px 0 0}.phonetic{font-family:Times New Roman,serif;font-size:1.05rem;color:var(--muted)}.empty-state{text-align:center;color:var(--muted)}.muted{color:var(--muted)}.alert,.alert.success,.alert-error{padding:12px 16px;border-radius:12px;margin-bottom:16px;cursor:pointer}.alert.success{background:var(--success-soft);color:#166534;border:1px solid rgba(22,163,74,.25)}.alert.error,.alert-error{background:var(--danger-soft);color:#991b1b;border:1px solid rgba(220,38,38,.2)}.error{color:var(--danger)}.section-block{display:grid;gap:16px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.section-header h2{margin:0 0 4px}.count-pill,.pill{padding:6px 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.875rem;font-weight:600;white-space:nowrap}.pill-success{background:var(--success-soft);color:var(--success)}.pill-danger{background:var(--danger-soft);color:var(--danger)}.search-bar{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:12px;align-items:center}.search-bar select{padding:12px 14px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-soft);color:var(--text);font:inherit}.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.topic-badge{background:var(--success-soft);color:var(--success)}.example-list{margin:0;padding-left:18px}.example-list li{margin-bottom:6px}.title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.title-row h3{margin:0}.speaker-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(79,70,229,.25);border-radius:999px;background:var(--primary-soft);color:var(--primary);cursor:pointer;transition:transform .15s ease,background .15s ease;flex-shrink:0}.speaker-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.speaker-btn:hover:not(:disabled){transform:scale(1.05);background:#e0e7ff}.speaker-btn:disabled{opacity:.5;cursor:default}.speaker-btn.playing{background:var(--success-soft);border-color:#16a34a4d;color:var(--success)}.form-note{margin:-4px 0 16px}.topic-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;text-decoration:none;color:inherit;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.topic-page{display:grid;gap:20px}.page-nav{margin-bottom:4px}.topic-hero{margin-bottom:0}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.topic-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 12px 24px #4f46e51a}.topic-detail{display:grid;gap:20px}.topic-detail-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.topic-detail-header h2{margin:0}.pagination{display:flex;justify-content:center;align-items:center;gap:16px}.page-indicator{color:var(--muted);font-weight:600}.hero-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch}.practice-link{text-align:center}.practice-page,.practice-session{display:grid;gap:20px}.practice-hero{margin-bottom:0}.practice-setup{display:grid;gap:20px;padding:clamp(20px,4vw,28px)}.practice-setup>.btn-primary{border-radius:999px;min-height:48px;font-size:1rem;justify-self:start}.period-card.active{box-shadow:0 6px 20px #4f46e51f;transform:translateY(-1px)}.period-card strong{font-size:1.05rem;color:var(--text)}.period-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.period-card{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:16px;border-radius:var(--radius);border:1px solid var(--card-border);background:var(--bg-soft);color:inherit;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease}.period-card:hover{border-color:var(--primary)}.period-card.active{border-color:var(--primary);background:var(--primary-soft)}.level-preview h3{margin:0 0 12px}.level-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.level-chip{padding:12px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-soft)}.level-chip strong{display:block;margin-bottom:4px}.level-chip span{color:var(--muted);font-size:.875rem}.level-chip.basic{border-color:#4f46e540}.level-chip.intermediate{border-color:#d9770640}.level-chip.advanced{border-color:#16a34a40}.practice-status{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;background:radial-gradient(circle at top right,rgba(79,70,229,.08),transparent 50%),var(--card)}.status-stats{display:flex;flex-wrap:wrap;gap:8px}.progress-track{height:10px;border-radius:999px;background:var(--progress-track);overflow:hidden;box-shadow:inset 0 1px 2px #0f172a14}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#6366f1);border-radius:999px;transition:width .35s ease}.level-progress{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.level-step{padding:8px 4px;border-radius:10px;text-align:center;font-size:.8rem;font-weight:600;border:1px solid var(--card-border);color:var(--muted);background:var(--bg-soft)}.level-step.current{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.level-step.done{border-color:#16a34a59;color:var(--success);background:var(--success-soft)}.practice-game{display:grid;gap:20px}.practice-game-header{display:flex;justify-content:space-between;align-items:center}.question-box{padding:20px;border-radius:var(--radius);background:var(--surface-muted);border:1px solid var(--card-border)}.flashcard{position:relative;min-height:260px;border:none;background:transparent;cursor:pointer;perspective:1000px;padding:0;width:100%}.flashcard-face{min-height:260px;padding:28px;border-radius:calc(var(--radius) + 2px);border:1px solid var(--card-border);background:linear-gradient(180deg,var(--card),var(--surface-muted));display:flex;flex-direction:column;justify-content:center;gap:12px;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.flashcard:hover .flashcard-face{box-shadow:0 16px 40px #4f46e51f}.flashcard:not(.flipped) .back,.flashcard.flipped .front{display:none}.flashcard-label{margin:0;color:var(--primary);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.flashcard-word-row{display:flex;align-items:center;gap:10px}.flashcard-word-row h3{margin:0;font-size:1.75rem}.flashcard-meaning{margin:0;font-size:1.4rem}.example-preview{margin:0;font-style:italic}.example-box{margin-top:12px;padding:16px;border-radius:12px;background:var(--primary-soft);border:1px solid rgba(79,70,229,.15)}.example-sentence{margin:8px 0 0;font-size:1.15rem;line-height:1.6}.word-highlight{background:var(--highlight-bg);color:var(--highlight-text);padding:0 4px;border-radius:4px;font-weight:700}.typing-form{display:flex;gap:12px;flex-wrap:wrap}.typing-form input,.typing-form textarea{flex:1;min-width:220px;padding:12px 14px;border-radius:12px;border:1px solid var(--card-border);background:var(--bg-soft);color:var(--text);font:inherit}.typing-form textarea{min-height:88px;resize:vertical}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice-btn{padding:16px;border-radius:var(--radius);border:1px solid var(--card-border);background:var(--bg-soft);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.choice-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}.choice-btn.correct{border-color:#16a34a73;background:var(--success-soft)}.feedback{margin:0;padding:12px 14px;border-radius:12px}.feedback.correct{background:var(--success-soft);color:#166534;border:1px solid rgba(22,163,74,.2)}.feedback.wrong{background:var(--danger-soft);color:#991b1b;border:1px solid rgba(220,38,38,.2)}.score-box{padding:16px;border-radius:var(--radius);border:1px solid var(--card-border)}.score-box.correct{background:var(--success-soft);border-color:#16a34a40}.score-box.wrong{background:var(--danger-soft);border-color:#dc262633}.score-box strong{display:block;margin-bottom:6px}.match-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.match-card{min-height:92px;padding:12px;border-radius:12px;border:1px solid var(--card-border);background:var(--primary-soft);color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.match-card:hover:not(:disabled){transform:translateY(-1px)}.match-card.open{background:var(--bg-soft)}.match-card.open.en{border-color:#4f46e566}.match-card.open.vi{border-color:#16a34a66}.match-card.wrong{border-color:#dc262673;background:var(--danger-soft)}.practice-complete{display:grid;gap:16px;text-align:center}.practice-complete .form-actions{justify-content:center}.practice-complete .btn-primary{border-radius:999px}.complete-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.complete-stats div{padding:16px;border-radius:var(--radius);border:1px solid var(--card-border);text-align:center;background:var(--surface-muted)}.complete-stats strong{display:block;font-size:1.8rem;margin-bottom:4px;color:var(--primary)}.complete-stats span{color:var(--muted);font-size:.875rem}.hint-btn{justify-self:start}.hint-box{margin:0;padding:12px 14px;border-radius:12px;background:var(--primary-soft);border:1px solid rgba(79,70,229,.15);color:var(--text)}.listen-box{text-align:center}.listen-play-btn{margin-top:8px}.flashcard-meanings{text-align:left}.muted-list{color:var(--muted)}.speak-controls{display:grid;gap:16px}.recording-indicator{margin:0;font-weight:600;color:var(--danger)}.transcript-box{padding:16px;border-radius:var(--radius);background:var(--surface-muted);border:1px solid var(--card-border)}.practice-nav-bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 20px;border-radius:calc(var(--radius) + 4px);background:color-mix(in srgb,var(--card) 94%,transparent);border:1px solid var(--card-border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;bottom:16px;z-index:10}.practice-nav-bar .btn-outline:first-child{margin-right:auto}@media (max-width: 768px){.hero,.page-header{flex-direction:column}.vocab-grid-2col{grid-template-columns:1fr}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr))}.form-grid{grid-template-columns:1fr}.vocab-header{flex-direction:column}.search-bar{grid-template-columns:1fr}.period-grid,.level-list,.level-progress,.choice-grid,.match-grid,.complete-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.level-progress{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-actions{width:100%}.practice-status,.practice-nav-bar{flex-direction:column}.practice-nav-bar .btn-outline:first-child{margin-right:0}.landing-grid,.common-topic-grid,.calendar-picker{grid-template-columns:1fr}}.app:has(.landing-page){max-width:none;padding:0;min-height:100dvh;height:auto;overflow-x:clip}.app-shell:has(.landing-page){height:auto;min-height:100dvh;overflow-x:clip;overflow-y:auto;-webkit-overflow-scrolling:touch}.app>.landing-page{padding-left:max(16px,env(safe-area-inset-left,16px));padding-right:max(16px,env(safe-area-inset-right,16px))}@keyframes landingFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes landingFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translateY(-22px) scale(1.04)}}@keyframes landingGradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes landingCardIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-page{position:relative;display:grid;grid-template-columns:minmax(170px,20vw) minmax(0,1fr) minmax(170px,20vw);column-gap:4px;align-items:start;min-height:100vh;min-height:100dvh;padding:max(20px,env(safe-area-inset-top,20px)) max(12px,env(safe-area-inset-left,12px)) max(48px,env(safe-area-inset-bottom,48px)) max(12px,env(safe-area-inset-right,12px));background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.65),transparent 42%),radial-gradient(circle at 85% 8%,rgba(251,207,232,.85),transparent 38%),linear-gradient(135deg,#fce7f3,#fbcfe8 30%,#f9a8d4 55%,#fdf2f8);background-size:120% 120%;animation:landingGradientShift 14s ease infinite;overflow-x:clip;overflow-y:auto;-webkit-overflow-scrolling:touch}.landing-page-main{grid-column:2;position:relative;z-index:1;width:100%;max-width:920px;margin:0 auto;justify-self:center}.landing-bg-shapes .shape{position:absolute;border-radius:999px;filter:blur(48px);opacity:.4;pointer-events:none;animation:landingFloat 9s ease-in-out infinite}.shape-1{width:260px;height:260px;background:#fff;top:-50px;right:8%;animation-delay:0s}.shape-2{width:200px;height:200px;background:#ec4899;bottom:12%;left:-30px;animation-delay:-3s}.shape-3{width:160px;height:160px;background:#fda4af;top:38%;right:-20px;animation-delay:-5s}.shape-4{width:120px;height:120px;background:#f472b6;top:18%;left:12%;animation-delay:-2s}.landing-topbar{position:relative;z-index:2;display:flex;justify-content:flex-end;max-width:920px;margin:0 auto 20px;animation:landingFadeUp .55s ease both}.landing-topbar-auth{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:4px;border-radius:999px;background:#ffffff8c;border:1px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px #be185d1a}.landing-topbar .btn-ghost{background:transparent}.landing-user-chip{font-size:.82rem;color:#9d174d;padding:0 10px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-hero{position:relative;z-index:1;max-width:720px;margin:0 auto 28px;animation:landingFadeUp .65s ease .08s both}.landing-hero-inner{padding:20px 22px;border-radius:22px;background:#ffffff9e;border:1px solid rgba(255,255,255,.92);box-shadow:0 16px 48px #be185d24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.landing-brand-row{display:flex;align-items:center;gap:14px}.landing-brand-mark{display:grid;place-items:center;width:52px;height:52px;flex-shrink:0;border-radius:16px;background:linear-gradient(145deg,#fff,#fce7f3);border:1px solid rgba(255,255,255,.95);box-shadow:0 8px 20px #be185d2e;font-size:1.35rem;font-weight:800;color:#831843}.landing-brand-copy{min-width:0;text-align:left}.landing-brand-name{margin:0 0 2px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#be185d}.landing-brand-tagline{margin:0;font-size:clamp(1.35rem,4vw,1.85rem);line-height:1.15;color:#831843;font-weight:800}.landing-hero-desc{margin:14px 0 0;padding-top:14px;border-top:1px solid rgba(219,39,119,.12);color:#9d174d;font-size:.95rem;line-height:1.55}.leaderboard-side-rail{position:sticky;top:max(20px,env(safe-area-inset-top,20px));z-index:2;padding:16px 10px 40px;align-self:start}.leaderboard-side-rail--left{grid-column:1;justify-self:end}.leaderboard-side-rail--right{grid-column:3;justify-self:start}.leaderboard-side-rail.is-empty{visibility:hidden;pointer-events:none}.leaderboard-side-rail-track{display:flex;flex-direction:column;gap:40px}.leaderboard-side-rail--left .leaderboard-side-rail-track{align-items:flex-end}.leaderboard-side-rail--right .leaderboard-side-rail-track{align-items:flex-start}.leaderboard-rail-item{display:flex;flex-direction:column;align-items:center;text-align:center;width:min(100%,172px);animation:leaderboardRailIn .55s ease var(--rail-delay, 0ms) both;transition:transform .22s ease}.leaderboard-rail-item:hover{transform:translateY(-4px) scale(1.04)}.leaderboard-rail-item.is-champion .leaderboard-rail-avatar{width:118px;height:118px;border-width:4px;border-color:#fbbf24bf;box-shadow:0 0 0 4px #fbbf2473,0 16px 36px #be185d3d}.leaderboard-rail-item.is-champion .leaderboard-rail-avatar-icon{font-size:2.85rem}.leaderboard-rail-item.is-champion .leaderboard-rail-avatar-initial{width:26px;height:26px;font-size:.78rem}.leaderboard-rail-item.is-me .leaderboard-rail-avatar{box-shadow:0 0 0 3px #ec48998c,0 12px 28px #be185d33}.leaderboard-rail-rank{margin-bottom:10px;font-size:1.25rem;font-weight:800;color:#be185d;line-height:1}.leaderboard-rail-avatar{position:relative;display:grid;place-items:center;width:104px;height:104px;border-radius:50%;color:#fff;border:4px solid rgba(236,72,153,.5);box-shadow:0 14px 34px #be185d38;flex-shrink:0}.leaderboard-rail-avatar-icon{font-size:2.65rem;line-height:1}.leaderboard-rail-avatar-initial{position:absolute;right:0;bottom:0;width:24px;height:24px;border-radius:50%;background:#fff;color:#831843;font-size:.7rem;font-weight:800;display:grid;place-items:center;border:1px solid rgba(219,39,119,.22)}.leaderboard-rail-name{margin:14px 0 4px;font-size:.95rem;font-weight:700;color:#831843;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-rail-count{margin:0;display:flex;align-items:baseline;justify-content:center;gap:4px;color:#9d174d;font-size:.72rem;font-weight:600;text-transform:uppercase}.leaderboard-rail-count strong{font-size:1.25rem;color:#be185d;line-height:1}.leaderboard-rail-you{margin-top:6px;font-size:.65rem;font-weight:700;padding:3px 10px;border-radius:999px;background:#ffffffb3;color:#be185d;border:1px solid rgba(236,72,153,.28)}.leaderboard-mobile-strip{display:none}@keyframes leaderboardRailIn{0%{opacity:0;transform:translateY(18px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:920px;margin:0 auto}.landing-card{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:18px;background:#ffffffc7;border:1px solid rgba(255,255,255,.92);box-shadow:0 10px 32px #be185d1a;text-decoration:none;color:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:landingCardIn .55s ease both;animation-delay:var(--card-delay, 0ms);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.landing-card:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 22px 48px #be185d33;border-color:var(--card-accent, #ec4899)}.landing-card-icon{font-size:1.85rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#fffffff2,#fbcfe88c);flex-shrink:0;transition:transform .22s ease}.landing-card:hover .landing-card-icon{transform:scale(1.08) rotate(-4deg)}.landing-card-body h2{margin:0 0 3px;font-size:1.05rem;color:#831843}.landing-card-body p{margin:0;color:#9d174d;font-size:.84rem;line-height:1.4}.landing-card-arrow{margin-left:auto;color:#db2777;font-size:1.15rem;font-weight:700;opacity:.7;transition:transform .22s ease,opacity .22s ease}.landing-card:hover .landing-card-arrow{transform:translate(4px);opacity:1}.words-practice-entry{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:calc(var(--radius) + 4px);text-decoration:none;color:inherit;background:radial-gradient(circle at top right,rgba(79,70,229,.12),transparent 50%),linear-gradient(135deg,#eef2ff,#fce7f3);border:1px solid rgba(79,70,229,.2);box-shadow:0 10px 28px #4f46e51a;transition:transform .2s ease,box-shadow .2s ease}.words-practice-entry:hover{transform:translateY(-2px);box-shadow:0 16px 36px #4f46e529}.words-practice-icon{font-size:1.75rem;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#ffffffd9;flex-shrink:0}.words-practice-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.words-practice-copy strong{font-size:1.05rem;color:var(--text)}.words-practice-copy span{font-size:.88rem;color:var(--muted);line-height:1.4}.words-practice-arrow{margin-left:auto;font-size:1.25rem;font-weight:700;color:var(--primary);flex-shrink:0}[data-theme=dark] .words-practice-entry{background:radial-gradient(circle at top right,rgba(129,140,248,.15),transparent 50%),linear-gradient(135deg,#1e1b4b,#312e81);border-color:#818cf840}[data-theme=dark] .words-practice-icon{background:#1e293bd9}.sub-page{display:grid;gap:20px;animation:pageFadeIn .35s ease}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-nav .btn-outline{border-radius:999px;padding:8px 16px;font-size:.88rem;font-weight:600}.learn-section-header{padding:clamp(20px,4vw,28px);border-radius:calc(var(--radius) + 4px);background:radial-gradient(circle at top right,rgba(79,70,229,.08),transparent 45%),var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow)}.learn-section-content{display:grid;gap:16px}.learn-section-content>.card{transition:border-color .15s ease,box-shadow .15s ease}.learn-section-content>.card:hover{border-color:#4f46e559;box-shadow:0 12px 28px #4f46e514}.learn-section-actions{display:flex;gap:12px;flex-wrap:wrap}.learn-section-actions .btn-primary{border-radius:999px;padding:12px 24px}.feature-card h2,.feature-card h3{margin-top:0}.feature-steps{margin:0;padding-left:20px;line-height:1.7}.feature-steps li{margin-bottom:8px}.grammar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grammar-item{padding:14px;border-radius:12px;background:#f8fafc;border:1px solid var(--card-border)}.reading-filters{margin-bottom:4px}.reading-filter-row{display:flex;flex-direction:column;gap:16px}.reading-filter-group{display:flex;flex-direction:column;gap:8px}.reading-filter-label{font-size:.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.reading-chip-row{display:flex;flex-wrap:wrap;gap:8px}.reading-chip{border:1px solid var(--card-border);background:var(--surface-muted);color:inherit;border-radius:999px;padding:8px 14px;font-size:.85rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.reading-chip:hover{border-color:#c084fc}.reading-chip.is-active{background:linear-gradient(135deg,#f3e8ff,#fce7f3);border-color:#a855f7;color:#6b21a8;font-weight:600}.reading-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.reading-article-card{text-align:left;width:100%;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.reading-article-card:hover{transform:translateY(-2px);border-color:#c084fc;box-shadow:0 12px 28px #a855f71f}.reading-article-card h2{margin:0;font-size:1.05rem}.reading-article-card-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.reading-level{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;letter-spacing:.03em}.reading-level-a1{background:#dcfce7;color:#166534}.reading-level-a2{background:#dbeafe;color:#1e40af}.reading-level-b1{background:#f3e8ff;color:#6b21a8}.reading-topic-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:.72rem;background:var(--surface-muted);border:1px solid var(--card-border);color:var(--text-muted)}.reading-article-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.78rem;color:var(--text-muted);margin-top:auto}.reading-mock-note{margin-top:4px}.reading-detail-toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:14px}.reading-detail-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.9fr);gap:14px;align-items:start}.reading-article-panel h2{margin:8px 0 0}.reading-article-header{margin-bottom:16px}.reading-article-body p{margin:0 0 14px;line-height:1.75;font-size:1rem}.reading-vocab-panel h3{margin-top:0}.reading-vocab-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.reading-vocab-item{width:100%;text-align:left;border:1px solid var(--card-border);background:var(--surface-muted);border-radius:12px;padding:12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;color:inherit;transition:border-color .15s ease,background .15s ease}.reading-vocab-item:hover,.reading-vocab-item.is-active{border-color:#c084fc;background:linear-gradient(135deg,#f3e8ffb3,#fce7f380)}.reading-vocab-phonetic{font-size:.8rem;color:var(--text-muted)}.reading-vocab-meaning{font-size:.88rem;color:#6b21a8}.reading-quiz{display:flex;flex-direction:column;gap:16px}.reading-quiz h3{margin:0}.reading-quiz-item{padding:14px;border-radius:14px;border:1px solid var(--card-border);background:var(--surface-muted)}.reading-quiz-question{margin:0 0 10px;font-weight:600}.reading-quiz-number{color:#9333ea;margin-right:6px}.reading-quiz-options{display:grid;gap:8px}.reading-quiz-option{text-align:left;border:1px solid var(--card-border);background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;color:inherit;transition:border-color .15s ease,background .15s ease}.reading-quiz-option:hover{border-color:#c084fc}.reading-quiz-option.is-selected{border-color:#a855f7;background:#faf5ff}.reading-quiz-option.is-correct{border-color:#16a34a;background:#f0fdf4}.reading-quiz-option.is-wrong{border-color:#dc2626;background:#fef2f2}.reading-quiz-feedback{margin:8px 0 0;font-size:.86rem;font-weight:600}.reading-quiz-feedback.is-correct{color:#15803d}.reading-quiz-feedback.is-wrong{color:#b91c1c}.reading-quiz-actions{display:flex;flex-direction:column;gap:12px}.reading-quiz-result{display:flex;flex-direction:column;gap:8px;background:linear-gradient(135deg,#faf5ff,#fdf2f8)}.common-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.common-topic-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:6px;transition:transform .15s ease,border-color .15s ease}.common-topic-card:hover{transform:translateY(-2px);border-color:#ec4899}.common-topic-emoji{font-size:1.75rem}.topic-hint{font-size:.75rem;color:#db2777}.random-toolbar{display:flex;gap:12px}.time-mode-tabs{display:flex;gap:4px;margin-bottom:16px;padding:4px;border-radius:999px;background:var(--surface-muted);border:1px solid var(--card-border)}.time-mode-tab{flex:1;padding:10px 16px;border-radius:999px;border:none;background:transparent;font:inherit;font-weight:600;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.time-mode-tab.active{background:var(--card);color:var(--primary);box-shadow:0 2px 8px #0f172a14}.calendar-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:8px}.calendar-hint{grid-column:1 / -1;margin:0}.homework-section{display:grid;gap:16px}.homework-header h2{margin:8px 0 4px}.homework-actions{display:grid;gap:16px}.homework-preview,.homework-saved-video{width:100%;max-width:520px;border-radius:var(--radius);background:#000}.upload-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.homework-video-list{display:grid;gap:16px}.homework-video-item{display:grid;gap:10px;padding:12px;border-radius:var(--radius);border:1px solid var(--card-border);background:#f8fafc}.small{font-size:.85rem}.app-fab{position:fixed;right:max(12px,env(safe-area-inset-right,12px));bottom:max(12px,env(safe-area-inset-bottom,12px));z-index:1000;display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--fab-bg);border:1px solid var(--card-border);box-shadow:0 4px 16px #0f172a1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-fab-btn,.lang-fab-btn{border:none;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:700;line-height:1;cursor:pointer;background:transparent;color:var(--muted);min-width:28px;min-height:28px;display:inline-flex;align-items:center;justify-content:center}.app-fab-theme{font-size:.85rem;padding:4px 6px}.app-fab-btn.active,.lang-fab-btn.active{background:var(--primary-soft);color:var(--primary)}.app:has(.auth-page){max-width:none;padding:0;margin:0}.app-shell:has(.auth-page){padding-bottom:max(72px,calc(56px + env(safe-area-inset-bottom,0)));overflow-x:hidden;width:100%;max-width:100%;height:auto;min-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-page{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,480px);min-height:100dvh;background:var(--bg);overflow-x:clip}.auth-brand{display:flex;align-items:flex-start;justify-content:center;padding:max(32px,env(safe-area-inset-top,32px)) clamp(24px,4vw,48px) 32px max(24px,env(safe-area-inset-left,24px));background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.12),transparent 45%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.25),transparent 40%),linear-gradient(145deg,#4f46e5,#7c3aed 42%,#ec4899);color:#fff;position:relative;overflow-x:hidden;overflow-y:auto}.auth-brand:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5;pointer-events:none}.auth-brand-inner{position:relative;z-index:1;max-width:420px}.auth-brand-logo{display:inline-flex;text-decoration:none;margin-bottom:28px}.auth-brand-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);font-size:1.5rem;font-weight:800;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-brand-eyebrow{margin:0 0 10px;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.88}.auth-brand-title{margin:0 0 12px;font-size:clamp(1.75rem,4vw,2.35rem);line-height:1.15;font-weight:800}.auth-brand-subtitle{margin:0;font-size:1rem;line-height:1.65;opacity:.92}.auth-panel{display:flex;align-items:center;justify-content:center;min-width:0;padding:max(24px,env(safe-area-inset-top,24px)) max(20px,env(safe-area-inset-right,20px)) max(24px,env(safe-area-inset-bottom,24px)) max(20px,env(safe-area-inset-left,20px));background:radial-gradient(circle at top right,rgba(79,70,229,.06),transparent 40%),var(--bg)}.auth-card{width:min(100%,420px);max-width:100%;min-width:0;padding:clamp(24px,4vw,32px);border:1px solid var(--card-border);box-shadow:var(--shadow)}.auth-mobile-top{display:none}.auth-mobile-logo{display:inline-flex;text-decoration:none;flex-shrink:0}.auth-mobile-brand{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.auth-mobile-tagline{margin:0;font-size:.95rem;font-weight:700;line-height:1.35;color:var(--text)}.auth-card h1{margin:0 0 8px;font-size:clamp(1.5rem,4vw,1.85rem);line-height:1.2}.auth-subtitle{margin:0 0 4px;line-height:1.55}.auth-body{margin-top:8px}.auth-form{display:grid;gap:14px;margin-top:16px}.auth-form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.auth-forgot-link{font-size:.88rem;font-weight:600;color:var(--primary);text-decoration:none;white-space:nowrap}.auth-forgot-link:hover{text-decoration:underline}.auth-social{margin-top:16px;display:grid;gap:12px;justify-items:stretch;width:100%;min-width:0;clear:both;position:relative;z-index:0;isolation:isolate}.auth-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--card-border);display:grid;gap:10px;text-align:center}.auth-back-home{font-size:.88rem;text-decoration:none;display:inline-block}.auth-back-home:hover{color:var(--primary)}.auth-switch{margin:0;text-align:center;font-size:.92rem}.auth-switch a{color:var(--primary);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;gap:12px;width:100%;margin:4px 0;color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--card-border)}.google-icon-login{display:flex;justify-content:center;align-items:center;min-height:48px;position:relative}.google-icon-login>div:not(.google-login-hidden){display:flex!important;justify-content:center}.google-login-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.google-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid #dadce0;background:#fff;box-shadow:0 2px 8px #3c40431f;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;color:inherit}.google-icon-btn svg{display:block;flex-shrink:0}.google-icon-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #3c404329}.google-icon-btn:disabled{opacity:.6;cursor:not-allowed}.google-login-wrap{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;max-width:100%;min-width:0}.google-login-wrap--active{align-items:center;min-height:44px;overflow:hidden}.google-login-wrap--active>div{max-width:100%;display:flex!important;justify-content:center}.btn-google{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f2937;border:1px solid #dadce0;min-height:44px;font-weight:500;box-shadow:0 1px 2px #3c404314}.btn-google:disabled{opacity:.72;cursor:not-allowed}.google-icon-svg{flex-shrink:0}.google-setup-hint{margin:0;font-size:.78rem;line-height:1.4;text-align:center}.otp-input{text-align:center;font-size:1.35rem!important;font-weight:700;letter-spacing:.35em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.auth-remember{display:flex;align-items:center;gap:8px;font-size:.92rem;color:var(--text);cursor:pointer}.auth-remember input{width:16px;height:16px;accent-color:var(--primary)}.mail-inbox-hint{margin:12px 0 0;font-size:.88rem;line-height:1.5;text-align:center}.mail-inbox-hint a{color:var(--primary);word-break:break-all}@media (max-width: 900px){.auth-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;height:auto;overflow-x:hidden;overflow-y:visible}.auth-brand{display:none!important}.auth-mobile-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;width:100%;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--card-border)}.auth-mobile-top .auth-brand-mark{width:44px;height:44px;font-size:1.1rem;border-radius:12px;background:var(--primary-soft);border:1px solid rgba(79,70,229,.2);color:var(--primary)}.auth-mobile-tagline{margin:0;font-size:.95rem;line-height:1.35;max-width:100%}.auth-panel{flex:1 1 auto;display:block;width:100%;max-width:100%;padding:max(8px,env(safe-area-inset-top,8px)) max(16px,env(safe-area-inset-right,16px)) max(80px,calc(60px + env(safe-area-inset-bottom,16px))) max(16px,env(safe-area-inset-left,16px));overflow:visible}.auth-card{width:100%;max-width:100%;min-width:0;margin:0;box-sizing:border-box}.auth-card.card{padding:clamp(16px,4vw,24px)}.google-login-wrap{width:100%;overflow:hidden}.google-login-wrap--active>div,.google-login-wrap--active iframe{max-width:100%!important}}.password-input-wrap{position:relative;display:flex;align-items:center}.password-input-wrap input{width:100%;padding-right:4.5rem}.password-toggle{position:absolute;right:8px;border:0;background:transparent;color:var(--primary);font-size:.82rem;font-weight:600;cursor:pointer;padding:6px 8px}.password-toggle:hover{color:var(--primary-dark, #1d4ed8)}.alert.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.auth-loading{margin:40px auto;max-width:420px}.full-width{width:100%}.landing-auth-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.landing-welcome-banner{width:100%;margin:0 0 4px;padding:12px 16px;border-radius:999px;background:#ffffffd1;color:#9d174d;font-weight:700;font-size:clamp(1rem,3.8vw,1.15rem);text-align:center;box-shadow:0 8px 24px #be185d1f}.landing-user-email{word-break:break-word;text-align:center}[data-theme=dark] .landing-page{background:radial-gradient(circle at 10% 20%,rgba(129,140,248,.12),transparent 40%),radial-gradient(circle at 90% 10%,rgba(236,72,153,.15),transparent 35%),linear-gradient(145deg,#0f172a,#1e1b4b 40%,#312e81);background-size:120% 120%}[data-theme=dark] .landing-hero-inner,[data-theme=dark] .landing-topbar-auth{background:#1e293bbf;border-color:#334155e6}[data-theme=dark] .landing-brand-name{color:#c4b5fd}[data-theme=dark] .landing-brand-tagline{color:#e9d5ff}[data-theme=dark] .landing-hero-desc{color:#a5b4fc;border-top-color:#818cf833}[data-theme=dark] .landing-user-chip{color:#c4b5fd}[data-theme=dark] .leaderboard-rail-name{color:#e9d5ff}[data-theme=dark] .leaderboard-rail-count,[data-theme=dark] .leaderboard-rail-rank{color:#c4b5fd}[data-theme=dark] .leaderboard-rail-count strong{color:#f9a8d4}[data-theme=dark] .leaderboard-rail-you{background:#1e293bbf;color:#f9a8d4;border-color:#ec489959}[data-theme=dark] .landing-card{background:#1e293bd1;border-color:#334155e6;box-shadow:0 12px 40px #00000040}[data-theme=dark] .landing-card-body h2{color:#e9d5ff}[data-theme=dark] .landing-card-body p{color:#a5b4fc}[data-theme=dark] .landing-card-arrow{color:#818cf8}[data-theme=dark] .landing-brand-mark{background:#1e293bd9;border-color:#818cf859;color:#c4b5fd}[data-theme=dark] .landing-welcome-banner{background:#1e293be6;color:#fbcfe8}[data-theme=dark] .feedback.correct{color:#86efac}[data-theme=dark] .feedback.wrong{color:#fca5a5}[data-theme=dark] .grammar-item{background:var(--surface-muted)}body.welcome-open{overflow:hidden}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,16px)) max(16px,env(safe-area-inset-right,16px)) max(16px,env(safe-area-inset-bottom,16px)) max(16px,env(safe-area-inset-left,16px));background:#080c1c47;animation:welcomeOverlayIn .35s ease}.welcome-overlay--closing{animation:welcomeOverlayOut .55s ease forwards}.welcome-overlay--closing .welcome-card{animation:welcomeCardOut .55s ease forwards}.welcome-fireworks{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.welcome-card{position:relative;z-index:2;width:min(100%,460px);text-align:center;padding:28px 24px;animation:welcomePop .55s ease;background:#fffffff5;box-shadow:0 24px 80px #0f172a47}.welcome-eyebrow{margin:0 0 10px;color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.welcome-card h2{margin:0 0 10px;font-size:clamp(1.45rem,5vw,2rem);line-height:1.25;color:#831843}.welcome-title-glow{animation:welcomeGlow 2.4s ease-in-out infinite}.welcome-subtitle{margin:0 0 18px;color:var(--muted)}@keyframes welcomePop{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes welcomeGlow{0%,to{text-shadow:0 0 12px rgba(236,72,153,.35);transform:scale(1)}50%{text-shadow:0 0 22px rgba(236,72,153,.75),0 0 36px rgba(244,114,182,.45);transform:scale(1.02)}}@keyframes welcomeOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes welcomeOverlayOut{to{opacity:0}}@keyframes welcomeCardOut{to{opacity:0;transform:translateY(-12px) scale(.96)}}@media (max-width: 1024px){.landing-grid,.level-list,.grammar-grid,.common-topic-grid,.reading-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-detail-layout{grid-template-columns:1fr}}@media (max-width: 960px){.landing-page{grid-template-columns:1fr;column-gap:0}.landing-page-main{grid-column:1;max-width:100%}.leaderboard-side-rail{display:none}.leaderboard-mobile-strip{display:block;margin:0 0 22px;animation:landingFadeUp .65s ease .12s both}.leaderboard-mobile-track{display:flex;gap:16px;overflow-x:auto;padding:6px 2px 14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(190,24,93,.35) transparent}.leaderboard-mobile-track::-webkit-scrollbar{height:6px}.leaderboard-mobile-track::-webkit-scrollbar-thumb{border-radius:999px;background:#be185d59}.leaderboard-mobile-track .leaderboard-rail-item{flex:0 0 112px;width:112px;scroll-snap-align:start}.leaderboard-mobile-track .leaderboard-rail-avatar{width:68px;height:68px}.leaderboard-mobile-track .leaderboard-rail-item.is-champion .leaderboard-rail-avatar{width:76px;height:76px}.leaderboard-mobile-track .leaderboard-rail-avatar-icon{font-size:1.75rem}.leaderboard-mobile-track .leaderboard-rail-item.is-champion .leaderboard-rail-avatar-icon{font-size:2rem}}@media (max-width: 640px){.app-shell{overflow-x:clip}.app{padding-top:12px;overflow-x:clip}.app:has(.auth-page){padding:0;overflow-x:clip}.app:has(.landing-page){overflow-x:clip}.auth-page{min-height:100vh;min-height:100dvh}.auth-panel{padding-left:max(12px,env(safe-area-inset-left,12px));padding-right:max(12px,env(safe-area-inset-right,12px))}.auth-card.card{padding:16px 12px 12px;border:none;box-shadow:none}.auth-card h1{font-size:1.35rem}.auth-subtitle{font-size:.92rem}.auth-footer{margin-top:16px;padding-top:14px}.auth-form-row{flex-direction:column;align-items:flex-start;gap:10px}.auth-forgot-link{white-space:normal}.google-login-wrap iframe{max-width:100%!important}.google-login-wrap iframe,.google-login-wrap>div{max-width:100%}.section-header{flex-direction:column;align-items:stretch}.count-pill{align-self:flex-start}.vocab-grid-2col{gap:8px}.vocab-grid-2col .vocab-card{padding:10px}.vocab-grid-2col .vocab-card h3{font-size:.88rem}.vocab-grid-2col .title-row{flex-wrap:wrap;gap:4px}.vocab-grid-2col .vocab-header{flex-direction:column;align-items:stretch}.vocab-grid-2col .card-actions{width:100%;flex-wrap:wrap}.vocab-grid-2col .card-actions .btn{flex:1 1 auto;min-width:0;font-size:.72rem;padding:5px 6px}.vocab-grid-2col .vocab-details dt{font-size:.62rem}.vocab-grid-2col .vocab-details dd{font-size:.78rem}.vocab-grid-2col .example-list{padding-left:.9rem;font-size:.78rem}.vocab-header{flex-direction:column;align-items:stretch}.vocab-header .card-actions{width:100%}.form-grid{grid-template-columns:1fr}.google-icon-login{min-height:52px}.password-input-wrap input{padding-right:3.75rem;font-size:16px}.password-toggle{font-size:.74rem;padding:4px 6px;min-height:44px}.field input,.field select,.field textarea{font-size:16px}.welcome-card{padding:22px 18px}.landing-topbar-auth{width:100%;justify-content:center}.landing-user-chip{max-width:100%;text-align:center;width:100%}.landing-brand-row{flex-direction:column;text-align:center}.landing-brand-copy{text-align:center}.hero,.page-header,.practice-status,.section-header,.topic-detail-header{flex-direction:column;align-items:stretch}.hero-actions,.status-stats{width:100%}.card{padding:16px}.landing-page{padding:max(16px,env(safe-area-inset-top,16px)) max(12px,env(safe-area-inset-left,12px)) max(40px,env(safe-area-inset-bottom,40px)) max(12px,env(safe-area-inset-right,12px));overflow-x:clip;overflow-y:auto}.landing-page-main{min-width:0;overflow-x:clip}.landing-topbar{justify-content:center;margin-bottom:14px}.landing-topbar-auth{flex-direction:column;align-items:stretch;width:100%;border-radius:16px;padding:8px;gap:6px}.landing-topbar-auth .btn{width:100%;justify-content:center;min-height:44px}.landing-hero{margin-bottom:20px}.landing-hero-inner{padding:16px}.landing-grid{grid-template-columns:1fr;gap:12px}.landing-card{padding:16px}.landing-card-icon{width:48px;height:48px;font-size:1.5rem}.period-grid,.level-list,.level-progress,.choice-grid,.match-grid,.complete-stats,.grammar-grid,.common-topic-grid,.reading-article-grid,.calendar-picker{grid-template-columns:1fr}.reading-detail-toolbar{flex-direction:column;align-items:stretch}.level-progress{grid-template-columns:repeat(5,minmax(0,1fr))}.search-bar,.form-grid{grid-template-columns:1fr}.practice-nav-bar{flex-direction:column;position:sticky;bottom:56px}.typing-form{flex-direction:column}.typing-form input,.typing-form textarea,.typing-form button{width:100%}.upload-row{flex-direction:column;align-items:stretch}.upload-row input[type=file]{width:100%}.homework-preview,.homework-saved-video{max-width:100%}.pagination{flex-direction:column;gap:10px}.flashcard-face{min-height:220px;padding:20px}.match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.btn,.btn.btn-primary,.btn.btn-outline{min-height:44px}.learn-section-actions{flex-direction:column}.learn-section-actions .btn-primary,.page-nav .btn-outline{width:100%;justify-content:center}.stats{min-width:0;width:100%}.app-fab-btn,.lang-fab-btn{min-height:28px;min-width:32px}}@media (max-width: 380px){.level-progress{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1,.page-header h1,.landing-brand-tagline{font-size:1.55rem}.words-practice-entry{flex-wrap:wrap}.words-practice-arrow{display:none}.welcome-card h2{font-size:1.35rem}.app-fab{right:max(8px,env(safe-area-inset-right,8px));bottom:max(8px,env(safe-area-inset-bottom,8px))}}.auth-page:has(.auth-brand-extra){grid-template-columns:minmax(0,1.25fr) minmax(0,420px)}.auth-page:has(.auth-panel-extra){grid-template-columns:minmax(0,.95fr) minmax(0,620px)}.auth-brand-extra{margin-top:28px;width:100%;max-width:520px;color:var(--text)}.auth-brand .feedback-board{color:var(--text)}.auth-brand .feedback-board-header-main .eyebrow,.auth-brand .feedback-board-header-main h2,.auth-brand .feedback-board-header-main .feedback-board-subtitle{color:#fff}.auth-brand .feedback-board-header-actions .feedback-toggle-btn{background:#ffffff26;border-color:#ffffff59;color:#fff}.auth-brand .feedback-board-header-actions .feedback-stat{background:#ffffff2e;color:#fff}.auth-brand .feedback-board-header-actions .feedback-stat--pending{background:#fbbf2440;color:#fde68a}.auth-bulletin-slot--mobile{display:none;width:100%}.auth-bulletin-slot--desktop{width:100%}.auth-panel:has(.auth-panel-extra){flex-direction:column;align-items:stretch;gap:20px}.auth-panel:has(.auth-panel-extra) .auth-card{align-self:center}.auth-panel-extra{width:min(100%,620px);max-width:100%;min-width:0}.feedback-board{position:relative;z-index:1}.feedback-board--landing{max-width:920px;margin:32px auto 0;animation:landingFadeUp .7s ease .12s both}.feedback-board--landing .feedback-board-header h2{font-size:clamp(1.35rem,3vw,1.75rem);margin:0 0 6px}.feedback-board--landing .feedback-board-header .eyebrow{color:#be185d}.feedback-board--compact{width:100%}.feedback-board--compact .feedback-board-header h2{font-size:1.15rem;margin:0 0 4px}.feedback-board--compact .feedback-board-header .eyebrow{font-size:.68rem;margin-bottom:4px}.feedback-board-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.feedback-board-subtitle{margin:0;font-size:.9rem;max-width:520px}.feedback-board-stats{display:flex;flex-wrap:wrap;gap:8px}.feedback-stat{font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary)}.feedback-stat--pending{background:#d9770626;color:var(--warning)}.feedback-board-layout{display:flex;flex-direction:column;gap:16px;align-items:stretch}.feedback-list-wrap{order:1}.feedback-form{order:2}.feedback-board--landing .feedback-board-layout{padding:18px;border-radius:22px;background:#ffffff9e;border:1px solid rgba(255,255,255,.92);box-shadow:0 16px 48px #be185d1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.feedback-form h3,.feedback-list-header h3{margin:0 0 6px;font-size:1rem}.feedback-form-hint{margin:0 0 14px;font-size:.82rem}.feedback-form{padding:16px}.feedback-type-field{border:0;margin:0 0 14px;padding:0}.feedback-type-field legend{font-size:.875rem;color:var(--muted);font-weight:500;margin-bottom:8px}.feedback-type-options{display:flex;flex-wrap:wrap;gap:8px}.feedback-type-option{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--card-border);background:var(--bg-soft);font-size:.85rem;cursor:pointer}.feedback-type-option:has(input:checked){border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.feedback-type-option input{accent-color:var(--primary)}.feedback-owner-badge{margin:12px 0 0;font-size:.78rem;padding:8px 10px;border-radius:10px;background:var(--primary-soft)}.feedback-list-wrap{min-width:0}.feedback-list-header{margin-bottom:10px}.feedback-list-header p{margin:0;font-size:.82rem}.feedback-list{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto;padding-right:4px}.feedback-board--compact .feedback-list{max-height:320px}.feedback-empty{padding:20px;text-align:center;border:1px dashed var(--card-border);border-radius:var(--radius)}.feedback-item{padding:14px;border-radius:12px;border:1px solid var(--card-border);background:var(--card);box-shadow:var(--shadow)}.feedback-board--landing .feedback-item{background:#ffffffe0}.feedback-item--complaint{border-left:3px solid var(--danger)}.feedback-item--feedback{border-left:3px solid var(--primary)}.feedback-item-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:8px}.feedback-item-author{font-size:.92rem}.feedback-item-date{font-size:.75rem;color:var(--muted)}.feedback-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;line-height:1;min-height:1.4rem;padding:4px 10px;border-radius:999px;white-space:nowrap;vertical-align:middle}.feedback-item-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.feedback-badge--type.feedback-badge--feedback{background:var(--primary-soft);color:var(--primary)}.feedback-badge--type.feedback-badge--complaint{background:var(--danger-soft);color:var(--danger)}.feedback-badge--status.feedback-badge--pending{background:#d977061f;color:var(--warning)}.feedback-badge--status.feedback-badge--replied{background:var(--success-soft);color:var(--success)}.feedback-item-content{margin:0;font-size:.9rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.feedback-owner-reply{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--surface-muted);border:1px solid var(--card-border)}.feedback-owner-reply-label{margin:0 0 4px;font-size:.75rem;font-weight:700;color:var(--primary)}.feedback-owner-reply-text{margin:0;font-size:.88rem;line-height:1.5}.feedback-owner-reply-date{display:block;margin-top:6px;font-size:.72rem;color:var(--muted)}.feedback-owner-actions{margin-top:10px}.feedback-reply-open-btn{color:var(--primary);font-weight:600}.feedback-reply-form{display:flex;flex-direction:column;gap:8px}.feedback-reply-actions{display:flex;flex-wrap:wrap;gap:8px}[data-theme=dark] .feedback-board--landing .feedback-board-layout{background:#1e293bb8;border-color:var(--card-border)}[data-theme=dark] .feedback-board--landing .feedback-item{background:var(--card)}@media (max-width: 900px){.auth-page:has(.auth-panel-extra){grid-template-columns:1fr}.auth-page:has(.auth-brand-extra){grid-template-columns:1fr}.auth-bulletin-slot--desktop{display:none}.auth-bulletin-slot--mobile{display:block}.auth-panel:has(.auth-panel-extra){align-items:stretch;justify-content:flex-start;padding-bottom:max(88px,calc(64px + env(safe-area-inset-bottom,16px)))}.auth-panel-extra{width:100%;max-width:100%;min-width:0;margin-top:4px}.auth-panel-extra .feedback-board--compact .feedback-board-layout{padding:14px}.feedback-list{max-height:none}.feedback-board-header{flex-direction:column;align-items:stretch}.feedback-board-header-actions{align-items:stretch;width:100%}.feedback-board-stats{justify-content:flex-start}}@media (max-width: 640px){.feedback-board--landing{margin:24px 0 20px}.feedback-board--landing .feedback-board-layout{padding:14px}.feedback-board--compact .feedback-board-layout{padding:12px}.feedback-board-header-main{min-width:0}.feedback-board-subtitle{font-size:.85rem}.feedback-toggle-btn{width:100%;text-align:center;min-height:44px}.feedback-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;-webkit-overflow-scrolling:touch}.feedback-filter-tab{flex-shrink:0;min-height:44px}.feedback-item-content,.feedback-owner-reply-text{overflow-wrap:anywhere;word-break:break-word}.feedback-reply-actions{flex-direction:column}.feedback-reply-actions .btn{width:100%;min-height:44px}.mail-inbox-hint a{overflow-wrap:anywhere;word-break:break-all}.auth-panel-extra .feedback-list{max-height:280px}.landing-card-body h2{font-size:1rem}.landing-card-body p{font-size:.82rem}.owner-feedback-header{flex-direction:column;align-items:stretch}.owner-feedback-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-feedback-row-actions{flex-direction:column;align-items:stretch;gap:8px}.owner-feedback-row-actions .btn{width:100%;min-height:44px}}.feedback-login-prompt{text-align:center}.feedback-login-prompt .btn{margin-top:8px}.feedback-board-header--collapsible{margin-bottom:0;cursor:default}.feedback-board-header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.feedback-toggle-btn{border:1px solid var(--card-border);background:var(--bg-soft);color:var(--primary);font-size:.82rem;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer}.feedback-toggle-btn:hover{border-color:var(--primary);background:var(--primary-soft)}.feedback-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.feedback-filter-tab{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--card-border);background:var(--bg-soft);color:var(--muted);font-size:.78rem;font-weight:600;padding:6px 10px;border-radius:999px;cursor:pointer}.feedback-filter-tab.is-active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.feedback-filter-count{display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 4px;border-radius:999px;background:#0000000f;font-size:.68rem}.feedback-filter-tab.is-active .feedback-filter-count{background:#4f46e526}.feedback-item-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:700;font-size:.9rem;flex-shrink:0}.feedback-item--complaint .feedback-item-avatar{background:var(--danger-soft);color:var(--danger)}.feedback-owner-link{margin-top:8px;text-align:center;text-decoration:none}.landing-owner-link{color:#be185d}.owner-feedback-page{max-width:900px;margin:0 auto}.owner-feedback-header{align-items:flex-start}.owner-feedback-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.owner-stat-card{padding:14px 16px;text-align:center}.owner-stat-label{display:block;font-size:.78rem;color:var(--muted);margin-bottom:4px}.owner-stat-value{font-size:1.75rem;color:var(--primary)}.owner-stat-card--pending .owner-stat-value{color:var(--warning)}.owner-stat-card--replied .owner-stat-value{color:var(--success)}.owner-stat-card--complaint .owner-stat-value{color:var(--danger)}.owner-feedback-toolbar{margin-bottom:16px;padding:14px 16px}.owner-feedback-mock-note{margin:10px 0 0;font-size:.8rem}.owner-feedback-list{display:flex;flex-direction:column;gap:12px}.owner-feedback-row{display:flex;flex-direction:column;gap:4px}.owner-feedback-row .feedback-item{flex:1}.owner-feedback-row-actions{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.owner-feedback-delete{color:var(--danger)}@media (max-width: 720px){.owner-feedback-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}