.vocabulary{margin:24px 0}.vocab-header,.vocab-entry-top,.vocab-toolbar,.vocab-filters,.vocab-context{display:flex;gap:24px;align-items:center;justify-content:space-between}.vocab-header h2{font-size:clamp(1.8rem,4vw,2.8rem);margin:8px 0}.vocab-count{white-space:nowrap;color:#a2b9c7}.vocab-count strong{font-size:2rem;color:#5de0c0}.vocab-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin:24px 0}.vocab-category{border:1px solid #344855;border-radius:16px;overflow:hidden;background:#192a38}.vocab-category>button:first-child{width:100%;border:0;border-radius:0;background:none;display:grid;padding:8px;text-align:left}.vocab-category img{width:100%;height:88px;object-fit:contain}.vocab-category strong{padding:8px}.vocab-category>.vocab-speak{font-size:.78rem;margin:0 8px 8px}.vocabulary button{cursor:pointer;min-height:40px}.vocabulary button.active,.vocab-category.active,.vocab-list>.active{border-color:#5de0c0;background:#22433f}.vocab-filters{align-items:end;flex-wrap:wrap;margin:20px 0}.vocab-filters label:first-child{flex:1;min-width:220px}.vocabulary label:not(.check-row){display:grid;gap:8px}.vocabulary input:not([type=checkbox]),.vocabulary select{max-width:100%;width:100%;padding:12px;border:1px solid #526777;border-radius:10px;background:#142432;color:#edf5f8}.vocab-toolbar{justify-content:flex-start;flex-wrap:wrap;margin:16px 0}.vocab-toolbar [aria-pressed=true]{background:#58dcc0;color:#11232c}.vocab-settings{border:1px solid #344855;border-radius:12px;padding:16px;margin:16px 0}.vocab-settings summary{cursor:pointer}.vocab-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;margin-top:24px}.vocab-list{max-height:850px;overflow:auto;border:1px solid #344855;border-radius:16px;align-self:start}.vocab-list>div{display:flex;border-bottom:1px solid #344855;padding:4px}.vocab-list button{border:0;background:none}.vocab-list button:first-child{display:flex;text-align:left;gap:12px;align-items:center;flex:1;min-width:0}.vocab-list strong,.vocab-list small{display:block}.vocab-list small{color:#aec2cc}.vocab-entry{padding:28px;border:1px solid #344855;border-radius:20px;background:#192b39;min-width:0}.vocab-entry h2{margin:8px 0;font-size:2.3rem}.vocab-entry-top{align-items:start}.vocab-art{width:36%;max-width:230px;border-radius:20px}.vocab-emoji{font-size:6rem}.vocab-translation{font-size:1.35rem;color:#b9d4df}.vocab-speak{position:relative;background:transparent;border:1px solid #425b68;color:inherit;display:inline-flex;gap:8px;align-items:center;text-align:left;max-width:100%;font:inherit;border-radius:10px;padding:6px 10px}.vocab-speak>span[aria-hidden]{color:#5de0c0}.vocab-tooltip{display:none;position:absolute;bottom:100%;left:0;background:#091721;color:#fff;padding:8px;font-size:.88rem;line-height:1.4;z-index:5;min-width:120px;max-width:280px;border:1px solid #5de0c0;border-radius:8px;pointer-events:none}.vocab-speak:hover .vocab-tooltip,.vocab-speak:focus-visible .vocab-tooltip{display:block}.vocab-example{padding:16px;margin:12px 0;background:#102531;border-left:3px solid #5de0c0;border-radius:0 12px 12px 0}.vocab-example p{margin:10px 0 0;color:#b4cbd5}.vocab-note{background:#283741;border-radius:12px;padding:16px;line-height:1.65}.vocab-related,.vocab-groups{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.vocab-related>div,.vocab-groups>div{display:flex;align-items:center;gap:4px}.vocab-related a{padding:8px;color:#83e8d1}.vocab-context{padding:20px;border:1px solid #405664;border-radius:16px}.vocab-map{position:relative;width:300px;flex-shrink:0}.vocab-map img{width:100%}.vocab-map button{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:#152b3b;color:#7ce7cf;min-height:28px;width:28px;padding:0}.vocab-quiz{text-align:center;border:1px solid #405664;padding:30px;border-radius:20px}.vocab-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:650px;margin:24px auto}.vocab-choices button{padding:20px}.vocab-empty{padding:35px;text-align:center}.vocabulary button:focus-visible,.vocabulary a:focus-visible{outline:3px solid #f5c964;outline-offset:3px}.vocabulary .check-row{margin:16px 0}@media(max-width:760px){.vocab-header,.vocab-context{flex-direction:column;align-items:stretch}.vocab-count{white-space:normal}.vocab-layout{grid-template-columns:1fr}.vocab-list{max-height:235px}.vocab-entry{padding:18px}.vocab-entry h2{font-size:1.9rem}.vocab-art{width:28%}.vocab-emoji{font-size:3.5rem}.vocab-map{max-width:100%;margin:auto}.vocab-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.vocab-category img{height:65px}.vocab-category strong{font-size:.8rem;padding:4px}.vocab-category>.vocab-speak{font-size:.7rem;padding:4px;margin:4px}.vocab-choices{grid-template-columns:1fr}.vocab-entry-top,.vocab-header{gap:8px}}.vocabulary button:not(.vocab-speak):not(.listen-button){border:1px solid #45616e;border-radius:10px;padding:8px 12px;background:#203544;color:#edf5f8;font:inherit}.vocabulary button[aria-pressed=true],.vocabulary button.active{border-color:#5de0c0!important;background:#254d45!important}.vocab-category>button:first-child{border:0!important;border-radius:0!important;background:transparent!important;padding:8px!important}.vocab-list button{background:transparent!important;border:0!important}.vocab-list button:first-child{padding:10px!important}.vocab-entry-top>div>button{margin:4px 6px 4px 0}.vocabulary button:disabled{opacity:.65;cursor:default}.vocab-map button{padding:0!important;min-height:28px!important}.vocab-categories>button:first-child{display:grid;place-content:center;gap:14px}.vocab-category{min-width:0}.vocab-speak{overflow-wrap:anywhere}.story-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.story-picker button{display:grid;text-align:left;gap:8px}.story-picker img{height:110px;width:100%;object-fit:contain}.story-picker strong{font-size:1.2rem}.story-picker small,.story-audio-note{color:#a9c2cf;line-height:1.6}.story-options{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.story-options label:last-child{max-width:100%}.story-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;margin-top:24px}.story-scene{border:1px solid #405865;border-radius:20px;padding:24px;min-width:0}.story-scene h3{font-size:1.65rem}.story-setting{padding:18px;background:#203442;border-radius:14px;border:2px solid transparent}.story-setting p{line-height:1.7}.story-dialogue{list-style:none;margin:24px 0;padding:0;display:grid;gap:14px}.story-dialogue li{background:#172e3a;border:2px solid transparent;border-radius:16px;padding:18px}.story-dialogue li:nth-child(2n){background:#213b40}.story-speaker{display:flex;align-items:center;justify-content:space-between;gap:12px}.story-speaker strong{color:#6ce2c6}.story-dialogue p{font-size:1.1rem;line-height:1.8;margin:10px 0}.story-dialogue .story-translation{font-size:1rem;color:#b1c6ce}.vocabulary button.story-word{display:inline!important;color:#8fecd5!important;border:0!important;border-bottom:1px dashed #5de0c0!important;border-radius:0!important;background:none!important;padding:0 2px!important;min-height:0;font:inherit!important;text-align:inherit}.story-words{align-self:start;min-width:0}.story-word-list>div{display:flex;border-bottom:1px solid #365461;gap:6px;padding:6px 0}.story-word-list>div>button:first-child{flex:1;text-align:left}.story-word-list small{display:block;color:#b4cdd6;margin-top:5px}.story-word-detail{background:#203b44;border:1px solid #71d8c0;border-radius:16px;padding:20px;margin-top:18px;line-height:1.65}.story-word-detail button{margin:4px 0;max-width:100%}.vocab-stories .speaking{border-color:#5de0c0;box-shadow:0 0 0 1px #5de0c0}.story-word-detail:focus{outline:3px solid #f5c964;outline-offset:4px}@media(max-width:800px){.story-layout,.story-picker{grid-template-columns:1fr}.story-picker img{height:70px}.story-scene{padding:16px}.story-options{gap:10px}.story-words{grid-row:1}.story-word-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.story-word-list>div{min-width:0}.story-word-list button{overflow-wrap:anywhere}.story-word-list small{font-size:.8rem}}:root{color-scheme:dark;--ink: #eef7f8;--muted: #8fa6ad;--bg: #08111f;--panel: #0d1a2a;--panel-2: #122337;--line: rgba(206, 235, 240, .14);--mint: #5fe1c5;--yellow: #ffd166;--violet: #a59bff;--danger: #ff8b9a;--shadow: 0 32px 70px rgba(0, 0, 0, .35);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 72% -10%,rgba(95,225,197,.12),transparent 32rem),var(--bg)}#root{min-height:100vh}button,input,select{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.app-shell{width:min(1440px,100%);margin:0 auto;padding:0 36px 56px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-size:18px;letter-spacing:-.02em}.brand strong{color:var(--mint)}.brand-mark{width:30px;height:30px;display:flex;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(95,225,197,.4);border-radius:9px;background:#5fe1c514}.brand-mark i{display:block;width:2px;border-radius:4px;background:var(--mint)}.brand-mark i:nth-child(1),.brand-mark i:nth-child(4){height:8px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:12px}.progress-pill{display:grid;grid-template-columns:auto 104px;gap:12px;align-items:center;color:var(--muted);font-size:13px}.progress-track{height:5px;background:#ffffff1a;border-radius:9px;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:var(--mint);transition:width .3s ease}main{padding-top:46px}.intro{display:flex;justify-content:space-between;align-items:end;gap:28px}.eyebrow{margin:0 0 10px;color:var(--mint);font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase}h1{margin:0;font:650 clamp(38px,5vw,70px)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.055em}h1 em{color:var(--yellow);font-weight:400}.stats{display:flex;gap:28px;padding-bottom:6px}.stats span{display:grid;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.stats strong{color:var(--ink);font:600 23px/1.3 Georgia,serif;letter-spacing:-.03em}.mode-tabs{display:flex;gap:6px;margin:42px 0 22px;padding:5px;width:fit-content;border:1px solid var(--line);border-radius:13px;background:#ffffff06}.tab{border:0;color:var(--muted);background:transparent;padding:10px 16px;border-radius:9px;font-size:14px}.tab.active{color:var(--bg);background:var(--mint);font-weight:700}.tab span{margin-left:5px;opacity:.7}.workspace{display:grid;grid-template-columns:258px minmax(0,1fr);gap:22px}.controls-panel{padding:22px;border:1px solid var(--line);border-radius:20px;background:#0d1a2ac2;align-self:start;position:sticky;top:18px}.controls-panel label{display:grid;gap:8px;margin-bottom:17px;color:var(--muted);font-size:14px;letter-spacing:.02em}.controls-panel input,.controls-panel select{width:100%;min-width:0;height:43px;border:1px solid var(--line);border-radius:10px;padding:0 12px;color:var(--ink);background:#091624;font-size:14px}.search-field{position:relative}.voice-block{padding-top:17px;margin-top:4px;border-top:1px solid var(--line)}.speed-control>span{display:block;margin-bottom:8px;color:var(--muted);font-size:12px}.speed-control>div{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;background:#091624;border:1px solid var(--line);border-radius:10px}.speed-control button{border:0;border-radius:7px;padding:7px 3px;color:var(--muted);background:transparent;font-size:12px}.speed-control button.active{background:var(--panel-2);color:var(--ink)}.shuffle-button{width:100%;margin-top:20px;padding:11px;border:1px solid rgba(95,225,197,.35);border-radius:10px;color:var(--mint);background:#5fe1c50f}.study-stage{min-width:0}.result-row{min-height:34px;display:flex;justify-content:space-between;align-items:start;color:var(--muted);font-size:13px}.compact-toggle{border:0;padding:0;color:var(--muted);background:transparent;text-decoration:underline;text-underline-offset:3px}.sentence-card{min-height:440px;overflow:hidden;position:relative;padding:clamp(28px,5vw,62px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#122337fa,#0a1827fa);box-shadow:var(--shadow)}.sentence-card:after{content:"";position:absolute;inset:auto -110px -150px auto;width:330px;aspect-ratio:1;border:48px solid rgba(95,225,197,.035);border-radius:50%;pointer-events:none}.card-topline{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:start;gap:20px}.card-category{margin:0 0 7px;color:var(--mint);font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}.card-situation{margin:0;color:var(--muted);font-size:14px}.card-situation span{display:inline-block;margin-left:8px;padding-left:10px;border-left:1px solid var(--line);font:12px ui-monospace,monospace}.favorite-button{width:42px;height:42px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:#ffffff06;font-size:24px;line-height:1}.favorite-button.active{color:var(--yellow);border-color:#ffd16659;background:#ffd16614}.sentence-content{position:relative;z-index:1;margin:clamp(38px,6vw,68px) 0 42px}.word-hint{margin-bottom:10px;color:var(--muted);font-size:12px}.english-sentence{max-width:980px;margin:0;font:600 clamp(34px,5.3vw,68px)/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.045em}.word-button,.dialogue-word{display:inline;border:0;padding:0;color:inherit;background:transparent;font:inherit;letter-spacing:inherit;text-align:inherit;border-radius:4px}.word-button:hover,.dialogue-word:hover{color:var(--yellow);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.pronunciation-row{display:flex;align-items:center;gap:12px;margin-top:30px;color:var(--yellow);font-size:clamp(16px,2vw,20px);line-height:1.5}.sound-wave{display:inline-flex;align-items:center;gap:2px;height:20px;flex:0 0 auto}.sound-wave i{width:2px;border-radius:2px;background:currentColor}.sound-wave i:nth-child(1){height:7px}.sound-wave i:nth-child(2){height:17px}.sound-wave i:nth-child(3){height:11px}.sound-wave i:nth-child(4){height:5px}.translation{margin:13px 0 0;color:#c6d7db;font-size:18px;line-height:1.55}.translation-block{display:grid;gap:8px}.literal-translation,.usage-note{margin:0;max-width:780px;color:var(--muted);font-size:14px;line-height:1.55}.literal-translation strong{color:var(--yellow)}.usage-note{padding-left:12px;border-left:2px solid rgba(165,155,255,.45);color:#b9b4e8}.hidden-translation{color:var(--muted);font-style:italic}.card-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.listen-button,.record-button,.real-speech-link{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:0 18px;text-decoration:none}.listen-button{border:1px solid var(--mint);color:var(--bg);background:var(--mint);font-weight:800}.record-button{border:1px solid var(--line);color:var(--ink);background:#ffffff09}.record-button span{color:var(--danger)}.record-button.recording{border-color:var(--danger);background:#ff8b9a1a}.real-speech-link{color:var(--violet);border:1px solid rgba(165,155,255,.3);background:#a59bff0f;font-size:14px}.recording-result{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;width:fit-content;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:13px;background:#08111f8c}.recording-result[hidden]{display:none}.recording-result button{border:0;color:var(--mint);background:transparent}.empty-state{min-height:320px;display:grid;place-content:center;justify-items:center;text-align:center}.empty-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--yellow);font-size:27px}.empty-state h2{margin:18px 0 6px;font:600 30px Georgia,serif}.empty-state p{margin:0;color:var(--muted)}.loading-state{min-height:310px;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--muted)}.loading-state span{width:34px;height:34px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--mint);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.deck-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin-top:16px}.deck-nav button{border:1px solid var(--line);border-radius:12px;padding:12px 16px;color:var(--ink);background:var(--panel)}.deck-nav button:last-child{justify-self:stretch;background:var(--mint);color:var(--bg);border-color:var(--mint);font-weight:700}.deck-nav span{color:var(--muted);font:13px ui-monospace,monospace}.dialogue-view{min-height:400px}.dialogue-view:not([hidden]){display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}.dialogue-browser{position:sticky;top:18px;max-height:calc(100vh - 36px);display:grid;grid-template-rows:auto auto minmax(0,1fr);padding:16px;border:1px solid var(--line);border-radius:18px;background:#0d1a2ac2}.dialogue-filters{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px}.dialogue-filters label{display:grid;gap:5px;color:var(--muted);font-size:11px}.dialogue-filters label:nth-child(3){grid-column:1 / -1}.dialogue-filters select,.grammar-nav select,.practice-toolbar select{height:38px;min-width:0;border:1px solid var(--line);border-radius:9px;padding:0 9px;color:var(--ink);background:#091624}.check-row{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.check-row input{accent-color:var(--mint)}.dialogue-count{margin:13px 4px 6px;color:var(--muted);font:11px ui-monospace,monospace}.dialogue-list{min-height:0;overflow-y:auto;display:grid;align-content:start;gap:5px;padding-right:3px}.dialogue-choice{display:grid;grid-template-columns:30px 1fr;gap:3px 9px;width:100%;padding:14px;border:1px solid transparent;border-radius:14px;color:var(--muted);background:transparent;text-align:left}.dialogue-choice span{grid-row:1 / 3;color:var(--mint);font:12px ui-monospace,monospace}.dialogue-choice strong{color:var(--ink);font-size:14px}.dialogue-choice small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialogue-choice:hover,.dialogue-choice.active{border-color:var(--line);background:var(--panel)}.dialogue-choice.active span{color:var(--yellow)}.conversation-card{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#0d1a2acc;box-shadow:var(--shadow)}.conversation-header{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:28px 32px;border-bottom:1px solid var(--line)}.conversation-header h2{margin:4px 0 6px;font:600 34px/1.1 Georgia,serif;letter-spacing:-.03em}.conversation-header p:last-child{margin:0;color:var(--muted)}.conversation-lines{display:grid;gap:22px;padding:30px 32px 38px}.source-strip{padding:11px 32px;border-bottom:1px solid var(--line);color:var(--muted);background:#5fe1c509;font-size:12px;line-height:1.45}.source-strip a{color:var(--mint);text-underline-offset:3px}.dialogue-line{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start;max-width:82%}.dialogue-line.speaker-1{grid-template-columns:minmax(0,1fr) 64px;justify-self:end}.dialogue-line.speaker-1 .speaker{grid-column:2;grid-row:1;text-align:right}.dialogue-line.speaker-1 .speech-bubble{grid-column:1;grid-row:1;background:#5fe1c514;border-color:#5fe1c538}.speaker{padding-top:15px;color:var(--muted);font:12px ui-monospace,monospace}.speech-bubble{position:relative;padding:18px 52px 17px 20px;border:1px solid var(--line);border-radius:18px;background:var(--panel-2)}.line-play{position:absolute;right:13px;top:13px;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;color:var(--mint);background:#0000001f;font-size:11px}.dialogue-english{margin:0;color:var(--ink);font:600 21px/1.35 Georgia,serif}.dialogue-sound{margin:8px 0 0;color:var(--yellow);font-size:14px}.dialogue-translation{margin:5px 0 0;color:var(--muted);font-size:14px}.section-kicker{color:var(--mint);font:700 11px/1.3 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.empty-panel{min-height:380px;display:grid;place-content:center;text-align:center;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.empty-panel h2{margin:0;font:600 30px Georgia,serif}.empty-panel p{color:var(--muted)}.grammar-view{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px;align-items:start}.grammar-nav{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:hidden;display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:20px;background:#0d1a2acc}.grammar-nav h2,.practice-settings h2{margin:8px 0;font:600 28px/1.1 Georgia,serif}.grammar-nav>p,.practice-settings>p:not(.section-kicker){margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.55}.grammar-nav>label{display:grid;gap:7px;color:var(--muted);font-size:12px}.grammar-list{min-height:0;overflow-y:auto;display:grid;gap:4px;margin-top:14px;padding-right:3px}.grammar-list button{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:10px;border:1px solid transparent;border-radius:10px;color:var(--ink);background:transparent;text-align:left;font-size:13px}.grammar-list button span{color:var(--mint);font:11px ui-monospace,monospace}.grammar-list button:hover,.grammar-list button.active{border-color:var(--line);background:var(--panel-2)}.grammar-card{overflow:hidden;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#122337fa,#0a1827fa);box-shadow:var(--shadow)}.grammar-card>header{padding:clamp(28px,5vw,54px);padding-bottom:28px}.grammar-card>header h2{margin:8px 0 12px;font:600 clamp(38px,5vw,60px)/1 Georgia,serif;letter-spacing:-.04em}.grammar-card>header>p:last-child{max-width:750px;margin:0;color:#c6d7db;font-size:18px;line-height:1.55}.pattern-box{display:grid;gap:8px;margin:0 clamp(28px,5vw,54px);padding:20px 22px;border:1px solid rgba(255,209,102,.25);border-radius:14px;background:#ffd1660d}.pattern-box span{color:var(--yellow);font:11px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}.pattern-box strong{font:500 clamp(18px,3vw,25px) Georgia,serif}.grammar-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:22px clamp(28px,5vw,54px)}.grammar-notes>div{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#08111f61}.grammar-notes>div>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--mint)}.grammar-notes p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.grammar-notes strong{display:block;margin-bottom:3px;color:var(--ink)}.grammar-examples{padding:0 clamp(28px,5vw,54px) 26px}.grammar-examples h3{margin:0 0 10px;font-size:13px;color:var(--muted);font-weight:500}.grammar-examples button{width:100%;display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;margin-bottom:8px;padding:15px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:var(--panel-2);text-align:left}.grammar-examples button:hover{border-color:#5fe1c573}.grammar-examples button>span:nth-child(2){display:grid;gap:4px}.grammar-examples small{color:var(--muted)}.grammar-examples i{color:var(--muted);font: 11px ui-monospace,monospace}.example-play{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--bg);background:var(--mint);font-size:11px}.reference-link{display:block;padding:18px clamp(28px,5vw,54px);border-top:1px solid var(--line);color:var(--violet);background:#a59bff09;font-size:13px;text-decoration:none}.practice-view{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}.practice-settings{position:sticky;top:18px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#0d1a2acc}.aid-toggle{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:12px 0;border-top:1px solid var(--line);cursor:pointer}.aid-toggle input{margin-top:3px;accent-color:var(--mint)}.aid-toggle span{display:grid;gap:3px}.aid-toggle strong{font-size:13px}.aid-toggle small{color:var(--muted);font-size:11px;line-height:1.35}.practice-score{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:18px}.practice-score span{display:grid;padding:10px 5px;border:1px solid var(--line);border-radius:10px;color:var(--muted);text-align:center;font-size:9px;text-transform:uppercase}.practice-score strong{color:var(--ink);font:600 19px Georgia,serif}.practice-main{min-width:0}.practice-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.segmented-control{display:flex;padding:4px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.segmented-control button{border:0;border-radius:8px;padding:8px 13px;color:var(--muted);background:transparent}.segmented-control button.active{color:var(--bg);background:var(--mint);font-weight:700}.practice-card{min-height:530px;padding:clamp(25px,5vw,52px);border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#122337fa,#0a1827fa);box-shadow:var(--shadow)}.practice-card.correct{border-color:#5fe1c573}.practice-card.wrong{border-color:#ff8b9a59}.practice-prompt{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font:12px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em}.big-listen{display:flex;align-items:center;justify-content:center;gap:14px;width:min(100%,450px);min-height:78px;margin:45px auto 12px;border:1px solid var(--mint);border-radius:999px;color:var(--bg);background:var(--mint);font-size:18px;font-weight:800}.big-listen span{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#08111f21}.slow-listen,.reveal-button{display:block;margin:0 auto 26px;border:0;color:var(--muted);background:transparent;text-decoration:underline;text-underline-offset:3px;font-size:12px}.dictation-area{max-width:720px;margin:30px auto 0}.dictation-area label{display:grid;gap:8px;color:var(--muted);font-size:12px}.dictation-area textarea{min-height:112px;resize:vertical;padding:16px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:#091624;font-size:18px;line-height:1.45}.word-bank{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.word-bank span{padding:6px 9px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:12px}.check-answer,.next-exercise{width:100%;margin-top:14px;padding:13px 16px;border:1px solid var(--mint);border-radius:11px;color:var(--bg);background:var(--mint);font-weight:800}.choice-grid{max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:34px auto 0}.choice-grid button{min-height:72px;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:var(--panel-2);text-align:left}.choice-grid button span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--mint);background:#5fe1c514;font:11px ui-monospace,monospace}.choice-grid button.selected{border-color:var(--violet)}.audio-choice-grid{max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:34px auto 0}.audio-choice-grid>div{overflow:hidden;display:grid;grid-template-columns:1fr auto;border:1px solid var(--line);border-radius:13px;background:var(--panel-2)}.audio-choice-grid>div.selected{border-color:var(--violet)}.audio-choice-grid button{min-height:54px;border:0;color:var(--ink);background:transparent}.audio-choice-grid button:nth-child(2){padding-inline:14px;border-left:1px solid var(--line);color:var(--mint)}.audio-choice-grid p{grid-column:1 / -1;margin:0;padding:0 14px 12px;color:var(--muted);font-size:12px}.practice-hint,.revealed-answer{max-width:720px;margin:14px auto 0;padding:11px 14px;border-left:2px solid var(--yellow);color:var(--muted);background:#ffd16609;font-size:13px}.practice-hint strong{color:var(--yellow)}.feedback{max-width:720px;margin:18px auto 0;text-align:center}.feedback.wrong{color:var(--danger)}.feedback.correct{display:grid;gap:5px;padding:14px;border-radius:12px;color:var(--mint);background:#5fe1c512}.feedback.correct span{color:var(--ink)}.reveal-button{margin-top:18px;color:var(--danger)}.revealed-answer{border-color:var(--danger);color:var(--ink);text-align:center}.next-exercise{display:block;max-width:720px;margin:16px auto 0}.audio-lab,.stories-view{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px;align-items:start}.audio-browser,.story-browser{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:hidden;display:flex;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:20px;background:#0d1a2ad1}.audio-browser h2,.story-browser h2{margin:7px 0;font:600 29px/1.1 Georgia,serif}.audio-browser>p:not(.section-kicker),.story-browser>p:not(.section-kicker){margin:0 0 17px;color:var(--muted);font-size:13px;line-height:1.5}.audio-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.audio-filter-row label,.story-level{display:grid;gap:5px;color:var(--muted);font-size:11px}.audio-filter-row select,.story-level select{height:38px;min-width:0;border:1px solid var(--line);border-radius:9px;padding:0 9px;color:var(--ink);background:#091624}.audio-settings-row{display:grid;gap:6px;padding:11px 0;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.audio-settings-row>div{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.audio-settings-row button{padding:7px 3px;border:1px solid var(--line);border-radius:7px;color:var(--muted);background:transparent}.audio-settings-row button.active{color:var(--bg);border-color:var(--mint);background:var(--mint);font-weight:800}.audio-list,.story-list{min-height:0;overflow-y:auto;display:grid;gap:4px;padding-right:3px}.audio-list>button,.story-list>button{display:grid;grid-template-columns:38px 1fr;gap:3px 8px;padding:12px;border:1px solid transparent;border-radius:11px;color:var(--muted);background:transparent;text-align:left}.audio-list>button:hover,.audio-list>button.active,.story-list>button:hover,.story-list>button.active{border-color:var(--line);background:var(--panel-2)}.audio-list span{grid-row:1 / 3;color:var(--mint);font:11px ui-monospace,monospace}.audio-list strong,.story-list strong{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.audio-list small,.story-list small{font-size:10px}.audio-stage,.story-stage{overflow:hidden;min-height:650px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#122337fa,#0a1827fa);box-shadow:var(--shadow)}.audio-stage>header{display:flex;justify-content:space-between;gap:20px;padding:clamp(28px,5vw,52px);padding-bottom:20px}.audio-stage h2{margin:7px 0 0;font:600 clamp(38px,5vw,62px)/1 Georgia,serif;letter-spacing:-.045em}.audio-stage h2 em{color:var(--yellow);font-weight:400}.audio-position{color:var(--muted);font:12px ui-monospace,monospace}.audio-orb{width:145px;aspect-ratio:1;display:grid;place-content:center;justify-items:center;gap:8px;margin:5px auto 34px;border:1px solid var(--mint);border-radius:50%;color:var(--bg);background:var(--mint);font-weight:800}.audio-orb span{font-size:30px}.audio-orb.playing{color:var(--mint);background:#5fe1c514;box-shadow:0 0 0 12px #5fe1c50a,0 0 0 24px #5fe1c506}.human-transcript{min-height:122px;display:grid;place-content:center;padding:24px clamp(24px,5vw,56px);border-block:1px solid var(--line);text-align:center}.human-transcript>button,.story-reveal{border:0;color:var(--muted);background:transparent;text-decoration:underline;text-underline-offset:4px}.human-transcript p{margin:0;font:600 clamp(26px,4vw,46px)/1.25 Georgia,serif;letter-spacing:-.025em}.human-transcript p button,.story-text button{display:inline;margin:0 .12em;padding:0;border:0;border-radius:4px;color:inherit;background:transparent;font:inherit}.human-transcript p button:hover,.human-transcript p button.active,.story-text button:hover{color:var(--yellow);text-decoration:underline;text-underline-offset:5px}.human-transcript small{margin-top:14px;color:var(--muted)}.audio-translation{margin:0;padding:24px clamp(24px,5vw,56px);color:#c6d7db;font-size:18px;text-align:center}.audio-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:20px clamp(24px,5vw,56px)}.audio-shortcuts button,.story-nav button{padding:11px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--panel-2)}.audio-credit{display:block;margin:0;padding:14px clamp(24px,5vw,56px);border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.5}.audio-credit a{color:var(--mint)}.story-level{margin-bottom:10px}.story-list{margin-top:13px}.story-list>button{grid-template-columns:1fr}.story-list span{color:var(--mint);font:10px ui-monospace,monospace}.story-stage>header{padding:clamp(28px,5vw,52px);padding-bottom:24px}.story-stage>header h2{margin:7px 0 9px;font:600 clamp(40px,5vw,62px)/1 Georgia,serif;letter-spacing:-.045em}.story-stage>header>p:last-child{margin:0;color:var(--muted);font-size:16px}.story-progress{height:4px;background:#ffffff12}.story-progress span{display:block;height:100%;background:var(--yellow);transition:width .3s ease}.story-player{display:grid;justify-items:center;padding:clamp(28px,5vw,55px);text-align:center}.story-counter{margin:0 0 17px;color:var(--muted);font:11px ui-monospace,monospace;letter-spacing:.1em}.story-play{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 24px;border:1px solid var(--mint);border-radius:999px;color:var(--bg);background:var(--mint);font-weight:800}.story-play.playing{color:var(--mint);background:transparent}.story-text{max-width:860px;margin:34px 0 0;font:600 clamp(27px,4vw,45px)/1.25 Georgia,serif;letter-spacing:-.025em}.story-reveal{margin:44px 0 20px}.story-translation{max-width:740px;margin:18px 0 0;color:#c6d7db;font-size:17px;line-height:1.55}.story-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:min(100%,520px);margin-top:32px}.story-segments{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px;padding:20px clamp(22px,4vw,44px) 38px;border-top:1px solid var(--line)}.story-segments button{display:grid;grid-template-columns:28px 1fr;gap:8px;min-height:58px;align-items:start;padding:11px;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:#08111f61;text-align:left}.story-segments button.active{border-color:var(--yellow);background:#ffd1660d}.story-segments span{color:var(--yellow);font:10px ui-monospace,monospace}.story-segments strong{display:-webkit-box;overflow:hidden;color:var(--ink);font-size:11px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}.toast{position:fixed;left:50%;bottom:24px;z-index:20;transform:translate(-50%,120px);padding:11px 16px;border:1px solid var(--line);border-radius:12px;background:#16283b;box-shadow:var(--shadow);color:var(--ink);font-size:14px;opacity:0;transition:.25s ease}.toast.show{transform:translate(-50%);opacity:1}footer{display:flex;justify-content:space-between;gap:20px;margin-top:32px;padding:18px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer p{margin:0}button:disabled{cursor:not-allowed;opacity:.45}.app-loading,.fatal-state{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;padding:32px;text-align:center;color:var(--muted)}.app-loading span{width:38px;height:38px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--mint);border-radius:50%;animation:spin .8s linear infinite}.fatal-state h1{margin:8px 0 0;font-size:clamp(32px,5vw,58px)}.fatal-state p{margin:0}@media(max-width:820px){.app-shell{padding:0 18px 38px}.intro{align-items:start;flex-direction:column}.stats{width:100%;justify-content:space-between;gap:8px}.workspace{grid-template-columns:1fr}.controls-panel{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.study-stage{grid-row:1}.controls-panel{grid-row:2}.voice-block,.shuffle-button{grid-column:1 / -1}.dialogue-view:not([hidden]),.grammar-view,.practice-view,.audio-lab,.stories-view{grid-template-columns:1fr}.dialogue-browser,.grammar-nav,.practice-settings,.audio-browser,.story-browser{position:static;max-height:none}.dialogue-list,.audio-list,.story-list{display:flex;overflow-x:auto}.audio-list>button,.story-list>button{min-width:230px}.dialogue-choice{min-width:235px}.grammar-list{max-height:250px;grid-template-columns:repeat(2,1fr)}.conversation-header{align-items:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:560px){.topbar{height:68px}.progress-pill{grid-template-columns:auto;gap:5px}.progress-track{width:82px}main{padding-top:30px}.stats span:nth-child(2){display:none}.stats span:nth-child(4){display:none}.mode-tabs{width:100%;overflow-x:auto}.tab{flex:0 0 auto;padding-inline:12px}.controls-panel{grid-template-columns:1fr;padding:16px}.voice-block,.shuffle-button{grid-column:auto}.sentence-card{min-height:430px;border-radius:22px}.card-situation span{display:block;width:fit-content;margin:6px 0 0;padding:0;border:0}.card-actions{align-items:stretch}.listen-button,.record-button,.real-speech-link{width:100%}.dialogue-filters{grid-template-columns:1fr 1fr}.dialogue-list{display:flex;overflow-x:auto;padding-bottom:5px}.dialogue-choice{min-width:220px}.conversation-header{flex-direction:column;padding:24px 20px}.conversation-header .listen-button{width:100%}.conversation-lines{padding:24px 16px 30px}.dialogue-line,.dialogue-line.speaker-1{max-width:96%;grid-template-columns:1fr;gap:5px}.dialogue-line.speaker-1 .speaker,.dialogue-line.speaker-1 .speech-bubble{grid-column:1;grid-row:auto}.speaker,.dialogue-line.speaker-1 .speaker{padding:0 6px;text-align:left}.grammar-nav,.practice-settings,.audio-browser,.story-browser{padding:18px}.grammar-list{display:flex;max-height:none;overflow-x:auto}.grammar-list button{min-width:190px}.grammar-notes,.choice-grid,.audio-choice-grid{grid-template-columns:1fr}.practice-toolbar{align-items:stretch;flex-direction:column}.segmented-control button{flex:1;padding-inline:8px}.big-listen{margin-top:34px}.audio-stage,.story-stage{min-height:0}.story-segments{grid-template-columns:1fr 1fr}footer{flex-direction:column}}.mode-tabs{max-width:100%;overflow-x:auto}.tab{white-space:nowrap;flex-shrink:0}.decoding-coach{display:grid;gap:24px}.decoding-coach h2,.coach-session h2{margin:0;font:550 clamp(30px,3.6vw,50px)/1.12 Georgia,serif;letter-spacing:-.03em}.decoding-coach h2 em{color:var(--yellow);font-weight:400}.decoding-coach h3,.coach-session h3{margin:0 0 12px;font-size:22px;letter-spacing:-.025em}.decoding-coach h4{margin:0 0 10px;font-size:20px}.decoding-coach p,.coach-session p{line-height:1.6}.coach-hero{display:grid;grid-template-columns:1.55fr 1fr;gap:36px;border:1px solid var(--line);border-radius:24px;padding:34px;background:linear-gradient(130deg,#122d36,#101c2e)}.coach-hero>div>p:not(.eyebrow){max-width:650px;color:#bfd1d6}.coach-cycle{display:grid;gap:8px;align-content:center}.coach-cycle span{padding:12px 16px;border-radius:10px;border:1px solid var(--line);background:#08111f73;font-size:14px}.coach-cycle span:nth-child(4){color:var(--mint);border-color:#5fe1c559}.coach-button-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}button:disabled{cursor:default;opacity:.45}.coach-small{font-size:13px;color:var(--muted);line-height:1.55}.coach-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.coach-metrics>div{display:grid;gap:5px;border:1px solid var(--line);border-radius:16px;padding:20px;background:var(--panel)}.coach-metrics strong{font:500 32px Georgia,serif;color:var(--mint)}.coach-metrics strong small{color:var(--muted);font-size:18px}.coach-metrics span{font-size:12px;color:var(--muted)}.coach-daily,.coach-curriculum,.coach-settings,.coach-profile,.coach-contrast{padding:26px;border-radius:20px;border:1px solid var(--line);background:var(--panel)}.coach-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.coach-section-head>span{color:var(--muted);font-size:13px;white-space:nowrap}.coach-daily-blocks{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:24px}.coach-daily-blocks:has(>:nth-child(6)){grid-template-columns:repeat(6,1fr)}.coach-daily-blocks>div{display:grid;gap:10px;padding:16px;background:var(--panel-2);border-radius:12px}.coach-daily-blocks span{font:600 11px ui-monospace,monospace;color:var(--mint)}.coach-daily-blocks strong{font-size:14px;line-height:1.5}.coach-daily-blocks p{margin:0;font-size:12px;color:var(--muted)}.coach-method-details{margin-top:20px;font-size:14px;color:#b7cbd0}.coach-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:22px}.coach-sidebar{display:grid;gap:22px;align-content:start}.coach-weeks{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:24px 0}.coach-weeks button{height:39px;background:var(--panel-2);color:var(--muted);border:1px solid var(--line);border-radius:8px}.coach-weeks button.active{color:var(--bg);background:var(--mint);border-color:var(--mint);font-weight:700}.coach-lessons{display:grid;gap:14px}.coach-lessons article{padding:24px;border-radius:16px;background:#102236;border:1px solid var(--line)}.coach-lessons article.complete{border-left:3px solid var(--mint)}.coach-lesson-top{display:grid;gap:7px;margin-bottom:15px}.coach-lesson-top span{font:600 11px ui-monospace,monospace;color:var(--mint);text-transform:uppercase;letter-spacing:.06em}.coach-lesson-top small{color:var(--muted);font-size:11px}.coach-lessons article>p{font-size:14px;color:#b8cdd2}.coach-lessons details{color:var(--muted);font-size:13px;margin:18px 0}.coach-lessons .listen-button,.coach-lessons .record-button{min-height:38px;padding:8px 15px;font-size:12px}.coach-settings>label,.coach-contrast>label,.coach-section-head label{display:grid;gap:7px;margin-bottom:16px;color:var(--muted);font-size:13px}.coach-settings select,.coach-contrast select,.coach-section-head select,.coach-range-controls input{width:100%;padding:10px;background:#091624;border:1px solid var(--line);border-radius:9px;color:var(--ink);min-width:0}.coach-settings .aid-toggle{display:flex;align-items:flex-start}.coach-settings .aid-toggle input{margin-top:4px}.coach-settings .aid-toggle span{display:grid;gap:5px}.coach-profile>p{font-size:13px;color:var(--muted)}.coach-profile .record-button{font-size:12px}.coach-error-bar{margin:16px 0}.coach-error-bar>div{display:flex;justify-content:space-between;gap:8px;font-size:12px}.coach-error-bar strong{color:var(--mint)}.coach-error-bar meter{width:100%;height:11px;margin:6px 0;accent-color:var(--mint)}.coach-error-bar small{display:block;color:var(--muted);font-size:11px}.coach-labs,.coach-offline,.coach-backup{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;border:1px solid var(--line);border-radius:18px;padding:24px 28px;background:var(--panel)}.coach-labs p,.coach-offline p,.coach-backup p{font-size:14px;color:var(--muted);margin-bottom:0}.coach-labs h3,.coach-offline h3,.coach-backup h3{margin-bottom:4px}.coach-offline small{display:block;margin-top:8px;color:var(--mint)}.coach-offline progress{width:100%;accent-color:var(--mint)}.coach-research{border:1px solid var(--line);border-radius:16px;padding:22px;color:var(--muted);font-size:13px}.coach-research a,.coach-credit a{color:var(--mint)}.coach-contrast>label{margin:24px 0;max-width:450px}.coach-contrast-feedback{padding:20px;background:var(--panel-2);border-radius:12px;margin-top:20px}.coach-contrast-feedback strong{color:var(--yellow)}.coach-free-listening{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.coach-free-listening article{min-width:0;padding:20px;border:1px solid var(--line);background:var(--panel);border-radius:14px}.coach-free-listening article p{font-size:13px;color:var(--muted)}.coach-free-listening audio{width:100%}.coach-import-review{width:100%;border-top:1px solid var(--line);padding-top:20px}.coach-import-review button{margin:16px 12px 0 0}.coach-session{display:grid;gap:24px}.coach-session-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.coach-session-head h2{font-size:30px}.coach-top-actions{display:flex;align-items:center;gap:10px}.coach-top-actions button{border:1px solid var(--line);color:var(--muted);background:var(--panel);padding:10px 14px;border-radius:8px;font-size:12px}.coach-top-actions span{color:var(--mint);font:13px ui-monospace,monospace}.coach-stepper{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;list-style:none;padding:0;margin:0}.coach-stepper li{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;padding:12px;border:1px solid var(--line);border-radius:10px}.coach-stepper li span{color:var(--muted);font:13px ui-monospace,monospace}.coach-stepper li.active{border-color:var(--mint);color:var(--mint);background:#5fe1c50f}.coach-stepper li.done{color:#b7cccd}.coach-stepper li.done span{color:var(--mint)}.coach-session-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.coach-exercise{padding:38px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(140deg,var(--panel-2),var(--panel));min-width:0}.coach-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;color:var(--muted);font:11px ui-monospace,monospace;margin-bottom:28px}.coach-exercise h3{font:500 clamp(27px,3.6vw,40px)/1.15 Georgia,serif}.coach-instruction{color:#b4cbd1;font-size:15px;max-width:650px}.coach-blind-player{display:grid;justify-items:center;gap:10px;padding:14px;margin:20px 0}.coach-blind-player .audio-orb{width:170px;height:170px}.coach-blind-player small{color:var(--muted);font-size:12px}.coach-next-step{margin-top:24px}.coach-dictation{display:grid;gap:14px;margin-top:24px}.coach-dictation label{font-size:13px;color:var(--muted)}.coach-dictation textarea{width:100%;min-height:120px;resize:vertical;border:1px solid var(--line);border-radius:12px;background:#091624;color:var(--ink);padding:17px;font:inherit;font-size:16px;line-height:1.6}.coach-dictation textarea:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.coach-dictation button{justify-self:start}.coach-original{font:500 clamp(24px,3vw,34px)/1.35 Georgia,serif;margin:24px 0 12px;color:#eff9f8}.coach-text-play{padding:8px 0;color:var(--mint);border:0;background:none}.coach-comparison{display:grid;gap:14px;margin-top:26px}.coach-comparison>div{padding:16px;background:#0a1727;border-radius:12px}.coach-comparison strong{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.coach-comparison p{margin:10px 0 0;font-size:18px;overflow-wrap:anywhere}.word-diff span{border-radius:3px}.word-diff .match{color:var(--mint)}.word-diff .missing,.word-diff .changed{background:#ffd16626;color:var(--yellow);text-decoration:underline;text-underline-offset:3px}.word-diff .extra{color:var(--danger);text-decoration:line-through}.coach-revealed details{margin-top:18px;font-size:13px;color:var(--muted)}summary{cursor:pointer}.char-diff{font:15px/1.65 ui-monospace,monospace;white-space:pre-wrap}.char-diff .changed{color:var(--yellow);background:#ffd16626}.coach-error-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;margin:24px 0;padding:0}.coach-error-tags legend{margin-bottom:14px;font-size:13px;color:var(--muted)}.coach-error-tags label{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;font-size:12px}.coach-error-tags label:has(input:checked){color:var(--mint);border-color:var(--mint);background:#5fe1c514}.coach-error-tags input{accent-color:var(--mint)}.coach-listening-note{padding:18px;border-left:2px solid var(--yellow);background:#ffd1660d;border-radius:0 10px 10px 0}.coach-listening-note strong{color:var(--yellow);font-size:12px}.coach-listening-note p{font-size:14px;color:#c0d0d3;margin:8px 0 0}.coach-word-selection{display:flex;flex-wrap:wrap;gap:5px;margin:24px 0 12px}.coach-word-selection button{color:var(--ink);background:#091624;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:16px}.coach-word-selection button.selected{background:#5fe1c52e;color:var(--mint);border-color:var(--mint)}.coach-range-controls{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0}.coach-range-controls label{display:grid;gap:8px;font-size:12px;color:var(--muted);width:135px}.coach-recording{margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}.coach-recording audio{display:block;width:100%;max-width:400px;margin:14px 0}.coach-session-side{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel);align-self:start}.coach-session-side p{font-size:13px;color:var(--muted)}.coach-session-side h4{font-size:14px}.coach-session-side small{color:var(--muted);font-size:11px}.coach-session-tip{border-top:1px solid var(--line);padding-top:20px;margin:24px 0}.coach-session-tip strong{font-size:13px;color:var(--yellow)}.coach-credit{border-top:1px solid var(--line);padding-top:18px;margin-top:28px;font-size:11px;color:var(--muted);line-height:1.65}.coach-blind-result{padding-top:20px}.coach-blind-result .coach-result-number{font:500 52px Georgia,serif;color:var(--mint);margin:0}.coach-blind-result h4{margin-bottom:8px}.coach-notice{background:#ffd16614;border:1px solid rgba(255,209,102,.25);color:var(--yellow);border-radius:12px;padding:14px 18px;font-size:13px}.coach-complete,.coach-pause{padding:50px;text-align:center;border:1px solid var(--line);background:var(--panel);border-radius:24px}.coach-complete h2{font:500 36px Georgia,serif}.coach-complete p,.coach-pause p{color:var(--muted);line-height:1.6}.coach-complete .listen-button{margin-top:20px}.coach-contrast .correct{border-color:var(--mint);color:var(--mint)}.coach-contrast .wrong{border-color:var(--danger);color:var(--danger)}@media(max-width:1100px){.stats{gap:15px;flex-wrap:wrap}.coach-daily-blocks,.coach-daily-blocks:has(>:nth-child(6)){grid-template-columns:repeat(3,1fr)}.coach-main-grid{grid-template-columns:minmax(0,1fr) 290px}.coach-session-grid{grid-template-columns:minmax(0,1fr) 250px}.coach-exercise{padding:28px}}@media(max-width:800px){.coach-hero,.coach-main-grid,.coach-session-grid{grid-template-columns:1fr}.coach-hero{padding:26px;gap:20px}.coach-cycle{grid-template-columns:repeat(2,1fr)}.coach-cycle span{padding:10px;font-size:12px}.coach-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.coach-session-head{flex-wrap:wrap}.coach-stepper{grid-template-columns:repeat(3,1fr)}.coach-free-listening{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.coach-metrics{grid-template-columns:repeat(2,1fr)}.coach-metrics>div{padding:16px}.coach-daily-blocks,.coach-daily-blocks:has(>:nth-child(6)){grid-template-columns:repeat(2,minmax(0,1fr))}.coach-section-head{align-items:start;flex-wrap:wrap}.coach-hero,.coach-daily,.coach-curriculum,.coach-settings,.coach-profile,.coach-contrast{padding:20px}.coach-sidebar,.coach-free-listening{grid-template-columns:1fr}.coach-lessons article{padding:18px}.coach-weeks{gap:5px}.coach-exercise{padding:22px}.coach-stepper li{padding:9px;font-size:11px;gap:6px}.coach-error-tags{grid-template-columns:1fr}.coach-top-actions{flex-wrap:wrap}.coach-labs,.coach-offline,.coach-backup{padding:20px}.coach-blind-player .audio-orb{width:145px;height:145px}.coach-complete,.coach-pause{padding:30px 20px}}.coach-credit{display:block}.queue-controls{margin:18px 0;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel-2)}.queue-controls h3{margin:0 0 8px}.queue-controls p{margin:0 0 18px;color:var(--muted);line-height:1.5}.queue-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.queue-settings label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:13px}.queue-settings label.check-row{flex-direction:row;align-items:center}.queue-settings input[type=number]{width:100%;min-height:44px;padding:10px 12px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px}.queue-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px}.queue-actions span{color:var(--muted);font-size:13px}.audio-stage>.queue-controls,.conversation-card>.queue-controls{margin:20px}@media(max-width:600px){.queue-controls{padding:16px}.queue-settings{grid-template-columns:1fr}.queue-actions .listen-button{width:100%}}.source-search{display:grid;gap:6px;color:var(--muted);font-size:12px}.source-search input{width:100%;height:40px;border:1px solid var(--line);border-radius:9px;padding:0 10px;color:var(--ink);background:#091624}.audio-list>.source-lesson{display:grid;grid-template-columns:38px 1fr;gap:3px 8px;padding:12px;border:1px solid transparent;border-radius:11px;text-decoration:none;color:var(--muted)}.audio-list>.source-lesson:hover{border-color:var(--line);background:var(--panel-2)}.audio-stage>p{margin:20px;color:var(--muted);line-height:1.6}@media(max-width:760px){.audio-list>.source-lesson{min-width:230px}}.source-player{border:0;display:block;padding:0 20px}.grammar-theory{padding:24px clamp(28px,5vw,54px) 0}.grammar-theory h3{margin:0 0 16px}.grammar-theory ol{margin:0 0 24px;padding-left:24px;color:#c6d7db;line-height:1.7}.grammar-theory li{padding-left:6px;margin-bottom:14px}.grammar-theory li::marker{color:var(--mint);font-weight:700}.grammar-table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.grammar-table-scroll:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.grammar-theory table{width:100%;border-collapse:collapse;min-width:480px;text-align:left;font-size:14px}.grammar-theory caption{text-align:left;padding:14px;font-weight:700}.grammar-theory th,.grammar-theory td{padding:12px 14px;border-top:1px solid var(--line);line-height:1.5}.grammar-theory thead{color:var(--mint);background:var(--panel-2)}.grammar-theory tbody th{font-weight:500}.grammar-theory td button{border:0;background:transparent;color:var(--ink);text-align:left;line-height:1.5}.grammar-theory td button:hover{color:var(--mint)}.long-transcript p{max-height:420px;overflow-y:auto;padding:10px;text-align:left;font:500 22px/1.65 system-ui,sans-serif;letter-spacing:normal}.mr-english{min-width:0}.mr-heading{display:flex;justify-content:space-between;gap:18px;margin:26px 0}.mr-heading h2{max-width:960px;margin:8px 0 12px;font:600 clamp(28px,4vw,44px)/1.1 Georgia,serif}.mr-heading p:not(.section-kicker),.mr-credit{color:var(--muted);font-size:13px;line-height:1.65}.mr-modes,.mr-activities{display:flex;flex-wrap:wrap;gap:8px}.mr-english button:not(.listen-button){border:1px solid var(--line);border-radius:9px;padding:10px 14px;color:var(--ink);background:var(--panel-2);cursor:pointer}.mr-english button:disabled{opacity:.45;cursor:default}.mr-modes button.active,.mr-activities button.active,.mr-speed button.active{border-color:var(--mint);color:var(--mint);background:#5fe1c517}.mr-speed{display:flex;align-items:center;gap:8px;margin:16px 0 24px;color:var(--muted);font-size:13px}.mr-speed button{padding:7px 12px!important}.mr-full,.mr-study,.mr-browser{border:1px solid var(--line);border-radius:20px;background:var(--panel)}.mr-full{padding:clamp(16px,3vw,28px)}.mr-full-controls,.mr-card-actions,.mr-shadow-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.mr-full-controls>span,.mr-shadow-actions>span{color:var(--mint);font:13px ui-monospace,monospace}.mr-seek{display:grid;gap:8px;color:var(--muted);font-size:12px;margin:20px 0}.mr-seek input{width:100%;accent-color:var(--mint)}.mr-transcript-options,.mr-shadow-toggles{display:flex;gap:16px;flex-wrap:wrap;margin:16px 0;font-size:13px;color:var(--muted)}.mr-english input[type=checkbox]{accent-color:var(--mint)}.mr-transcript{height:min(440px,60vh);overflow-y:auto;padding:180px 14px;overscroll-behavior:contain;border-block:1px solid var(--line);font-size:22px;line-height:1.85}.mr-transcript button{display:inline!important;padding:1px 3px!important;border:0!important;border-radius:4px!important;background:transparent!important;font:inherit}.mr-transcript button.active{color:var(--bg);background:var(--mint)!important}.mr-transcript button:hover{color:var(--yellow)}.mr-transcript-turn+.mr-transcript-turn{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.mr-speaker{display:flex;align-items:center;gap:12px;margin:0 0 8px;color:var(--mint);font-size:14px;line-height:1.4}.mr-speaker span{color:var(--muted);font:11px ui-monospace,monospace}.mr-list-speaker{color:var(--mint);font-size:11px}.mr-unit-text.turns{font:500 clamp(18px,2vw,24px)/1.65 system-ui,sans-serif}.mr-unit-list button:has(.mr-list-speaker) strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.mr-download,.mr-downloads a{color:var(--mint);font-size:13px;text-underline-offset:3px}.mr-downloads{display:flex;flex-wrap:wrap;gap:20px}.mr-workspace{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;align-items:start}.mr-browser{position:sticky;top:16px;padding:18px;display:grid;gap:12px}.mr-browser label,.mr-occurrence,.mr-shadow-settings label,.mr-heading label{display:grid;gap:7px;color:var(--muted);font-size:12px}.mr-browser select,.mr-browser input,.mr-occurrence select,.mr-shadow-settings input,.mr-heading select{width:100%;min-width:0;height:40px;border:1px solid var(--line);border-radius:8px;padding:0 10px;color:var(--ink);background:#091624}.mr-browser>p{margin:0;font-size:12px;color:var(--muted)}.mr-unit-list{max-height:420px;overflow-y:auto;display:grid;gap:6px;overscroll-behavior:contain}.mr-unit-list button{display:grid;gap:6px;text-align:left;padding:10px!important}.mr-unit-list button[aria-current=true]{border-color:var(--mint);background:#5fe1c512}.mr-unit-list strong{line-height:1.45;font-size:13px;overflow-wrap:anywhere}.mr-unit-list small{color:var(--muted);font-size:10px}.mr-study{min-width:0;padding:clamp(18px,3vw,30px)}.mr-unit-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.mr-unit-text{margin:28px 0;overflow-wrap:anywhere;font:600 clamp(26px,3vw,40px)/1.35 Georgia,serif}.mr-unit-text.words{color:var(--yellow);font-size:clamp(40px,6vw,64px)}.mr-context{padding:14px;border-left:2px solid var(--mint);color:var(--muted);font-size:15px;line-height:1.6}.mr-context span{display:block;margin-bottom:5px;color:var(--mint);font-size:11px}.mr-occurrence{max-width:310px;margin:20px 0}.mr-activities{margin-top:26px}.mr-shadow,.mr-speak{margin-top:20px;padding:20px;border-radius:14px;background:var(--panel-2);border:1px solid var(--line)}.mr-shadow h3,.mr-speak h3{margin:0 0 10px}.mr-shadow>p,.mr-speak-note{color:var(--muted);font-size:13px;line-height:1.6}.mr-shadow-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.mr-pause-explanation{border-top:1px solid var(--line);padding-top:15px}.mr-credit{margin-top:26px;padding-top:16px;border-top:1px solid var(--line)}.mr-credit a,.mr-speak a{color:var(--mint)}.mr-speak-card{color:var(--yellow);font-size:20px;line-height:1.5;overflow-wrap:anywhere}.mr-speak-actions{display:flex;flex-wrap:wrap;gap:10px}.mr-speak-error{color:var(--danger);font-size:13px}.mr-speak-status{color:var(--mint)}.mr-speak-recognition{margin-top:22px;border-top:1px solid var(--line)}.mr-speak-recording{display:grid;gap:10px}.mr-speak-recording audio{max-width:100%;width:100%}.mr-speak-recording label{font-size:12px;color:var(--muted)}.mr-speak-result{margin-top:16px;border:1px solid var(--mint);border-radius:10px;padding:14px}.mr-speak-result p,.mr-speak-heard{overflow-wrap:anywhere;font-size:13px;line-height:1.6}@media(max-width:800px){.mr-workspace{grid-template-columns:1fr}.mr-browser{position:static}.mr-unit-list{max-height:180px}.mr-heading{flex-direction:column}.mr-transcript{font-size:19px}}@media(max-width:480px){.mr-shadow-settings{grid-template-columns:1fr}.mr-shadow,.mr-speak{padding:15px}.mr-full-controls .listen-button,.mr-shadow-actions .listen-button{width:100%}}
