.app-shell :is(button,a.button,a[role=button],summary){transition:background-color var(--ds-motion-fast) var(--ds-ease-out),color var(--ds-motion-fast) var(--ds-ease-out),border-color var(--ds-motion-fast) var(--ds-ease-out),box-shadow var(--ds-motion-fast) var(--ds-ease-out),scale var(--ds-motion-fast) var(--ds-ease-out),transform var(--ds-motion-fast) var(--ds-ease-out)}:where(button,a.button,a[role=button]):active:not(:disabled):not([aria-disabled=true]):not([role=tab]){scale:.98}:where(button,a.button,a[role=button]):disabled{scale:1}:where(input,select,textarea){transition:border-color var(--ds-motion-fast) var(--ds-ease-out),box-shadow var(--ds-motion-fast) var(--ds-ease-out)}:where(dialog[open],.lyrics-word-detail,.sentence-note-editor){animation:ds-panel-enter var(--ds-motion-smooth) var(--ds-ease-out)}@keyframes ds-panel-enter{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.app-shell :is(button,a.button,a[role=button],summary,input,select,textarea){transition-duration:0s}:where(button,a.button,a[role=button]):active:not(:disabled):not([aria-disabled=true]):not([role=tab]){scale:1}:where(dialog[open],.lyrics-word-detail,.sentence-note-editor){animation:none}}.boot-screen{box-sizing:border-box;width:100%;max-width:none;margin:0;min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:var(--ds-space-3);padding:var(--ds-space-6) var(--ds-space-4);text-align:center;background:var(--ds-stage-background);color:var(--ds-text)}.boot-mark{width:56px;height:56px;border-radius:var(--ds-radius-control)}.boot-brand{margin:0;font-size:var(--ds-text-lg);font-weight:800;letter-spacing:var(--ds-tracking-display)}.boot-status{margin:0;color:var(--ds-text-muted);font-size:var(--ds-text-sm);font-variant-numeric:tabular-nums}.boot-progress{width:120px;height:4px;border-radius:var(--ds-radius-pill);background:var(--ds-surface-subtle);overflow:hidden}.boot-progress i{display:block;width:40%;height:100%;border-radius:inherit;background:var(--ds-yellow);animation:boot-progress 1.2s var(--ds-ease-out) infinite}@keyframes boot-progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}.boot-screen--error>*{max-width:420px}.boot-screen--error h1{margin:var(--ds-space-2) 0 0;font-size:var(--ds-text-title);line-height:var(--ds-leading-tight);text-wrap:balance}.boot-screen--error>p{margin:0;color:var(--ds-text-muted);max-width:34ch}.boot-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--ds-surface-subtle);color:var(--ds-text)}.boot-detail{font-size:var(--ds-text-xs);color:var(--ds-text-subtle)}@media(prefers-reduced-motion:reduce){.boot-progress i{animation:none;width:100%;opacity:.5}}.persistent-lesson,.route-content{display:contents}.persistent-lesson[hidden]{display:none}.mini-player{position:fixed;z-index:40;bottom:var(--ds-space-4);right:var(--ds-space-6);display:grid;grid-template-columns:minmax(0,1fr) repeat(3,44px);align-items:center;gap:var(--ds-space-2);width:min(460px,calc(100% - 300px));padding:var(--ds-space-2) var(--ds-space-3);background:var(--ds-frost-surface);-webkit-backdrop-filter:var(--ds-frost-filter);backdrop-filter:var(--ds-frost-filter);border:1px solid var(--ds-glass-border);border-radius:var(--ds-radius-panel);box-shadow:inset 0 1px 0 var(--ds-glass-highlight),var(--ds-glass-shadow)}.mini-player-title{min-width:0;min-height:48px;display:grid;gap:var(--ds-space-1);text-align:left;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ds-text)}.mini-player-title small{font-size:var(--ds-text-sm);color:var(--ds-text-muted)}.mini-player-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell:has(.mini-player) main{padding-bottom:170px}@media(max-width:760px){.mini-player{left:var(--ds-space-3);right:var(--ds-space-3);width:auto;bottom:calc(76px + env(safe-area-inset-bottom))}}:root{font-family:var(--ds-font);color:var(--ds-text);background:var(--ds-bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,.button{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:11px 17px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:500;text-decoration:none;transition:background .18s,transform .18s,border-color .18s}button:hover,.button:hover{background:var(--green-light);border-color:var(--ds-border)}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.43;transform:none}button:focus-visible,a:focus-visible{outline:3px solid var(--ds-focus);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid var(--ds-focus);outline-offset:1px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.65;font-weight:600;letter-spacing:-.8px}h2{font-size:19px;line-height:1.6;font-weight:600;letter-spacing:-.3px}h3{font-size:16px;line-height:1.5;font-weight:600}p{font-size:14px;line-height:1.9;color:var(--muted)}small,.caption{font-size:12px;color:var(--muted);line-height:1.8}a{color:var(--accent)}svg{flex-shrink:0}input,textarea,select{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:11px 12px;max-width:100%;font-size:14px}textarea{resize:vertical;line-height:1.7}label{display:flex;flex-direction:column;gap:8px;font-size:13px;line-height:1.8;margin:14px 0 20px;color:var(--ink)}form>.primary{margin-top:12px}progress{width:100%;height:6px;appearance:none;border:none;border-radius:8px;overflow:hidden;background:var(--line)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--ds-secondary);border-radius:8px}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover{background:var(--ds-secondary-hover);color:var(--ds-on-secondary)}.danger{background:var(--ds-danger);color:#fff}.text-button{border:0;background:transparent;padding:8px 0;justify-content:flex-start;color:var(--accent);font-size:13px}.text-button:hover{background:transparent}.icon-button{width:36px;height:36px;padding:7px;background:transparent;border-color:transparent}.row{display:flex;gap:12px;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.eyebrow{display:block;font-size:10px;letter-spacing:1.7px;font-weight:600;color:var(--ds-text-muted);line-height:1.6}.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:6px;padding:4px 8px;color:var(--ds-text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;background:var(--panel)}.panel{background:var(--panel);border:1px solid var(--line);padding:27px;border-radius:16px;box-shadow:var(--shadow)}.subtle{color:var(--ds-text-muted)}.error{color:var(--ds-danger-text);background:var(--ds-danger-soft);padding:12px;border-radius:9px;white-space:pre-wrap}.feedback{color:var(--ds-success);background:var(--ds-success-soft);padding:13px 17px;border-radius:9px;margin-top:15px}.callout{background:var(--green-light);padding:22px;border-radius:11px;margin:22px 0}.callout p{margin:8px 0}.empty{padding:55px 20px;text-align:center}.empty button{margin-top:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.check-label{flex-direction:row;align-items:center;gap:10px}.check-label input{accent-color:var(--accent);width:16px;height:16px}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.loading h1{margin:0}.skip-link{position:absolute;left:240px;top:0;transform:translateY(-150%);background:#fff;z-index:100;padding:12px;white-space:nowrap}.skip-link:focus{transform:translateY(10px)}.app-shell{min-height:100vh}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;padding:0 11px;color:var(--ds-text);margin-bottom:46px}.brand>span:last-child{font-family:DM Sans,sans-serif;font-size:29px;font-weight:700;letter-spacing:-1.3px;line-height:1}.brand small{display:block;font-size:7px;letter-spacing:1.4px;margin-top:9px;color:var(--ds-text-muted)}.avatar{background:var(--ds-yellow-soft);border:1px solid var(--ds-border);width:35px;height:35px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--ds-text-muted);padding:0;flex-shrink:0}.main-shell{margin-left:224px}.topbar{height:80px;padding:0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--ds-surface-subtle);gap:20px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ds-text-muted)}.breadcrumb strong{font-weight:500;color:var(--ds-text)}.top-actions{display:flex;align-items:center;gap:18px}.search-trigger{border:0;font-size:10px;background:transparent;color:var(--ds-text-muted);padding:5px 12px}.top-chip{border:0;background:transparent;padding:0;gap:5px;font-size:12px;color:var(--ds-text-muted)}.top-chip svg{stroke-width:1.5;color:var(--ds-on-primary)}.top-chip span{font-size:10px}main{max-width:1490px;margin:auto;padding:38px 42px 0;outline:none}.greeting{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.greeting .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:10px}.greeting h1{font-size:25px;line-height:1.7;margin-bottom:10px;font-weight:600;letter-spacing:.15px}.greeting p{font-size:11px;margin:0;color:var(--ds-text-muted)}.blue{background:var(--ds-surface-subtle);color:var(--ds-text-muted)}.tasks{margin-top:21px;display:flex;flex-direction:column;gap:14px}.page-footer{border-top:1px solid var(--line);margin-top:38px;padding:20px 0 25px;display:flex;justify-content:space-between;font-size:12px;color:var(--ds-text-muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.section-heading h1{font-size:27px;margin:8px 0}.section-heading p{font-size:12px;margin:0}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:20px 0 26px;overflow-x:auto}.tabs button{border:0;border-radius:0;padding:12px 0;background:transparent;color:var(--muted);white-space:nowrap}.tabs button.active{border-bottom:2px solid var(--accent);color:var(--accent)}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.filters{display:flex;gap:16px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.filters label{margin:0}.search{display:flex;flex-direction:row;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:0 12px;color:var(--ds-text-muted);gap:8px;margin:0;flex:1}.search input{border:0;background:transparent;width:100%;outline:none}.word-list{background:var(--panel);border-radius:13px;border:1px solid var(--line)}.word-list article{display:flex;justify-content:space-between;align-items:center;padding:18px 23px;border-bottom:1px solid var(--line);gap:16px}.word-list article:last-child{border-bottom:0}.word-list h3{margin:0;font-size:17px}.word-list h3 .badge{margin-left:8px}.word-list p{margin:4px 0;font-size:12px}.word-list small{font-size:11px}.flashcard{padding:35px 45px;min-height:330px;border:1px solid var(--line);background:var(--panel);border-radius:20px;text-align:center;box-shadow:var(--ds-shadow-md)}.word-large{font-family:Georgia,serif;font-size:54px;font-weight:400;margin:40px 0 23px}.meaning{font-size:20px;color:var(--ink);margin:15px 0}.english-example{font-family:Georgia,serif;font-size:23px;line-height:1.8;color:var(--ds-text-muted)}.lesson-columns,.reading-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.progress-banner{display:flex;align-items:center;gap:25px;background:var(--ds-surface-subtle);border:1px solid var(--ds-border);border-radius:14px;padding:23px 27px}.progress-banner>div{white-space:nowrap}.progress-banner strong{font-size:22px;color:var(--ds-text)}.progress-banner span{font-size:14px;color:var(--ds-text-muted)}.ipa-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.ipa-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:20px;gap:12px;min-height:165px}.ipa-card strong{font-family:Georgia,serif;font-size:35px;font-weight:400;color:var(--ds-brand-ink)}.ipa-card>svg{position:absolute;bottom:20px;right:18px;color:var(--ds-text-muted)}.ipa-card.complete{background:var(--ds-surface-subtle)}.ipa-card:disabled{opacity:.6;background:var(--ds-surface-subtle)}.ipa-big{display:block;font-size:85px;font-family:Georgia,serif;text-align:center;color:var(--ds-text-muted);margin:15px auto 30px}.body-copy{color:var(--ds-text-muted);line-height:2.1}.pair{display:flex;align-items:center;gap:8px;font-size:20px}.course-card{text-align:left;display:flex;align-items:stretch;flex-direction:column;padding:25px;gap:0;border-radius:14px;min-height:218px;background:var(--panel)}.course-card h2{margin:23px 0 10px;font-size:21px}.course-card>p{font-size:12px;flex:1}.course-card footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--ds-text-muted);border-top:1px solid var(--line);padding-top:15px;margin-top:10px}.lesson-note{background:var(--ds-surface-subtle)}.lesson-note>svg{margin-bottom:25px;color:var(--ds-text-muted)}.lesson-note blockquote{font-family:Georgia,serif;font-size:24px;line-height:1.8;color:var(--ds-text-muted);margin:25px 0}.lesson-note .body-copy{margin-bottom:15px}fieldset{border:0;padding:0;margin:28px 0}legend{font-family:Georgia,serif;font-size:20px;line-height:1.7;padding:0}.choices{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.choices label{display:flex;flex-direction:row;padding:9px 18px;border:1px solid var(--line);border-radius:8px;font-size:15px;margin:0}.choices label.selected{background:var(--ds-surface-subtle);border-color:var(--ds-border-strong)}.choices input{accent-color:var(--accent)}.completion{background:var(--ds-surface-subtle);padding:22px;text-align:center;border-radius:11px}.completion strong{font-size:32px;color:var(--ds-brand-ink)}.completion p{font-size:12px}.speech-practice{display:grid;gap:var(--ds-space-6);min-width:0;margin-top:var(--ds-space-6);padding:clamp(var(--ds-space-6),5vw,var(--ds-space-12));color:var(--ds-on-secondary);background:var(--ds-navy);border-radius:var(--ds-radius-panel);overflow:hidden}.speech-practice-header,.speech-practice-heading{display:inline-flex;align-items:center;gap:var(--ds-space-2)}.speech-practice-header{justify-content:space-between;min-width:0;color:var(--ds-on-secondary)}.speech-practice-heading{min-width:0;font-size:var(--ds-text-sm);font-weight:700;line-height:var(--ds-leading-heading)}.speech-practice-header .icon-button{flex:0 0 auto;min-width:var(--ds-control-size);min-height:var(--ds-control-size);color:var(--ds-on-secondary);background:transparent;border-color:transparent}.speech-practice-header .icon-button:hover{color:var(--ds-navy);background:var(--ds-yellow);border-color:var(--ds-yellow)}.speech-sentence{max-width:28ch;margin:0 auto;color:var(--ds-on-secondary);font:600 clamp(1.75rem,5vw,3rem)/1.35 Georgia,"Times New Roman",serif;text-align:center;overflow-wrap:anywhere}.speech-local-note,.speech-privacy-note{margin:0;color:var(--ds-on-secondary);font-size:var(--ds-text-sm);line-height:var(--ds-leading);text-align:center}.speech-privacy-note{opacity:.82}.speech-idle-state,.speech-recording-state{display:grid;justify-items:center;gap:var(--ds-space-3)}.speech-practice .speech-record-button{width:72px;height:72px;min-width:72px;min-height:72px;padding:0;border-radius:50%;box-shadow:0 0 0 8px var(--ds-surface-subtle),0 4px 0 var(--ds-primary-press)}.speech-practice .speech-record-button:disabled{box-shadow:0 0 0 8px var(--ds-surface-subtle)}.speech-action-label,.speech-busy-label{margin:0;color:var(--ds-on-secondary);font-size:var(--ds-text-sm);font-weight:700}.speech-recording-time{display:inline-flex;align-items:center;gap:var(--ds-space-2);margin:0;padding:var(--ds-space-1) var(--ds-space-3);color:var(--ds-on-danger);background:var(--ds-danger);border-radius:var(--ds-radius-pill);font-size:var(--ds-text-lg);font-variant-numeric:tabular-nums;font-weight:700}.speech-recording-time>span{width:10px;height:10px;background:var(--ds-on-danger);border-radius:50%}.speech-waveform{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-1);min-height:68px}.speech-waveform span{width:5px;height:18px;background:var(--ds-yellow);border-radius:var(--ds-radius-pill);transform-origin:center;animation:speech-wave .9s ease-in-out infinite alternate}.speech-waveform span:nth-child(3n+1){height:32px;animation-delay:-.3s}.speech-waveform span:nth-child(4n+2){height:52px;animation-delay:-.6s}.speech-waveform span:nth-child(5n){height:40px;animation-delay:-.15s}@keyframes speech-wave{to{transform:scaleY(.55)}}.speech-practice .speech-stop-button{width:64px;height:64px;min-width:64px;padding:0;border-radius:18px;box-shadow:0 0 0 8px var(--ds-danger-soft)}.speech-practice .speech-stop-button:active:not(:disabled){box-shadow:0 0 0 4px var(--ds-danger-soft);transform:translateY(2px)}.speech-compare-panel{display:grid;gap:var(--ds-space-4);padding:clamp(var(--ds-space-4),4vw,var(--ds-space-8));color:var(--ds-navy);background:var(--ds-on-secondary);border-radius:var(--ds-radius-panel)}.speech-compare-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--ds-space-4);min-width:0;padding-bottom:var(--ds-space-4);border-bottom:1px solid var(--ds-border)}.speech-compare-row>div{min-width:0}.speech-compare-row span{color:var(--ds-navy);font-size:var(--ds-text-sm);font-weight:700}.speech-compare-row p{margin:var(--ds-space-1) 0 0;color:var(--ds-navy);line-height:var(--ds-leading);overflow-wrap:anywhere}.speech-compare-row .icon-button{color:var(--ds-navy)}.speech-recording-row audio{width:min(100%,300px);min-width:0}.speech-compare-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-3)}.speech-error{margin:0;padding:var(--ds-space-3) var(--ds-space-4);color:var(--ds-danger-text);background:var(--ds-danger-soft);border-radius:var(--ds-radius-control)}.speech-clear-recording{justify-self:center;min-height:var(--ds-control-size);padding-inline:var(--ds-space-3);color:var(--ds-on-secondary);background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:.2em}.speech-clear-recording:hover{color:var(--ds-navy);background:var(--ds-yellow);border-color:var(--ds-yellow)}@media(max-width:420px){.speech-practice{padding-inline:var(--ds-space-4)}.speech-practice-heading{align-items:flex-start}.speech-compare-row{grid-template-columns:minmax(0,1fr)}.speech-recording-row audio{width:100%}.speech-compare-actions{display:grid;grid-template-columns:1fr}.speech-compare-actions .ds-button{width:100%;white-space:normal}}@media(prefers-reduced-motion:reduce){.speech-waveform span{animation:none}}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.metrics>div{display:flex;align-items:center;flex-direction:column;gap:10px;padding:12px;background:var(--ds-surface-subtle);border-radius:10px}.metrics strong{font-size:26px;color:var(--ds-text);font-weight:500}.metrics span{font-size:14px;color:var(--ds-text-muted)}.metrics.big{gap:20px;margin-bottom:26px}.metrics.big>div{padding:26px;background:var(--panel);border:1px solid var(--line)}.metrics.big strong{font-size:33px}.metrics.big svg{color:var(--ds-text-muted)}.word{padding:5px 8px;background:var(--ds-surface-subtle);border-radius:5px}.word.warning{background:var(--ds-danger-soft)}.reading-layout{grid-template-columns:1.25fr 1fr}.reading-sheet{padding:35px}.reading-sentence{font-family:Georgia,serif;font-size:33px;line-height:1.8;margin:40px 0 28px}.reading-prose{font-family:Georgia,serif;font-size:23px;line-height:2.1;margin:28px 0}.inline-word{display:inline;padding:0;border:0;border-radius:3px;background:none;font:inherit;line-height:inherit;white-space:normal}.inline-word:hover{background:var(--ds-surface-subtle)}.translation{padding:17px;background:var(--ds-surface-subtle);border-radius:9px;font-size:13px}.sentence-nav{margin-top:28px}.dots{display:flex;gap:5px}.dots button{padding:0;border:0;width:5px;height:5px;border-radius:50%;background:var(--ds-surface-subtle)}.dots button.active{background:var(--ds-secondary)}.story-card>svg{margin-top:20px;color:var(--ds-text-muted)}.story-card{background:var(--ds-surface-subtle)}.listening-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:22px}.player-shell{position:sticky;top:96px;z-index:12;align-self:start;border-radius:15px;box-shadow:var(--ds-shadow-md)}.player-shell-unavailable{position:static}.listening-mobile-header{display:none}.listening-layout.listening-reading{grid-template-columns:minmax(0,1fr);max-width:900px}.listening-layout.listening-reading .listening-exercise{border-color:var(--ds-border);background:var(--ds-yellow-soft)}.listening-layout.listening-reading .tabs{background:var(--ds-yellow-soft);border-bottom:1px solid var(--ds-border)}.listening-layout.listening-reading .tabs button.active{color:var(--ds-on-secondary);background:var(--ds-secondary);border-color:var(--ds-border)}.whole-mode-button{margin:10px 0}.video-stage{background:var(--ds-player-chrome);border-radius:15px 15px 0 0;overflow:hidden;aspect-ratio:16/9}.video-stage iframe{width:100%;height:100%;border:0}.audio-art{height:100%;background:var(--ds-surface-subtle);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;color:var(--ds-text-muted);padding:20px}.vinyl{width:115px;height:115px;background:repeating-radial-gradient(var(--ds-navy) 0,var(--ds-navy) 2px,var(--ds-navy-press) 3px,var(--ds-navy-press) 4px);border-radius:50%;display:grid;place-items:center;margin-bottom:12px}.vinyl>div{height:54px;width:54px;background:var(--ds-yellow-soft);color:var(--ds-text-muted);display:grid;place-items:center;border-radius:50%}.audio-art h2{font-family:Georgia,serif;font-weight:400;font-size:27px;margin:5px 0 0}.audio-art .eyebrow{font-size:8px}.round-play{position:absolute;bottom:22px;right:24px;border-radius:50%;padding:14px;background:color-mix(in srgb,var(--ds-surface) 67%,transparent)}.listening-demo-notice{margin:0 0 16px;padding:14px 16px}.listening-demo-notice p{margin:5px 0 10px}.listening-exercise{margin-top:22px}.listening-exercise .tabs{margin-top:0}.dictation-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:30px 0;font-family:Georgia,serif;font-size:25px;line-height:1.8}.dictation-line input{font-family:Georgia,serif;font-size:24px;border:0;border-bottom:2px solid var(--ds-border-strong);border-radius:0;background:var(--ds-surface-subtle);text-align:center;padding:4px}.transcript{padding:22px;height:fit-content;max-height:680px;overflow:auto}.transcript>button{display:flex;gap:14px;width:100%;text-align:left;padding:15px 12px;border:0;background:transparent;align-items:flex-start;margin:8px 0}.transcript>button>span{font-size:10px;color:var(--ds-text-muted);margin-top:4px}.transcript>button p{font-size:12px;line-height:1.8;margin:0}.transcript>button.active{background:var(--ds-surface-subtle)}.path-hero{background:var(--ds-surface-subtle);border:1px solid var(--ds-border);border-radius:16px;padding:33px 38px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.path-hero h2{font-size:27px;color:var(--ds-brand-ink);margin:17px 0}.path-hero p{font-size:12px}.path-emblem{border:1px solid var(--ds-border);width:150px;height:150px;border-radius:50%;display:grid;place-items:center;color:var(--ds-text-muted);background:var(--ds-surface-subtle)}.path-task{display:flex;width:100%;border:0;padding:19px 0;text-align:left;gap:15px;justify-content:space-between;background:transparent}.path-task div{flex:1}.path-task p{margin:3px 0 0;font-size:11px}.path-task strong{font-size:14px}.step-number{width:34px;height:34px;background:var(--ds-surface-subtle);border:1px solid var(--ds-border);border-radius:50%;display:grid;place-items:center;color:var(--ds-text-muted)}.day-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:25px 0}.day-grid>div{aspect-ratio:1;border:1px solid var(--ds-border);color:var(--ds-text-muted);background:var(--ds-surface-subtle);border-radius:8px;display:grid;place-items:center;font-size:12px}.day-grid>div.complete{background:var(--ds-secondary);color:#fff;border-color:var(--ds-border)}.day-grid>div.current{border:2px solid var(--ds-border-strong);background:var(--ds-surface-subtle);color:var(--ds-brand-ink)}.activity-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:25px}.weekly-chart-empty{display:grid;justify-items:start;gap:16px}.weekly-chart{list-style:none;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:var(--ds-space-2);margin:var(--ds-space-6) 0 0;padding:0}.weekly-chart li{display:grid;justify-items:center;gap:var(--ds-space-2)}.weekly-chart-bar{display:flex;align-items:flex-end;width:100%;height:96px;border-radius:var(--ds-radius-control);background:var(--ds-surface-subtle);overflow:hidden}.weekly-chart-bar i{display:block;width:100%;border-radius:var(--ds-radius-control) var(--ds-radius-control) 0 0;background:var(--ds-focus)}.weekly-chart-day{color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.heat{padding:10px 0;border-radius:6px;background:var(--ds-surface-subtle);color:var(--ds-text-muted);font-size:14px}.heat-1{background:var(--ds-success-soft)}.heat-2{background:var(--ds-level-b-soft)}.heat-3{background:var(--ds-selected);color:var(--ds-on-selected)}.heat.selected{outline:3px solid var(--ds-focus);outline-offset:2px}.bar-row{display:flex;align-items:center;gap:14px;margin:15px 0;font-size:14px;color:var(--ds-text-muted)}.bar-row>span{width:62px}.bar-row>div{background:var(--ds-surface-subtle);border-radius:5px;height:7px;flex:1;overflow:hidden}.bar-row i{display:block;height:100%;background:var(--ds-focus);border-radius:5px}.bar-row>strong{width:20px}.history{margin-top:26px}.history-row{padding:16px 5px;border-bottom:1px solid var(--line);display:flex;gap:14px;align-items:center}.history-dot{width:7px;height:7px;border-radius:50%;background:var(--ds-secondary)}.history-row>div{flex:1}.history-row strong{font-size:13px;font-weight:500}.history-row p{font-size:10px;margin:4px 0 0}.history-row>span:last-child{font-size:12px;color:var(--ds-text-muted)}.history blockquote{background:var(--ds-yellow-soft);border-radius:9px;padding:20px;font-size:13px;line-height:1.9;margin:20px 0;white-space:pre-wrap}.reward-balance{display:flex;align-items:center;gap:20px;padding:30px;border:1px solid var(--ds-border);background:var(--ds-yellow-soft);border-radius:15px;color:var(--ds-text-muted);margin-bottom:24px}.reward-balance strong{font-size:44px;font-weight:500}.reward-balance span{font-size:13px}.reward-balance button{margin-left:auto}.challenge{margin-bottom:24px}.challenge .primary{margin:25px 0 0}.challenge .completed{background:var(--ds-surface-subtle);color:var(--ds-brand-ink)}.reward-item{text-align:center}.reward-item>svg{color:var(--ds-text-muted);margin:12px auto 20px}.reward-item p{font-size:12px}.focus-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:25px}.focus-clock{min-height:500px;border-radius:18px;background:var(--ds-surface-subtle);border:1px solid var(--ds-border);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px;text-align:center;gap:25px;color:var(--ds-text-muted)}.focus-clock p{font-size:12px;margin:0}.focus-clock .eyebrow{font-size:9px;color:var(--ds-text-muted)}.clock-digits{font-family:DM Sans,sans-serif;font-size:83px;letter-spacing:-3px;color:var(--ds-brand-ink);font-weight:400;line-height:1.2}.clock-digits>span{color:var(--ds-text-muted);padding:0 6px}.focus-clock button.selected{background:var(--ds-surface-subtle);border-color:var(--ds-border-strong)}.notes .note-list{margin-top:25px;max-height:450px;overflow:auto}.note-list article{background:var(--ds-yellow-soft);border:1px solid var(--ds-border);border-radius:10px;padding:17px;margin-bottom:12px}.note-list p{color:var(--ds-text-muted);font-size:12px;white-space:pre-wrap}.note-list small{font-size:9px}.note-list .text-button{font-size:10px;color:var(--ds-text-muted)}.settings{max-width:860px;margin-bottom:25px}.room-card{background:var(--ds-surface-subtle)}.room-card>svg{color:var(--ds-text-muted)}.room-card.selected{border-color:var(--ds-border-strong);background:var(--ds-surface-subtle)}.people{display:flex;gap:30px;flex-wrap:wrap;padding:30px 0}.people>div{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:14px}.people small{font-size:10px}.room-card+.panel,.course-grid+.panel{margin-top:25px}.modal{border:1px solid var(--line);border-radius:18px;padding:28px 32px;max-width:560px;width:calc(100% - 32px);max-height:90vh;color:var(--ink);background:var(--panel);box-shadow:var(--ds-shadow-lg);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.modal.wide{max-width:760px}.modal::backdrop{background:color-mix(in srgb,var(--ds-navy) 40%,transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal>header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.modal header h2{margin:0;font-size:20px}.modal>p{font-size:13px}.import-preview{padding:0 15px;background:var(--ds-surface-subtle);border-radius:8px}.import-preview p{margin:0;font-size:12px}.mobile-primary-nav{display:none}[data-theme=dark]{background:var(--ds-bg);color:var(--ds-text)}[data-theme=dark] .topbar{background:var(--ds-navy-press)}[data-theme=dark] .brand{color:var(--ds-on-secondary)}@media(min-width:1500px){.greeting h1{font-size:29px}}@media(max-width:1200px){.main-shell{margin-left:195px}.topbar{padding:0 27px}main{padding:30px 27px 0}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ipa-grid{grid-template-columns:repeat(4,1fr)}.reading-layout{grid-template-columns:1fr}.listening-layout{grid-template-columns:minmax(0,1fr) 215px}.clock-digits{font-size:68px}.lesson-columns{gap:18px}}@media(max-width:1020px){.section-heading{align-items:flex-start;flex-direction:column}.ipa-grid{grid-template-columns:repeat(3,1fr)}.listening-layout,.focus-layout{grid-template-columns:1fr}.transcript{max-height:350px}.lesson-columns{grid-template-columns:1fr}.metrics.big{grid-template-columns:repeat(2,1fr)}.top-actions{gap:12px}.top-actions .top-chip{display:none}.breadcrumb{min-width:0;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb-parent,.search-trigger span,.path-emblem{display:none}}@media(max-width:760px){.main-shell{margin-left:0}.topbar{height:66px;padding:0 18px}.top-actions{gap:12px}.breadcrumb{font-size:14px;gap:6px}.breadcrumb>strong{max-width:85px;white-space:nowrap}.top-chip span{display:none}.search-trigger{padding:5px}.top-actions>.avatar{display:none}main{padding:20px 16px calc(86px + env(safe-area-inset-bottom))}.mobile-primary-nav{position:fixed;z-index:22;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));left:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:64px;padding:6px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:var(--ds-shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-primary-nav a{display:flex;min-width:0;min-height:52px;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:15px;color:var(--muted);font-size:10px;font-weight:700;text-decoration:none}.mobile-primary-nav a.active{color:var(--ds-on-secondary);background:var(--accent)}.mobile-primary-nav a span{overflow:hidden;width:100%;text-align:center;text-overflow:ellipsis;white-space:nowrap}main:has(.listening-layout:not([data-inactive])){padding-right:12px;padding-bottom:calc(24px + env(safe-area-inset-bottom));padding-left:12px}.main-shell:has(.listening-layout:not([data-inactive])) .mobile-primary-nav{display:none}.greeting{margin-bottom:23px}.greeting h1{font-size:22px;line-height:1.6}.greeting p{font-size:10px}.section-heading h1{font-size:24px}.section-heading p{font-size:12px}.section-heading{gap:16px}.course-grid{grid-template-columns:1fr}.filters{gap:10px}.filters .search{flex-basis:100%}.filters select{font-size:12px}.word-list article{padding:17px 13px;flex-wrap:wrap}.word-list article>.row:last-child{margin-left:auto}.word-list small{font-size:10px}.word-list h3{font-size:16px}.word-list article>.row:first-child{gap:7px}.word-list p{font-size:12px}.panel{padding:21px}.ipa-grid{gap:10px}.ipa-card{padding:14px;min-height:145px;gap:10px}.ipa-card .caption{font-size:9px}.ipa-card strong{font-size:29px}.ipa-card>svg{right:12px;bottom:14px}.progress-banner{padding:16px;gap:14px}.progress-banner>.badge{display:none}.progress-banner strong{font-size:18px}.progress-banner span{font-size:14px}.lesson-columns,.reading-layout{gap:18px}.flashcard{padding:24px;min-height:350px}.word-large{font-size:44px}.reading-sentence{font-size:28px}.reading-prose{font-size:22px}.sentence-nav{gap:8px}.sentence-nav button{font-size:11px;padding:9px}.dots{display:none}.metrics{gap:7px}.metrics>div{padding:10px 5px}.metrics strong{font-size:23px}.video-stage{aspect-ratio:4/3}.audio-art h2{font-size:25px}.audio-art .vinyl{height:100px;width:100px}.dictation-line{font-size:22px;gap:6px}.dictation-line input{font-size:22px}.listening-exercise .tabs{gap:20px}.listening-exercise .tabs button{font-size:12px}.listening-exercise .row.between{align-items:flex-start}.listening-exercise h3{font-size:15px}.path-hero{padding:26px 22px}.path-hero h2{font-size:24px}.path-hero button{font-size:11px;padding:10px 13px}.day-grid{gap:8px}.metrics.big{gap:12px}.metrics.big>div{padding:20px 12px}.history-row strong{font-size:12px}.history input{font-size:12px;width:145px}.reward-balance{padding:20px;gap:12px;flex-wrap:wrap}.reward-balance strong{font-size:35px}.reward-balance button{width:100%;margin:4px 0 0}.focus-clock{min-height:440px;padding:24px}.clock-digits{font-size:77px}.form-grid{grid-template-columns:1fr}.form-grid label{margin-bottom:5px}.modal{padding:24px 22px}.modal header h2{font-size:18px}.modal label{font-size:12px}.page-footer{font-size:12px;gap:12px}.settings p{font-size:12px}.search input{min-width:0}.topbar .row{gap:5px}.breadcrumb>svg{display:none}}.youtube-templates{margin:22px 0}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media(min-width:761px){.greeting p{font-size:12px}}@media(max-width:760px){html{-webkit-text-size-adjust:100%}body,.app-shell,.main-shell,main{min-width:0;overflow-x:clip}main{padding-inline:max(14px,env(safe-area-inset-left))}h1,h2,h3,h4,p,strong,span,a,button,label,blockquote{overflow-wrap:anywhere}button,.button{max-width:100%;white-space:normal;line-height:1.35}.row{min-width:0}.row.wrap{row-gap:8px}.section-heading{width:100%;gap:10px}.section-heading>div,.section-heading>.row{width:100%;min-width:0}.section-heading h1{font-size:clamp(24px,7.2vw,30px);line-height:1.3}.section-heading p{font-size:14px;line-height:1.7}.greeting h1{font-size:clamp(25px,7.3vw,30px);line-height:1.4}.greeting p{font-size:14px;line-height:1.7}.tabs{width:100%;gap:4px!important;padding:4px;overflow-x:auto;scrollbar-width:none}.tabs button{flex:1 0 auto;min-width:max-content;padding-inline:12px;font-size:13px!important}.filters>*,.filters .search{min-width:0;width:100%}.metrics,.metrics.big{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics>div{min-width:0}.metrics strong{font-size:clamp(21px,7vw,28px)}.history-row{align-items:flex-start;flex-wrap:wrap}.history-row strong{font-size:14px}.history input{width:100%;font-size:14px}.word-large{max-width:100%;font-size:clamp(34px,11vw,48px);overflow-wrap:anywhere}.reading-sentence{font-size:clamp(22px,7vw,29px);line-height:1.55}.reading-prose{font-size:clamp(18px,5.5vw,23px);line-height:1.7}.clock-digits{font-size:clamp(48px,18vw,76px);white-space:nowrap}.modal{overflow-x:hidden;overflow-y:auto}.modal header{align-items:flex-start;gap:12px}.modal header h2{min-width:0;font-size:20px;line-height:1.4}.modal label{font-size:14px}.modal input,.modal textarea,.modal select{width:100%;font-size:16px}.page-footer{font-size:12px;flex-wrap:wrap}.youtube-video-meta,.youtube-video-meta strong{min-width:0}.youtube-video-meta strong{display:block;font-size:16px;overflow-wrap:anywhere}.mobile-primary-nav a span{font-size:10px;line-height:1.25}}@media(max-width:360px){main{padding-inline:12px}.topbar{padding-inline:10px}.top-actions{gap:2px}.top-actions button{width:40px;height:40px}.mobile-primary-nav{left:6px;right:6px}.mobile-primary-nav a span{font-size:9px}}@media(max-width:760px){.skip-link{left:16px}.listening-desktop-heading,.listening-demo-notice{display:none}.listening-mobile-header{display:flex;align-items:center;gap:6px;min-height:44px;margin:-8px 0 8px}.listening-mobile-header .text-button{flex:0 0 auto;min-height:44px;padding-inline:0}.listening-mobile-header .listening-mobile-title{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.listening-mobile-header>button:last-child{min-height:44px;padding:8px 10px}.greeting p{font-size:11px}}.whole-sentence{padding:20px 0;border-bottom:1px solid var(--ds-border)}.whole-sentence textarea{width:100%;margin:12px 0;font-size:16px;line-height:1.6;resize:vertical}.brand{font-size:24px!important;letter-spacing:-1px!important}@media(max-width:760px){html{scroll-padding-top:78px}body{overflow-x:hidden}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--ds-surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}main{width:100%;padding:20px 16px calc(28px + env(safe-area-inset-bottom))}.section-heading{align-items:stretch;gap:14px;margin-bottom:20px}.section-heading>div{min-width:0}.section-heading h1{font-size:22px;line-height:1.45;overflow-wrap:anywhere}.section-heading>button,.section-heading>.button{width:100%;min-height:44px}.listening-layout{gap:16px}.player-shell{position:sticky;top:66px;margin-inline:-2px;box-shadow:var(--ds-shadow-md)}.player-shell-unavailable{position:static}.player-shell-unavailable .video-stage{aspect-ratio:auto;min-height:0}.listening-layout>div:first-child{min-width:0}.video-stage{height:clamp(200px,56.25vw,300px);aspect-ratio:auto;border-radius:14px 14px 0 0}.video-stage.video-stage-audio{height:auto;aspect-ratio:auto}.player-fallback{text-align:center}.player-fallback h3{font-size:17px}.player-fallback p{font-size:12px}.player-fallback .row{align-items:stretch;flex-direction:column;gap:8px}.player-fallback .row>.button,.player-fallback .row>button{width:100%;min-height:44px}.listening-exercise{margin-top:16px;padding:18px 16px}.listening-exercise>.tabs{margin:-18px -16px 18px;padding:0 16px;gap:12px;scrollbar-width:none;overscroll-behavior-x:contain}.listening-exercise>.tabs::-webkit-scrollbar{display:none}.listening-exercise>.tabs button{min-height:46px;padding:11px 2px;font-size:13px}.listening-exercise .row.between{gap:10px}.dictation-line{font-size:21px;gap:6px}.dictation-line input{font-size:20px}.transcript{max-height:none;padding:16px}.transcript>button{min-height:58px;margin:4px 0;padding:13px 10px}.transcript>button p{font-size:13px}.lyrics-scroll{max-height:none;overflow:visible;margin:14px -4px 0;padding-bottom:calc(28px + env(safe-area-inset-bottom));overscroll-behavior-y:contain}.lyric-cue{padding:18px 12px;scroll-margin-top:132px}.lyric-text{font-size:1.18rem;line-height:1.9}.interactive-lyrics>.row{align-items:stretch}.interactive-lyrics>.row .check-label{flex:1 1 auto;min-height:44px;margin:0}.interactive-lyrics>.row>button{min-height:44px}.lyrics-word-detail{left:0;right:0;bottom:0;width:auto;max-height:min(72dvh,620px);padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.listening-demo-notice{font-size:13px}.audio-art{min-height:112px;height:auto;padding:14px 62px 14px 14px;align-items:flex-start}.audio-art .vinyl{display:none}.audio-art h2{font-size:18px;margin:2px 0 0}.audio-art .round-play{right:16px;bottom:50%;transform:translateY(50%);padding:11px}.lyrics-word-detail>.row{align-items:stretch;flex-direction:column}.lyrics-word-detail>.row>button,.lyrics-word-detail>.row>.button,.lyrics-word-detail>.primary{width:100%;min-height:44px}.youtube-import>form>.primary,.youtube-import .row.wrap>.primary{width:100%;min-height:44px}.youtube-import ol{align-items:flex-start;gap:6px!important;margin:14px 0;padding-left:20px!important}.youtube-import ol li{flex:1 1 100%}.youtube-import .row.between>button{flex:1 1 0;min-height:44px}.modal,.modal.wide{width:100%;max-width:none;max-height:calc(100dvh - 12px);margin:12px 0 0;padding:20px 16px calc(22px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.modal>header{position:sticky;top:-20px;z-index:1;padding-bottom:8px;background:var(--panel)}.page-footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}.youtube-import{max-width:760px;margin:0 auto}.youtube-history{margin-bottom:22px;color:var(--muted)}.youtube-history summary{cursor:pointer;padding:11px 0;font-size:12px;font-weight:600;letter-spacing:.2px}.youtube-history-list{display:grid;gap:7px;max-height:240px;overflow:auto;margin-top:10px}.youtube-history-list button{justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:2px;width:100%;text-align:left;background:transparent}.youtube-history-list small{font-size:11px}.youtube-url-stage{padding:clamp(24px,7vw,56px) clamp(18px,6vw,60px);border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--ds-surface) 0%,var(--ds-surface-subtle) 100%);text-align:center;box-shadow:var(--shadow)}.youtube-url-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 15px;border-radius:15px;color:var(--green);background:var(--ds-surface-subtle)}.youtube-url-stage h3{margin-bottom:6px;font-size:21px}.youtube-url-stage>p{max-width:430px;margin:0 auto 22px}.youtube-url-stage form{max-width:530px;margin:0 auto;text-align:left}.youtube-url-stage form .primary{width:100%;min-height:48px}.youtube-link-preview{display:flex;align-items:center;gap:12px;max-width:530px;margin:18px auto 0;text-align:left}.youtube-link-preview img{width:92px;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px}.youtube-link-preview div{display:grid;gap:3px}.youtube-link-preview strong{font-size:12px;color:var(--green)}.youtube-link-preview span{font-size:11px;color:var(--muted)}.youtube-video-card{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:18px;align-items:center;padding:14px;margin:20px 0;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.youtube-thumbnail{position:relative;overflow:hidden;border-radius:10px;background:var(--ds-surface-subtle);aspect-ratio:16 / 9}.youtube-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.youtube-status{position:absolute;left:8px;bottom:8px;padding:4px 7px;border-radius:5px;color:var(--ds-on-secondary);background:color-mix(in srgb,var(--ds-navy) 85%,transparent);font-size:10px;font-weight:600}.youtube-status.ready{background:color-mix(in srgb,var(--ds-secondary) 87%,transparent)}.youtube-status.failed{background:color-mix(in srgb,var(--ds-danger) 87%,transparent)}.youtube-video-meta{display:grid;gap:5px}.youtube-video-meta strong{font-size:17px;line-height:1.45}@media(max-width:619px){.youtube-video-card{grid-template-columns:112px 1fr;gap:12px}.youtube-video-meta strong{font-size:14px}}@media(max-width:760px)and (orientation:landscape){.video-stage{height:min(42vh,220px)}}@media(max-width:760px){main:has(.listening-layout:not([data-inactive])),.listening-reading .listening-exercise,.listening-reading .interactive-lyrics{background:var(--bg)}main:has(.listening-layout:not([data-inactive])) .listening-mobile-header .listening-mobile-title,.immersive-title strong{display:-webkit-box;overflow:hidden;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.immersive-title{align-items:flex-start}.lyric-copy,.lyric-copy p{min-width:0;max-width:100%}.lyric-copy .lyric-text{overflow-wrap:anywhere;word-break:normal}}:root{--wp-blue: var(--ds-navy);--wp-blue-2: var(--ds-secondary);--wp-blue-3: var(--ds-text);--wp-yellow: var(--ds-yellow);--wp-yellow-soft: var(--ds-yellow);--wp-sky: var(--ds-surface-subtle);--green: var(--wp-blue-2);--green-light: var(--wp-sky);--accent: var(--wp-blue-2)}html{background:var(--bg)}body{color:var(--ink);background:var(--bg)}h1,h2,h3,h4,strong{color:var(--ink)}p,small,.caption{color:var(--muted)}a{color:var(--wp-blue-3)}button,.button,input,textarea,select{border-color:var(--line);border-radius:14px}button,.button{min-height:44px;font-weight:650}button:hover,.button:hover{background:var(--wp-sky);border-color:var(--ds-border-strong)}.primary,form>.primary{color:var(--wp-blue);background:var(--wp-yellow);border-color:var(--wp-yellow);box-shadow:0 8px 20px color-mix(in srgb,var(--ds-yellow) 20%,transparent)}.primary:hover,form>.primary:hover{color:var(--ds-on-primary);background:var(--ds-primary-hover);border-color:var(--ds-primary-hover)}button:focus-visible,a:focus-visible{outline-color:var(--wp-yellow)}input:focus,textarea:focus,select:focus{outline-color:var(--ds-focus)}.panel{border-color:var(--line);border-radius:22px;box-shadow:var(--shadow)}.badge{color:var(--ds-text-muted);background:var(--wp-sky);border-color:var(--ds-border);border-radius:999px}.eyebrow{color:var(--wp-blue-3);font-weight:750}progress::-webkit-progress-value{background:var(--wp-yellow)}.brand,.brand:hover{color:var(--ds-on-secondary)}.brand small{color:var(--ds-on-inverse-muted)}.avatar{color:var(--wp-blue);background:var(--wp-yellow)}.main-shell{background:var(--bg)}.topbar{background:color-mix(in srgb,var(--ds-surface) 94%,transparent);border-bottom-color:var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.breadcrumb-parent{color:var(--ds-text-muted)}.top-chip{color:var(--wp-blue);background:var(--wp-yellow-soft);border-color:var(--ds-border)}.search-trigger{background:var(--ds-surface);color:var(--ds-text-muted)}.page-footer{border-color:var(--line)}.page-footer span:first-child{color:var(--ds-text);font-weight:750}.greeting h1{color:var(--wp-blue)}.tabs{background:var(--ds-surface-subtle);border-color:var(--ds-border);border-radius:16px}.tabs button.active{color:var(--ds-text);background:var(--ds-surface);border-color:var(--ds-border);box-shadow:var(--ds-shadow)}.callout{color:var(--ink);background:var(--wp-sky);border-color:var(--ds-border);border-radius:16px}.english-example{color:var(--ds-text);border-left-color:var(--wp-yellow);background:var(--ds-yellow-soft)}.community-word{color:var(--wp-blue);background:var(--wp-yellow-soft);border-color:var(--ds-border)}.community-reacted{color:var(--wp-blue)!important;background:var(--wp-yellow)!important;border-color:var(--wp-yellow)!important}@media(max-width:760px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.topbar{min-height:58px;padding:8px 14px}.topbar .breadcrumb-parent,.topbar .breadcrumb svg{display:none}.breadcrumb strong{font-size:15px;color:var(--ds-text)}.top-actions .search-trigger span,.top-actions .top-chip span{display:none}.top-actions{gap:5px}.top-actions button{width:42px;height:42px;min-height:42px;padding:8px;border-radius:14px}main{width:100%;padding:18px 14px 30px}h1{font-size:1.875rem;line-height:1.3;letter-spacing:0}h2{font-size:20px;line-height:1.45}p{font-size:15px;line-height:1.75}.panel{padding:18px;border-radius:20px}.greeting{display:block;margin-bottom:18px}.greeting h1{margin-bottom:8px;font-size:28px;line-height:1.35}.greeting p{margin-bottom:0}.mobile-primary-nav{z-index:80;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;min-height:62px;padding:6px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:color-mix(in srgb,var(--ds-navy) 97%,transparent);border:1px solid color-mix(in srgb,var(--ds-on-secondary) 12%,transparent);border-radius:22px;box-shadow:var(--ds-shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-primary-nav a{min-height:50px;gap:3px;color:var(--ds-on-inverse-muted);border-radius:16px}.mobile-primary-nav a.active{color:var(--wp-blue);background:var(--wp-yellow)}.mobile-primary-nav a span{font-size:10px;font-weight:700}.page-footer{margin-bottom:48px}}@media(min-width:761px){.main-shell{margin-left:264px}main{max-width:1360px}}@media(max-height:500px)and (orientation:landscape){main:has(.listening-layout:not([data-inactive])){padding:14px 20px 24px}main:has(.listening-layout:not([data-inactive]))>.section-heading{display:none}.listening-layout,.listening-layout.listening-reading{grid-template-columns:minmax(0,1fr);max-width:900px}.listening-layout.listening-reading>div:first-child{display:grid;grid-template-columns:minmax(200px,42%) minmax(0,1fr);gap:16px;align-items:start}.player-shell{position:sticky;top:66px}.video-stage{height:min(42vh,220px);aspect-ratio:auto}.listening-exercise{margin-top:14px;min-width:0}.listening-layout.listening-reading .listening-exercise{margin-top:0;max-height:calc(100vh - 82px);overflow-y:auto}.listening-layout.listening-reading .lyrics-scroll{max-height:calc(100vh - 118px);overflow-y:auto;margin-top:6px}}@media(max-width:760px)and (max-height:600px)and (orientation:portrait){main:has(.listening-layout:not([data-inactive]))>.section-heading{gap:6px;margin-bottom:10px}main:has(.listening-layout:not([data-inactive]))>.section-heading h1{font-size:19px;line-height:1.35}main:has(.listening-layout:not([data-inactive]))>.section-heading p{line-height:1.5;margin-bottom:8px}.video-stage{min-height:200px}}@media(max-height:600px){.listening-reading .video-stage:has(iframe){min-height:200px}}.lyrics-options{margin:0 0 8px}.lyrics-options>summary{min-height:44px;padding:10px 4px;cursor:pointer}.lyrics-options[open]>.lyrics-toolbar{margin-top:8px}@media(max-width:760px)and (orientation:portrait){main:has(.listening-layout:not([data-inactive]))>.section-heading{gap:5px;margin-bottom:8px}main:has(.listening-layout:not([data-inactive]))>.section-heading .eyebrow{display:none}main:has(.listening-layout:not([data-inactive]))>.section-heading h1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;font-size:clamp(18px,5.4vw,22px);line-height:1.35}main:has(.listening-layout:not([data-inactive]))>.section-heading p{overflow:hidden;margin:0;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.listening-reading>div:first-child{display:flex;flex-direction:column;height:calc(100dvh - 88px);min-height:470px;gap:0}.listening-reading .player-shell{position:static;align-self:stretch;width:100%;flex:0 0 auto;margin-bottom:0}.listening-reading .player-shell-unavailable .video-stage{height:auto;min-height:0;aspect-ratio:auto;padding:12px}.listening-reading .player-fallback h3{margin:0 0 4px}.listening-reading .player-fallback p:not(.caption){margin:0 0 7px;line-height:1.45}.listening-reading .player-fallback .caption,.listening-reading .player-fallback details{display:none}.listening-reading .listening-exercise{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;margin-top:0;overflow:hidden}.listening-reading .listening-exercise>.tabs{flex:0 0 auto}.listening-reading .interactive-lyrics{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.listening-reading .lyrics-options{flex:0 0 auto}.listening-reading .lyrics-options[open]{max-height:150px;overflow-y:auto}.listening-reading .lyrics-scroll{min-height:0;max-height:none;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}}@media(max-width:760px)and (max-height:600px)and (orientation:portrait){main:has(.listening-layout:not([data-inactive]))>.section-heading{gap:4px;margin-bottom:6px}main:has(.listening-layout:not([data-inactive]))>.section-heading h1{font-size:20px;line-height:1.35;margin-bottom:2px}main:has(.listening-layout:not([data-inactive]))>.section-heading p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.45;margin-bottom:4px}main:has(.listening-layout:not([data-inactive]))>.row[style*=margin-bottom]{margin-bottom:6px!important}.listening-reading .lyric-cue{padding:6px 4px}.listening-reading .lyric-copy .lyric-text{font-size:18px;line-height:1.55;text-align:left}.listening-reading .lyric-copy .lyric-translation{font-size:14px;line-height:1.55}.listening-reading .player-shell-unavailable .video-stage{height:auto;min-height:0;aspect-ratio:auto;padding:10px}.listening-reading .player-fallback h3{margin:0 0 4px}.listening-reading .player-fallback p:not(.caption){margin:0 0 7px;line-height:1.45}.listening-reading .player-fallback .caption,.listening-reading .player-fallback details{display:none}}@media(max-width:760px)and (orientation:portrait){.listening-reading .listening-exercise{padding:0 10px 4px}.listening-reading .listening-exercise>.tabs{margin:0 -10px}.listening-reading .lyrics-options{margin:0}.listening-reading .lyrics-scroll{margin:0;padding:0 0 8px}}@media(min-width:361px)and (max-width:760px)and (orientation:portrait){.listening-reading .lyric-copy .lyric-text{font-size:18px;line-height:1.55}.listening-reading .lyric-copy .lyric-translation{font-size:14px;line-height:1.55}}.immersive-title{display:none}@media(max-width:760px){.main-shell:has(.listening-layout:not([data-inactive])) .topbar,.main-shell:has(.listening-layout:not([data-inactive])) .page-footer{display:none}main:has(.listening-layout:not([data-inactive])){padding-inline:0;background:var(--ds-surface)}main:has(.listening-layout:not([data-inactive])) .listening-desktop-heading,main:has(.listening-layout:not([data-inactive])) .listening-demo-notice{display:none}main:has(.listening-layout:not([data-inactive])) .listening-mobile-header{display:flex;align-items:center;min-height:52px;padding:4px 12px;color:var(--ds-on-secondary);background:var(--ds-player-chrome);border:0;gap:8px}main:has(.listening-layout:not([data-inactive])) .listening-mobile-header>button{color:var(--ds-on-secondary);background:transparent;border-color:transparent;box-shadow:none;min-height:44px}main:has(.listening-layout:not([data-inactive])) .listening-mobile-header .winningplus-mark{width:26px;height:26px;object-fit:contain;flex:0 0 auto}main:has(.listening-layout:not([data-inactive])) .listening-mobile-header .listening-mobile-title{font-size:15px}.listening-layout.listening-reading{display:block;max-width:none;margin:0}.listening-layout.listening-reading>div:first-child{display:block;height:auto;min-height:0}.listening-reading .player-shell{position:static;margin:0;border:0;border-radius:0;background:var(--ds-player-chrome);box-shadow:none}.listening-reading .video-stage{height:auto;min-height:0;aspect-ratio:16 / 9;border-radius:0;background:var(--ds-navy-press)}.listening-reading .video-stage iframe{display:block;width:100%;height:100%;min-height:0}.immersive-title{display:flex;align-items:baseline;gap:7px;padding:12px 16px 8px;color:var(--ds-on-secondary);background:var(--ds-player-chrome)}.immersive-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1.35}.immersive-title span{flex:0 0 auto;color:var(--ds-on-inverse-muted);font-size:12px}.listening-reading .listening-exercise{margin:0;padding:0 14px 12px;max-height:none;overflow:visible;border:0;border-radius:0;background:var(--ds-surface)}.listening-reading .listening-exercise>.tabs{margin:0 -14px;padding:6px 12px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;background:var(--ds-player-chrome);border:0;border-radius:0}.listening-reading .listening-exercise>.tabs button{min-height:44px;padding:8px 4px;color:var(--ds-on-inverse-muted);background:transparent;border:1px solid transparent;border-radius:22px;font-size:13px}.listening-reading .listening-exercise>.tabs button.active{color:var(--ds-yellow);background:transparent;border-color:transparent;border-bottom-color:var(--ds-yellow);border-radius:0}.listening-reading .whole-mode-button{display:none}.listening-reading .interactive-lyrics{background:var(--ds-surface)}.listening-reading .lyrics-scroll{margin:0;padding:10px 0 28px;max-height:none;overflow:visible}.listening-reading .player-shell-unavailable{background:var(--ds-player-chrome)}.listening-reading .player-shell-unavailable .video-stage{padding:20px 16px;color:var(--ds-on-secondary);background:var(--ds-player-chrome)}.listening-reading .player-shell-unavailable .player-fallback h3{color:var(--ds-yellow)}.listening-reading .player-shell-unavailable .player-fallback p{color:var(--ds-on-inverse-muted)}.listening-reading .player-shell-unavailable .player-fallback .button.primary{color:var(--ds-navy);background:var(--ds-yellow);border-color:var(--ds-yellow)}.listening-reading .player-shell-unavailable .player-fallback button{color:var(--ds-on-secondary);background:transparent;border-color:var(--ds-border-strong)}.listening-reading .player-shell-unavailable .player-fallback button.player-fallback-practice{color:var(--ds-navy);background:var(--ds-yellow);border-color:var(--ds-yellow)}}@media(max-width:360px){.immersive-title{padding-top:8px;padding-bottom:5px}.immersive-title strong{font-size:18px}.listening-reading .listening-exercise>.tabs button{font-size:12px}}@media(max-width:760px)and (orientation:landscape){.listening-reading .video-stage{max-height:52vh}.listening-reading .player-shell{display:grid;grid-template-columns:minmax(200px,42%) minmax(0,1fr)}.immersive-title{grid-column:1 / -1}.listening-reading .listening-exercise{max-height:none}}.youtube-import{margin-top:1rem}.translation-action{padding:.6rem 1rem}.listening-exercise .tabs{position:sticky;top:0;background:var(--surface, white);z-index:2}@media(max-width:640px){.lyric-text{font-size:1.15rem;line-height:1.75}.lyric-translation{font-size:1rem;line-height:1.65}.translation-action button{min-height:44px}.youtube-import details{margin:1rem 0}}:root{--bg: var(--ds-bg);--line: var(--ds-border);--muted: var(--ds-text-muted);--shadow: var(--ds-shadow)}button,.button{border-radius:10px;font-weight:600}.primary,form>.primary{box-shadow:none}input,textarea,select{border-radius:10px}.panel{border-radius:16px}.section-heading{margin-bottom:22px;gap:16px}.section-heading h1{letter-spacing:-.025em;line-height:1.35}.section-heading p{font-size:14px;line-height:1.65}.eyebrow{letter-spacing:.1em}.tabs{border-radius:12px}.tabs button.active{box-shadow:var(--ds-shadow-sm)}.community-card{padding:22px}.community-card h2{font-size:20px;line-height:1.4;margin-top:16px}.community-card blockquote{border-left-color:var(--wp-yellow);background:var(--ds-yellow-soft);color:var(--ds-text);border-radius:0 8px 8px 0;font-size:18px;line-height:1.65}.community-word{background:var(--wp-sky);border-color:transparent;border-radius:8px;font-size:14px}.community-actions{padding-top:16px;border-top:1px solid var(--line);gap:8px}.modal{border-radius:18px}.modal>header{position:sticky;top:0;z-index:5;background:var(--panel);padding-block:10px;border-bottom:1px solid var(--line)}.share-learning-panel>h3{font-size:20px;line-height:1.45}.share-learning-panel>p{line-height:1.65}.share-learning-panel>label:not(.check-label){display:grid;gap:8px;margin-block:18px;font-size:14px;font-weight:600}.share-learning-panel textarea{min-height:112px;line-height:1.6;resize:vertical}.share-learning-panel input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;margin:0;accent-color:var(--wp-blue-3)}.share-learning-panel .check-label{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:44px;line-height:1.5}.share-learning-panel article[aria-label=學習分享內容]{box-shadow:none;border:1px solid var(--line);border-top:3px solid var(--wp-yellow);padding:20px}.share-learning-panel article .callout{min-width:0!important;flex:1 1 130px;padding:12px;border-radius:10px}.share-learning-panel article .callout p{margin-bottom:0}@media(max-width:760px){.topbar{min-height:60px}main{padding-inline:16px}.section-heading h1,.community-page>h1,.my-shares-page>h1{font-size:25px}.section-heading{margin-bottom:20px}.mobile-primary-nav{border-radius:18px;box-shadow:var(--ds-shadow)}.mobile-primary-nav a{border-radius:12px}.page-footer{margin-top:28px;padding-bottom:24px}.community-grid{gap:16px;margin-top:20px}.community-card{padding:18px}.modal{max-height:calc(100dvh - 24px)}.share-learning-panel input:not([type=checkbox]),.share-learning-panel textarea,.share-learning-panel select{font-size:16px}main:has(.listening-layout:not([data-inactive])) .listening-mobile-header .listening-mobile-title{color:var(--ds-on-secondary);font-size:14px;line-height:1.4}.immersive-title strong{color:var(--ds-on-secondary);font-size:16px}.listening-reading .listening-exercise>.tabs{width:auto}.listening-reading .lyric-copy .lyric-text{font-size:20px;line-height:1.65}.listening-reading .lyric-copy .lyric-translation{font-size:16px;line-height:1.6}}@media(prefers-reduced-motion:reduce){button,.button{transition:none}}.lyric-cue.is-neighbor{opacity:1}.interactive-lyrics .lyric-copy .lyric-text,.interactive-lyrics .lyric-cue.is-focused .lyric-copy .lyric-text{font-size:var(--reader-font-size, 20px);line-height:1.65}.lyric-cue.is-current{background:var(--ds-surface-subtle);border-left-color:var(--ds-focus)}.lyric-cue.is-focused .lyric-token.is-active,.lyric-cue.is-focused .lyric-token.is-active:first-of-type{background:transparent;border-color:transparent}.lyric-cue .lyric-token.is-collected{background:var(--ds-success-soft);color:var(--ds-success)}.lyric-cue .lyric-token.is-selected{background:var(--ds-level-b-soft);color:var(--ds-level-b-text);border-color:var(--ds-focus)}@media(max-width:760px)and (orientation:portrait){.listening-layout.listening-reading .player-shell{position:sticky;top:0;z-index:10}.listening-reading .lyrics-scroll{overflow:auto;max-height:55dvh;overscroll-behavior:contain}.listening-reading .lyrics-word-detail{max-height:55dvh;background:var(--ds-surface)}.lyrics-detail-header{background:var(--ds-surface);flex-wrap:wrap}.lyrics-word-detail input,.listening-reading .lyric-copy .lyric-translation{font-size:16px}}.video-library-search{display:grid;gap:8px;margin:18px 0;max-width:560px;font-size:14px}.video-library-search input{width:100%;min-height:44px;font-size:16px}.reader-source-label{padding:8px 16px;margin:0;font-size:12px;background:var(--ds-surface-subtle)}@media(max-width:760px){.topbar{min-height:52px;padding:6px 14px}main{padding:16px 14px 20px}main h1,.section-heading h1,.community-page>h1,.my-shares-page>h1{font-size:22px;line-height:1.35;margin-block:4px 8px}main h2,.community-card h2{font-size:18px;line-height:1.4}.section-heading{gap:10px;margin-bottom:16px}.section-heading p{font-size:13px}.panel{padding:16px;border-radius:12px}button,.button{padding:8px 12px;font-size:13px;min-height:44px}.tabs{margin:14px 0 16px;gap:8px;border-radius:10px}.tabs button{padding:8px}.course-grid{gap:12px}.youtube-templates{margin:16px 0}.video-library-search{margin:12px 0}.mobile-primary-nav{padding:5px;border-radius:14px}.mobile-primary-nav a{min-height:48px;padding:4px 6px;gap:3px;font-size:11px}.mobile-primary-nav a svg{width:20px;height:20px}.community-card{padding:16px}.community-card blockquote{font-size:16px;padding:10px 12px;margin-block:12px}.community-actions{margin-top:12px;padding-top:12px}.modal>header h2{font-size:18px}.share-learning-panel>h3{font-size:18px;margin-bottom:8px}.share-learning-panel>label:not(.check-label){margin-block:12px;gap:6px}.share-learning-panel textarea{min-height:88px}.share-learning-panel article[aria-label=學習分享內容]{padding:14px}main:has(.listening-layout:not([data-inactive])) .listening-mobile-header{min-height:48px;padding:2px 10px;gap:6px}main:has(.listening-layout:not([data-inactive])) .listening-mobile-header .winningplus-mark{width:20px;height:20px}.immersive-title{padding:6px 12px}.immersive-title strong{font-size:14px}.reader-source-label{padding:5px 12px;font-size:11px;line-height:1.4}.listening-reading .listening-exercise>.tabs{padding-top:0;margin-bottom:0}.listening-reading .lyric-cue,.listening-reading .lyric-cue.is-focused{padding:8px 2px;gap:6px;grid-template-columns:42px minmax(0,1fr)}.interactive-lyrics .lyric-copy .lyric-text,.interactive-lyrics .lyric-cue.is-focused .lyric-copy .lyric-text{font-size:calc(var(--reader-font-size, 20px) - 2px);line-height:1.55;margin-bottom:4px}.listening-reading .lyric-copy .lyric-translation{font-size:14px;line-height:1.55}.listening-reading .player-shell-unavailable .video-stage{aspect-ratio:auto;padding:12px}.player-fallback h3{font-size:16px;margin-bottom:6px}.player-fallback p{font-size:13px;margin-bottom:10px}}@media(max-width:760px){.community-actions button,.community-actions .button,.share-learning-panel button,.share-learning-panel .button{padding:6px 10px;font-size:12px;border-radius:8px}}.playback-check{max-width:640px;margin:12px auto}.youtube-player-host{width:100%;height:100%}.youtube-player-host iframe{display:block;width:100%;height:100%;border:0}.playback-check iframe{width:100%;aspect-ratio:16 / 9;min-height:200px;border:0;border-radius:10px}.playback-check label{display:flex;align-items:center;gap:8px;font-size:13px}.playback-check input[type=checkbox]{width:20px;height:20px;flex:0 0 20px}.playback-check small{display:block;margin-top:10px;color:var(--muted)}.listening-desktop-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:14px}.lesson-heading-copy{min-width:0}.lesson-heading-copy h1{margin:0;overflow:hidden;color:var(--wp-blue-3);font-size:clamp(20px,2vw,27px);line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.lesson-heading-copy p{margin:3px 0 0;font-size:12px;line-height:1.45}.lesson-workspace{display:block;max-width:none}.lesson-workspace{--lesson-ink: var(--ds-text);--lesson-secondary: var(--ds-text-muted);font-weight:400}.lesson-columns{display:block;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-areas:"player task" "meta task" "progress task";align-items:start;gap:12px 20px}.lesson-columns>.player-shell{grid-area:player}.lesson-columns>.immersive-title,.lesson-columns>.translation-action,.lesson-columns>.reader-source-label{grid-area:meta}.lesson-columns>.reader-source-label{display:none}.lesson-columns>.listening-exercise{--lesson-mode-tabs-height: 56px;grid-area:task;min-width:0;max-height:calc(100dvh - 112px);margin:0;padding:0 14px 14px;overflow:auto}.lesson-workspace .transcript,.lesson-progress-card{display:none}.lesson-task-body{min-width:0;padding-top:12px}.lesson-mode-watch .lesson-task-body{padding-top:0}.lesson-mode-watch .lesson-columns>.listening-exercise{display:flex;flex-direction:column;height:calc(100dvh - 112px);overflow:hidden}.lesson-mode-watch .lesson-task-body,.lesson-mode-watch .reader-screen,.lesson-mode-watch .phase4-captions,.lesson-mode-watch .interactive-lyrics{display:flex;flex-direction:column;flex:1;min-height:0}.lesson-mode-watch .ds-mode-tabs,.lesson-mode-watch .phase4-segmented,.lesson-mode-watch .reader-toolbar{flex-shrink:0}.lesson-mode-watch .reader-toolbar{position:relative;top:auto}.lesson-workspace .listening-exercise>.ds-mode-tabs{position:sticky;top:0;z-index:5;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:var(--ds-space-1)}.lesson-workspace .listening-exercise>.ds-mode-tabs button{min-width:0;min-height:44px;font-size:13px}.reader-toolbar{position:relative;z-index:4;display:flex;align-items:center;gap:12px;height:52px;flex-shrink:0;padding:4px 0;background:var(--ds-surface)}.reader-position{margin-left:auto;min-width:36px;color:var(--ds-text-muted);font-size:13px;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}.reader-toolbar>.reader-focus-toggle,.reader-toolbar .lyrics-options>summary{display:grid;place-items:center;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:0;border-radius:8px;color:var(--ds-text);background:transparent;box-shadow:none}.reader-toolbar>.reader-focus-toggle[aria-pressed=true]{background:var(--ds-selected);color:var(--ds-on-selected)}.reader-toolbar .lyrics-menu-actions{display:grid;gap:2px;margin-top:4px}.reader-toolbar .lyrics-menu-actions>button,.reader-toolbar .lyrics-toolbar>button{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-height:44px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--ds-text);font:inherit;font-size:14px;text-align:left;box-shadow:none}.reader-toolbar .lyrics-menu-actions>button:hover,.reader-toolbar .lyrics-toolbar>button:hover:not(:disabled){background:var(--ds-surface-subtle)}.reader-toolbar .lyrics-menu-actions>button[aria-pressed=true],.reader-toolbar .lyrics-toolbar>button[aria-pressed=true]{background:var(--ds-selected);color:var(--ds-on-selected)}.reader-toolbar .caption-display{flex-wrap:nowrap;gap:0}.reader-toolbar .caption-display button{min-width:44px;width:44px;min-height:32px;height:32px;padding:0;font-size:13px;border:0;border-radius:4px}.reader-toolbar .lyrics-options{position:static;flex:0 0 44px;margin:0;border:0}.reader-toolbar .lyrics-options>summary{width:44px;height:44px;min-height:44px;list-style:none;cursor:pointer}.reader-toolbar .lyrics-options>summary::-webkit-details-marker{display:none}.reader-toolbar .lyrics-options[open]{position:absolute;top:0;right:0;z-index:8;width:min(280px,calc(100vw - 24px));max-height:min(50dvh,280px);padding:8px 12px;overflow:auto;border:1px solid var(--ds-border);border-radius:8px;background:var(--ds-surface);box-shadow:var(--ds-shadow)}.reader-toolbar .lyrics-options[open]>summary{margin-left:auto}.reader-toolbar .lyrics-toolbar{margin-top:2px;gap:2px}.reader-toolbar .lyrics-options select{min-height:44px;font-size:16px;padding:4px 8px}.reader-size-control{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:8px;font-size:13px}.lyrics-viewport{position:relative;display:flex;flex:1;min-height:0}.lesson-workspace .reader-follow{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;gap:8px;height:36px;min-height:44px;padding:0 12px;border-radius:8px;background:var(--ds-selected);color:var(--ds-on-selected);font-size:13px;box-shadow:var(--ds-shadow);z-index:2}.lesson-workspace .lyrics-viewport:has(.reader-follow) .lyrics-scroll{padding-bottom:56px}.lesson-workspace .interactive-lyrics .lyrics-scroll{flex:1;min-height:0;max-height:none;margin:0;padding:4px 0 0;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none}.lesson-workspace .lyric-cue,.lesson-workspace .lyric-cue.is-focused{grid-template-columns:44px minmax(0,1fr) 88px;gap:4px;padding:8px 0;min-height:64px;border-left-width:2px;border-radius:7px}.lesson-workspace .lyric-time{width:44px;height:44px;min-height:44px;min-width:44px;padding:0;align-self:start;margin-top:4px;color:var(--lesson-secondary);font-size:11px;font-weight:400}.lesson-workspace .lyric-token,.lesson-workspace .lyric-token:disabled{display:inline;min-width:0;min-height:0;height:auto;padding:0;border:0;border-radius:3px;font:inherit;line-height:inherit;opacity:1;background:transparent}.lesson-workspace .lyric-token.is-collected{background:var(--ds-success-soft);color:var(--ds-success)}.lesson-workspace .lyric-token.is-selected{background:var(--ds-level-b-soft);color:var(--ds-level-b-text);outline:2px solid var(--ds-focus);outline-offset:1px}.lesson-workspace .lyric-token:focus-visible{outline:2px solid var(--ds-focus);outline-offset:2px}.lesson-workspace .interactive-lyrics .lyric-copy .lyric-text,.lesson-workspace .interactive-lyrics .lyric-cue.is-focused .lyric-copy .lyric-text{margin:0;font-size:var(--reader-font-size, 18px);font-weight:400;line-height:1.5;color:var(--lesson-ink);text-align:left;letter-spacing:0;word-spacing:normal}.lesson-workspace .lyric-copy .lyric-translation{margin:0;color:var(--lesson-secondary);font-size:15px;font-weight:400;line-height:1.5}.lesson-workspace .lyric-cue.is-neighbor{opacity:1}.lesson-workspace .lyric-cue.is-current{border-left-color:transparent;background:var(--ds-yellow-soft)}.lesson-workspace .lyric-cue.is-current .lyric-copy .lyric-text{font-weight:600}.lesson-workspace .lyric-cue.is-sung .lyric-copy .lyric-text,.lesson-workspace .lyric-cue.is-sung .lyric-copy .lyric-translation{color:var(--ds-text-muted)}.lesson-workspace .lyric-copy .lyric-translation{margin-top:2px}@media(prefers-reduced-motion:no-preference){.lesson-workspace .lyric-cue{transition:background-color var(--ds-motion-fast) var(--ds-ease-out)}.lesson-workspace .lyric-copy .lyric-text{transition:color var(--ds-motion-fast) var(--ds-ease-out)}}.lesson-workspace .player-shell-unavailable .video-stage{height:auto;min-height:0;padding:13px 14px;color:var(--ds-on-inverse);background:var(--ds-surface-inverse)}.lesson-workspace .player-fallback h3{margin:0 0 3px;color:var(--wp-yellow);font-size:15px}.lesson-workspace .player-fallback>p{margin:0 0 8px;color:var(--ds-on-inverse);font-size:12px;line-height:1.4}.lesson-workspace .player-fallback-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.lesson-workspace .player-fallback-actions>*{width:100%;min-height:44px;padding:6px 9px}.lesson-workspace .player-fallback>input{width:100%;min-width:0;margin-top:var(--ds-space-2)}.lesson-workspace .player-fallback .button.primary{color:var(--ds-on-selected);background:var(--ds-selected);border-color:var(--ds-selected)}.lesson-workspace .player-fallback>details{margin-top:6px;color:var(--ds-on-inverse);font-size:11px}.lesson-workspace .player-fallback-more>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.lesson-workspace .player-fallback-more>:is(.button,button){margin:4px 8px 4px 0}.lesson-workspace .player-fallback details p{color:var(--ds-on-inverse)}.lesson-workspace .player-fallback button,.lesson-workspace .player-fallback button:hover,.lesson-workspace .player-fallback .button:not(.primary){color:var(--ds-on-inverse);background:var(--ds-surface-inverse);border-color:var(--ds-on-inverse)}.dictation-heading{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:8px;align-items:end}.sentence-picker{display:grid;gap:4px;margin:0;color:var(--muted);font-size:12px;font-weight:400}.sentence-picker select,.dictation-heading>select{width:100%;min-height:44px;padding:6px 8px}.lesson-workspace .dictation-line{display:block;margin:12px 0 16px;color:var(--lesson-ink);font-family:inherit;font-size:17px;font-weight:400;line-height:2.25}.lesson-workspace .dictation-line input{display:inline-block;min-width:44px;max-width:calc(100% - 8px);min-height:44px;height:44px;margin:0 1px;padding:2px 4px;vertical-align:baseline;color:var(--lesson-ink);background:var(--ds-surface-subtle);border:2px solid var(--ds-control-border);border-radius:6px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.4}.lesson-workspace .dictation-line input:focus-visible{outline:2px solid var(--ds-focus);outline-offset:2px}.lesson-mode-dictation .lesson-task-body>p{font-size:13px;font-weight:400;line-height:1.6}.lesson-mode-dictation .lesson-task-body button{min-height:44px;font-size:13px;font-weight:500}.lesson-mode-dictation form>.primary{padding:7px 12px}.lesson-mode-dictation form>.primary:disabled{color:var(--ds-text-muted);background:var(--ds-yellow-soft);border-color:transparent;opacity:1}.lesson-mode-dictation .sentence-nav{justify-content:space-between;margin-top:12px}.lesson-mode-dictation .sentence-nav button{min-height:44px;padding:6px 10px}.song-words-head{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3);margin-bottom:var(--ds-space-2)}.song-words-head h3{margin:0;color:var(--ds-text);font-size:var(--ds-text-lg);line-height:var(--ds-leading-heading)}.song-words-head p{margin:2px 0 0;color:var(--ds-text-muted);font-size:var(--ds-text-sm);font-variant-numeric:tabular-nums}.song-words-list{margin:0;padding:0;list-style:none}.song-words-list>li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) 0;border-top:1px solid var(--ds-border-soft)}.song-words-copy{display:grid;gap:var(--ds-space-1);min-width:0}.song-words-term{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--ds-space-3);margin:0}.song-words-term strong{color:var(--ds-text);font-family:var(--ds-font-lyric);font-size:1.375rem;font-weight:400;line-height:1.2;overflow-wrap:anywhere}.song-words-term span{color:var(--ds-text);font-size:var(--ds-text-sm);font-weight:700}.song-words-line{margin:0;color:var(--ds-text-muted);font-size:var(--ds-text-sm);line-height:var(--ds-leading);overflow-wrap:anywhere}.song-words-line mark{padding:0 2px;border-radius:3px;background:var(--ds-yellow-soft);color:var(--ds-text);font-weight:700}.song-words-actions{display:flex;align-items:center;gap:var(--ds-space-1)}.song-words-list>li[data-saved] .song-words-actions .ds-button:last-child{color:var(--ds-success)}.song-words-note{margin:0;color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.song-words .ds-notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ds-space-2);margin-top:var(--ds-space-3)}.song-words-source{margin:var(--ds-space-3) 0 0;padding-top:var(--ds-space-3);border-top:1px solid var(--ds-border-soft);color:var(--ds-text-muted);font-size:var(--ds-text-xs);line-height:var(--ds-leading)}.lyrics-word-detail{width:min(400px,calc(100vw - 24px));max-height:min(58dvh,520px);padding:12px;border-radius:15px;background:var(--ds-surface)}.lyrics-detail-header{top:-12px;padding:var(--ds-space-2) 0;background:var(--ds-surface)}.lyrics-word-detail>.lyrics-detail-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--ds-space-2);align-items:center}.lyrics-detail-header h3{margin:0;color:var(--ds-text);font-size:var(--ds-text-lg);line-height:var(--ds-leading-heading)}.word-audio-note{margin:0 0 var(--ds-space-3);color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.word-form-note{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:var(--ds-space-1);margin:calc(var(--ds-space-1) * -1) 0 var(--ds-space-3);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-control);background:var(--ds-surface-subtle);color:var(--ds-text);font-size:var(--ds-text-sm)}.word-meaning-section{padding:var(--ds-space-3);border-radius:var(--ds-radius-control);background:var(--ds-surface-subtle)}.word-meaning-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--ds-space-2)}.word-meaning-row .word-existing-meaning{flex:1 1 180px;min-width:0}.word-meaning-row p{margin:0;padding-block:var(--ds-space-2);font-size:var(--ds-text-base);color:var(--ds-text)}.word-meaning-row button{flex-shrink:0;padding-inline:var(--ds-space-2)}.word-meaning-editor{display:grid;gap:var(--ds-space-2);margin-top:var(--ds-space-3);font-size:var(--ds-text-sm)}.word-meaning-editor input{min-height:var(--ds-control-size);font-size:var(--ds-text-base);padding:var(--ds-space-2)}.word-context{padding-block:var(--ds-space-2)}.word-context-label{margin:0;color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.word-context .word-source-line{margin:var(--ds-space-2) 0;padding:0;border:0;font-size:var(--ds-text-base);line-height:var(--ds-leading)}.word-quick-actions{display:flex;gap:var(--ds-space-2)}.word-quick-actions button{min-height:var(--ds-control-size)}.word-dictionary-more,.word-secondary-tools{margin-block:var(--ds-space-2)}.word-dictionary-more>summary,.word-secondary-tools>summary{min-height:var(--ds-control-size);align-content:center;padding-block:var(--ds-space-2);font-size:var(--ds-text-sm);color:var(--ds-text);cursor:pointer}.word-secondary-tools{border-top:1px solid var(--ds-border)}.word-secondary-tools>div{display:grid;gap:var(--ds-space-2)}.word-secondary-tools a{display:inline-flex;align-items:center;min-height:var(--ds-control-size);color:var(--ds-text);font-size:var(--ds-text-sm);text-decoration:underline}.dictionary-entry{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.dictionary-compact .caption{margin-bottom:6px}.dictionary-compact .callout{margin-top:8px!important;padding:9px}.dictionary-compact .callout p{margin-bottom:6px;line-height:1.5}.dictionary-compact button{min-height:44px;padding:5px 8px}.word-detail-submit{position:sticky;bottom:-12px;display:grid;grid-template-columns:.8fr 1.2fr;gap:7px;margin:10px -12px -12px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--ds-surface)}.word-detail-submit>*{min-height:44px;padding:6px 9px}.share-learning-panel>label:not(.check-label){gap:5px;margin-block:10px}.share-learning-panel textarea{min-height:78px}@media(min-width:1020px){.listening-layout.listening-reading.lesson-workspace{max-width:none}.lesson-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto auto minmax(0,1fr);gap:0 var(--ds-space-6)}.lesson-columns>:is(.translation-action,.lesson-progress-card){margin-top:var(--ds-space-4)}.lesson-columns>.listening-exercise{max-height:max(420px,calc(100dvh - 212px));overscroll-behavior:contain}.lesson-mode-watch .lesson-columns>.listening-exercise{height:max(420px,calc(100dvh - 212px))}.lesson-columns>.lesson-progress-card{display:grid;grid-area:progress;gap:var(--ds-space-3);padding:var(--ds-space-4);border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-panel);background:var(--ds-surface-raised);color:var(--ds-text);box-shadow:var(--ds-shadow-sm)}.lesson-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ds-space-3)}.lesson-progress-head h2{margin:0;font-size:var(--ds-text-base)}.lesson-progress-head span{color:var(--ds-text-muted);font-size:var(--ds-text-sm);font-variant-numeric:tabular-nums}.lesson-progress-bar{height:6px;border-radius:var(--ds-radius-pill);background:var(--ds-surface-subtle);overflow:hidden}.lesson-progress-bar i{display:block;height:100%;border-radius:inherit;background:var(--ds-yellow);transition:width var(--ds-motion-smooth) var(--ds-ease-out)}.lesson-progress-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ds-space-3);margin:0}.lesson-progress-stats>div{padding:var(--ds-space-3);border-radius:var(--ds-radius-control);background:var(--ds-surface-subtle)}.lesson-progress-stats dt{color:var(--ds-text-muted);font-size:var(--ds-text-xs)}.lesson-progress-stats dd{margin:var(--ds-space-1) 0 0;font-size:var(--ds-text-title);font-weight:750;font-variant-numeric:tabular-nums}.lesson-shortcuts h3{margin:0 0 var(--ds-space-2);color:var(--ds-text-muted);font-size:var(--ds-text-xs);font-weight:600}.lesson-shortcuts ul{display:flex;flex-wrap:wrap;gap:var(--ds-space-2) var(--ds-space-4);margin:0;padding:0;list-style:none;color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.lesson-shortcuts li{display:inline-flex;align-items:center;gap:var(--ds-space-1)}.lesson-shortcuts kbd{min-width:24px;padding:2px var(--ds-space-1);border:1px solid var(--ds-border-soft);border-bottom-width:2px;border-radius:6px;background:var(--ds-surface-floating);color:var(--ds-text);font-family:inherit;font-size:var(--ds-text-xs);font-weight:600;line-height:1.4;text-align:center}.listening-layout.lesson-workspace .listening-exercise{background:var(--ds-surface);border-color:var(--ds-border)}.lesson-workspace .listening-exercise>.ds-mode-tabs{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-space-1)}.lesson-workspace .listening-exercise>.ds-mode-tabs button{padding-inline:var(--ds-space-1);white-space:nowrap}}@media(min-width:1280px){.lesson-columns{grid-template-columns:minmax(0,1.2fr) minmax(400px,1fr)}.lesson-workspace .listening-exercise>.ds-mode-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1019px){.lesson-columns{display:block}.lesson-columns>.listening-exercise{max-height:none}.lesson-workspace .lyrics-scroll{max-height:none}}@media(max-width:760px){body:has(.lesson-workspace:not([data-inactive])){padding-bottom:0}main:has(.lesson-workspace:not([data-inactive])){display:flex;flex-direction:column;height:100dvh;min-height:0;padding:env(safe-area-inset-top) 0 0;overflow:hidden}main:has(.lesson-workspace:not([data-inactive])) .listening-mobile-header{flex-shrink:0;min-height:44px;margin:0;padding:2px 8px}main:has(.lesson-workspace:not([data-inactive])) .listening-mobile-header>button{min-width:44px;min-height:44px;padding:5px}main:has(.lesson-workspace:not([data-inactive])) .listening-mobile-header .winningplus-mark{width:18px;height:18px}main:has(.lesson-workspace:not([data-inactive])) .listening-mobile-header .listening-mobile-title{display:block;font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listening-layout.lesson-workspace{flex:1;min-height:0}.listening-layout.listening-reading.lesson-workspace>.lesson-columns{display:flex;flex-direction:column;height:100%;min-height:0}.listening-layout.lesson-workspace .player-shell{position:relative;top:auto;z-index:1;flex-shrink:0;width:100%;margin:0;border-radius:0}.lesson-workspace .video-stage{width:100%;height:auto;min-height:200px;aspect-ratio:16 / 9;border-radius:0}.lesson-workspace .player-shell-unavailable .video-stage{aspect-ratio:auto;min-height:0;padding:10px 12px}.lesson-workspace .player-fallback>.player-fallback-more{display:block}.lesson-workspace .player-fallback>.playback-diagnostics{display:none}.lesson-workspace .player-fallback-actions>*{min-height:44px}.lesson-workspace .player-fallback-actions{grid-template-columns:minmax(0,1fr)}.listening-layout.lesson-workspace .lesson-columns>.listening-exercise{flex:1;min-height:0;width:100%;margin:0;padding:0 12px env(safe-area-inset-bottom);overflow:auto;overscroll-behavior:contain;border:0;border-radius:0;background:var(--ds-surface)}.listening-layout.lesson-mode-watch .lesson-columns>.listening-exercise{height:auto;overflow:hidden}.lesson-columns>.immersive-title,.lesson-columns>.reader-source-label{display:none}.lesson-workspace .listening-exercise>.ds-mode-tabs{height:44px;min-height:44px;gap:var(--ds-space-1);margin:0;padding:0;border:0}.lesson-workspace .listening-exercise>.ds-mode-tabs button{height:44px;min-height:44px;padding:0;font-size:13px}.lesson-workspace .reader-toolbar{height:40px;min-height:40px;gap:12px;padding:0}.lesson-workspace .reader-toolbar>.caption-display,.lesson-workspace .reader-toolbar>.reader-focus-toggle,.lesson-workspace .reader-toolbar>.lyrics-options:not([open]){transform:translateY(2px)}.lesson-task-body{padding-top:10px}.lesson-mode-watch .lesson-task-body{padding-top:0}.lesson-workspace .interactive-lyrics .lyric-copy .lyric-text,.lesson-workspace .interactive-lyrics .lyric-cue.is-focused .lyric-copy .lyric-text{font-size:var(--reader-font-size, 17px);line-height:1.5}.lyrics-word-detail{left:8px;right:8px;bottom:8px;width:auto;max-height:min(54dvh,470px);padding:12px;border-radius:16px}.modal.wide{width:calc(100% - 16px);padding:12px;border-radius:15px}.modal>header{margin-bottom:10px;padding-block:4px 8px}.modal>header h2{font-size:17px}}@media(max-width:380px){.lesson-workspace .player-fallback h3{font-size:14px}.lesson-workspace .player-fallback>p{display:none}.dictation-heading{grid-template-columns:minmax(0,1fr) 82px}}@media(max-width:760px)and (max-height:680px){main:has(.lesson-workspace:not(.lesson-mode-watch):not([data-inactive])){height:auto;min-height:100dvh;overflow:visible}.listening-layout.lesson-workspace:not(.lesson-mode-watch){flex:none}.listening-layout.lesson-workspace:not(.lesson-mode-watch)>.lesson-columns{height:auto}.listening-layout.lesson-workspace:not(.lesson-mode-watch) .lesson-columns>.listening-exercise{flex:none;min-height:320px;max-height:none;overflow:visible;overscroll-behavior:auto;padding-bottom:var(--ds-space-6)}.lesson-workspace:not(.lesson-mode-watch) .practice-steps{grid-template-columns:repeat(5,minmax(0,1fr));padding-inline:0}.lesson-workspace:not(.lesson-mode-watch) .listening-exercise>.ds-mode-tabs{position:static}}.practice-recorded,.practice-rehearsal{margin-bottom:var(--ds-space-3);padding:var(--ds-space-3);border:1px solid var(--ds-border);border-radius:var(--ds-radius-control);background:var(--ds-surface-subtle)}.practice-recorded p,.practice-rehearsal p{margin:0 0 var(--ds-space-2);color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.practice-rehearsal p{margin-bottom:0}.lesson-workspace .lyrics-viewport:has(.tap-word-coachmark) .lyrics-scroll{padding-bottom:72px}.lesson-workspace .lyrics-viewport:has(.tap-word-coachmark):has(.reader-follow) .lyrics-scroll{padding-bottom:124px}.listening-range-done{display:grid;gap:var(--ds-space-2)}.listening-range-done p{margin:0}@media(prefers-reduced-motion:reduce){.lesson-progress-bar i{transition:none}}@media(max-width:760px){.lesson-workspace[data-immersed] .listening-exercise>.ds-mode-tabs{display:none}}.player-buffering{display:flex;align-items:center;gap:var(--ds-space-2);margin:var(--ds-space-2) 0 0;color:var(--ds-text-muted);font-size:13px}.player-buffering-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:currentColor;animation:player-buffering 1.2s var(--ds-ease-out) infinite}@keyframes player-buffering{50%{opacity:.25}}@media(max-width:760px){.listening-reading .player-shell>.player-buffering{margin:0;padding:var(--ds-space-1) var(--ds-space-3);color:var(--ds-on-secondary)}}@media(prefers-reduced-motion:reduce){.player-buffering-dot{animation:none}}.lyrics-word-detail .lyrics-detail-header h3{margin:0;font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.01em}.lyrics-word-detail .word-audio-note{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--ds-space-2);color:var(--ds-text-muted);font-size:12px}.lyrics-word-detail .word-ipa{color:var(--ds-text);font-size:15px}.lyrics-word-detail .word-existing-meaning{color:var(--ds-text);font-size:18px;font-weight:700}.lyrics-word-detail .word-source-line mark{padding:0 2px;border-radius:4px;background:var(--ds-yellow-soft);color:inherit;font-weight:600}:root{--ds-navy: #061a48;--ds-navy-press: #020d26;--ds-yellow: #ffca05;--ds-yellow-press: #cc9f00;--ds-navy-tint: #eef1f9;--ds-bg: #f4f6fb;--ds-surface: #ffffff;--ds-surface-subtle: #eef1f9;--ds-canvas: #f7f8fc;--ds-surface-raised: #fbfcff;--ds-surface-floating: #ffffff;--ds-border-soft: #e7eaf1;--ds-border-strong: #b8c0cf;--ds-edge-highlight: #ffffff;--ds-text: #10233f;--ds-text-muted: #5b6478;--ds-border: #e3e6ee;--ds-primary: #ffca05;--ds-primary-hover: #ffca05;--ds-primary-press: #cc9f00;--ds-on-primary: #061a48;--ds-secondary: #061a48;--ds-secondary-hover: #061a48;--ds-secondary-press: #020d26;--ds-on-secondary: #ffffff;--ds-surface-inverse: #061a48;--ds-on-inverse: #ffffff;--ds-on-inverse-muted: #bec8da;--ds-control-border: #646d7c;--ds-tertiary: #eef1f9;--ds-tertiary-hover: #eef1f9;--ds-tertiary-press: #e3e6ee;--ds-on-tertiary: #5b6478;--ds-ghost: #061a48;--ds-selected: #061a48;--ds-on-selected: #ffffff;--ds-brand-ink: var(--ds-navy);--ds-nav-active-bg: var(--ds-selected);--ds-nav-active-text: var(--ds-on-selected);--ds-feature-surface: var(--ds-selected);--ds-on-feature: var(--ds-on-selected);--ds-feature-accent: var(--ds-on-selected);--ds-speaking: #ffca05;--ds-on-speaking: #061a48;--ds-focus: #3169bb;--ds-danger: #b14438;--ds-danger-hover: #b14438;--ds-danger-press: #7f2d25;--ds-on-danger: #ffffff;--ds-danger-text: #b14438;--ds-danger-soft: #fff0ee;--ds-success: #216444;--ds-success-soft: #edf7f0;--ds-font: "DM Sans", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif;--ds-font-lyric: "Instrument Serif", Georgia, "Times New Roman", serif;--ds-mood-love: #c93d57;--ds-mood-breakup: #33407a;--ds-mood-uplifting: #e89a00;--ds-mood-happy: #23875a;--ds-mood-party: #6a3fcf;--ds-mood-chill: #177486;--ds-mood-ink: #ffffff;--ds-text-sm: .875rem;--ds-text-base: 1rem;--ds-text-lg: clamp(1.0625rem, calc(1.02rem + .22vw) , 1.25rem);--ds-text-title: clamp(1.375rem, calc(1.18rem + .85vw) , 1.875rem);--ds-leading: 1.6;--ds-leading-heading: 1.35;--ds-space-1: 4px;--ds-space-2: 8px;--ds-space-3: 12px;--ds-space-4: 16px;--ds-space-6: 24px;--ds-space-8: 32px;--ds-space-12: 48px;--ds-radius-control: 12px;--ds-radius-panel: 16px;--ds-radius-cover: 8px;--ds-radius-pill: 999px;--ds-control-size: 44px;--ds-shadow: 0 2px 8px #061a480d;--ds-shadow-sm: 0 1px 3px #061a480f;--ds-shadow-md: 0 4px 16px #061a481a;--ds-shadow-lg: 0 8px 32px #061a4824;--ds-shadow-raised: 0 10px 28px #061a4810, 0 2px 6px #061a480a;--ds-shadow-floating: 0 16px 38px #061a481a, 0 3px 10px #061a4810;--ds-glass-surface: #f4f6fbeb;--ds-glass-border: #ffffff;--ds-glass-highlight: #ffffffb3;--ds-glass-shadow: 0 8px 28px #061a4814, 0 1px 3px #061a4810;--ds-control-highlight: #ffffff26;--ds-frost-surface: var(--ds-surface-floating);--ds-frost-filter: none;--ds-panel-heading: linear-gradient(120deg, var(--ds-surface-floating), var(--ds-surface-raised));--ds-workspace-background: linear-gradient(180deg, var(--ds-canvas), var(--ds-bg));--ds-text-xs: .75rem;--ds-text-display: clamp(2rem, calc(1.45rem + 2.3vw) , 3.25rem);--ds-leading-tight: 1.18;--ds-tracking-display: -.015em;--ds-radius-card: 20px;--ds-cover-fill: linear-gradient(140deg, var(--ds-navy) 0%, #0f4f5a 100%);--ds-on-cover: #ffffff;--ds-ambient: linear-gradient(transparent, transparent);--ds-stage-background: var(--ds-canvas);--ds-glass-blur: blur(12px) saturate(135%);--ds-text-subtle: #646d7c;--ds-yellow-soft: #fff4cc;--ds-level-a-soft: #e8f5ee;--ds-level-a-text: #216444;--ds-level-b-soft: #e9f0fb;--ds-level-b-text: #2d5a9e;--ds-level-c-soft: #f0ecf9;--ds-level-c-text: #5b4b9e;--ds-motion-fast: .15s;--ds-motion-smooth: .28s;--ds-motion-exit: .16s;--ds-ease-out: cubic-bezier(.22, 1, .36, 1);--ds-shell-bg: #081c34;--ds-shell-hover: #14263e;--ds-shell-selected: #294969;--ds-shell-text: #f4f6fb;--ds-shell-muted: #bec8da;--ds-shell-border: #334660;--ds-shell-focus: #a9d7ff;--ds-shell-width: 268px;--ds-shell-compact-width: 76px;--ds-player-chrome: var(--ds-navy);--ds-feature-bg: #041528;--ds-feature-scrim: linear-gradient(90deg, #041528bb 0%, #04152888 24%, #04152808 60%, #04152800 100%);--ds-feature-scrim-mobile: linear-gradient(0deg, #041528 0%, #041528e6 22%, #04152826 52%, #04152800 76%);--ds-feature-control: #071329cc;--ds-tour-scrim: #061a48b8;--ds-tour-glow: #f5c84c;--ds-feature-shadow: 0 16px 40px #020d2629;--ds-feature-title: clamp(2.125rem, calc(1.55rem + 2.4vw) , 4rem);--ds-feature-radius: 24px;--ds-artwork-a-bg: #d2f4df;--ds-artwork-a-text: #102c27;--ds-artwork-b-bg: #dbe9ff;--ds-artwork-b-text: #17365e;--ds-layout-content: 1120px;--ds-layout-reading: 760px;--ds-page-gutter: 32px;--ds-page-gutter-mobile: 16px}[data-theme=dark]{--ds-bg: #0e1116;--ds-surface: #161b23;--ds-surface-subtle: #1d232d;--ds-canvas: #0e1116;--ds-surface-raised: #181e27;--ds-surface-floating: #222935;--ds-border-soft: #2a313c;--ds-border-strong: #5b6576;--ds-edge-highlight: #2e3643;--ds-text: #eef1f6;--ds-text-muted: #aeb6c3;--ds-border: #555f6f;--ds-ghost: #eef1f6;--ds-focus: #8db4ff;--ds-danger-text: #ffb4aa;--ds-danger-soft: #3d1d1a;--ds-selected: #d8e4f2;--ds-on-selected: #061a48;--ds-brand-ink: var(--ds-yellow);--ds-secondary: #4a78ad;--ds-secondary-hover: #406c9f;--ds-secondary-press: #365f8f;--ds-tertiary: #222935;--ds-tertiary-hover: #2b3341;--ds-tertiary-press: #1b2029;--ds-on-tertiary: #eef1f6;--ds-nav-active-bg: #1e2b47;--ds-nav-active-text: var(--ds-yellow);--ds-feature-surface: #17223b;--ds-on-feature: var(--ds-text);--ds-feature-accent: var(--ds-yellow);--ds-speaking: #ffca05;--ds-on-speaking: #061a48;--ds-success: #9fe0b8;--ds-success-soft: #13291d;--ds-shadow: 0 2px 8px #00000038;--ds-shadow-sm: 0 1px 3px #0000002e;--ds-shadow-md: 0 4px 16px #00000047;--ds-shadow-lg: 0 8px 32px #00000059;--ds-shadow-raised: 0 10px 24px #00000038, inset 0 1px 0 #ffffff0d;--ds-shadow-floating: 0 18px 42px #00000052, inset 0 1px 0 #ffffff14;--ds-glass-surface: #1b2029eb;--ds-glass-border: #ffffff29;--ds-glass-highlight: #ffffff14;--ds-glass-shadow: 0 8px 28px #00000038, 0 1px 3px #00000029;--ds-control-highlight: #ffffff1a;--ds-text-subtle: #939cab;--ds-control-border: #939cab;--ds-yellow-soft: #3a2d10;--ds-level-a-soft: #15291d;--ds-level-a-text: #9fe0b8;--ds-level-b-soft: #1a2640;--ds-level-b-text: #a9c6f0;--ds-level-c-soft: #26213f;--ds-level-c-text: #c4b5f0;--ds-panel-heading: linear-gradient(120deg, var(--ds-surface-floating), var(--ds-surface-raised));--ds-ambient: radial-gradient(45% 35% at 92% 0%, #ffca050d, transparent 72%);--ds-workspace-background: var(--ds-ambient), linear-gradient(180deg, var(--ds-canvas), var(--ds-bg));--ds-stage-background: var(--ds-ambient), var(--ds-canvas);--ds-shell-bg: #0b0e13;--ds-shell-hover: #1b2029;--ds-shell-selected: #243452;--ds-shell-border: #2a313c;--ds-feature-bg: #0e1116;--ds-feature-scrim: linear-gradient(90deg, #0e1116bb 0%, #0e111688 24%, #0e111608 60%, #0e111600 100%);--ds-feature-scrim-mobile: linear-gradient(0deg, #0e1116 0%, #0e1116e6 22%, #0e111626 52%, #0e111600 76%);--ds-player-chrome: #090b0f;--ds-tour-scrim: #000000c7}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root{--ds-frost-surface: var(--ds-glass-surface);--ds-frost-filter: var(--ds-glass-blur)}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active){:root{--ds-frost-surface: var(--ds-surface-floating);--ds-frost-filter: none;--ds-workspace-background: var(--ds-canvas);--ds-panel-heading: var(--ds-surface-raised)}}.ds-hit-44{position:relative}.ds-hit-44:before{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.ds-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--ds-control-size);min-width:var(--ds-control-size);gap:var(--ds-space-2);padding:11px 20px;border:1px solid var(--ds-border-soft);border-radius:14px;font:600 var(--ds-text-base)/1.35 var(--ds-font);text-decoration:none;box-shadow:inset 0 1px 0 var(--ds-control-highlight),var(--ds-shadow-sm);transition:background-color var(--ds-motion-fast),border-color var(--ds-motion-fast),box-shadow var(--ds-motion-fast),transform var(--ds-motion-fast)}.ds-button--large{padding:15px 26px;border-radius:16px}.ds-button--default{padding:11px 20px;border-radius:14px}.ds-button--compact{padding:7px 14px;border-radius:10px}.ds-button--primary{color:var(--ds-on-primary);background:var(--ds-primary);border-color:var(--ds-primary)}.ds-button--primary:hover{color:var(--ds-on-primary);background:var(--ds-primary-hover);border-color:var(--ds-primary-hover)}.ds-button--secondary{color:var(--ds-on-secondary);background:var(--ds-secondary);border-color:var(--ds-secondary)}.ds-button--secondary:hover{color:var(--ds-on-secondary);background:var(--ds-secondary-hover);border-color:var(--ds-secondary-hover)}.ds-button--tertiary{color:var(--ds-on-tertiary);background:var(--ds-tertiary);border-color:var(--ds-tertiary)}.ds-button--tertiary:hover{color:var(--ds-on-tertiary);background:var(--ds-tertiary-hover);border-color:var(--ds-tertiary-hover)}.ds-button--ghost{box-shadow:none;color:var(--ds-ghost);background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:.2em}.ds-button--ghost:hover{color:var(--ds-ghost);background:var(--ds-surface-subtle);border-color:transparent}.ds-button--danger{color:var(--ds-on-danger);background:var(--ds-danger);border-color:var(--ds-danger)}.ds-button--danger:hover{color:var(--ds-on-danger);background:var(--ds-danger-hover);border-color:var(--ds-danger-hover)}.ds-button:active:not(:disabled){box-shadow:none}.ds-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.ds-button--primary:disabled:not([aria-busy=true]){opacity:1;color:var(--ds-text-subtle);background:var(--ds-tertiary);border-color:var(--ds-tertiary)}.ds-button:focus-visible,.ds-filter-chip:focus-visible,.ds-mode-tabs button:focus-visible{outline:3px solid var(--ds-focus);outline-offset:3px}.ds-button>svg,.ds-mode-tabs svg{flex-shrink:0;stroke-width:1.8}.ds-icon-button{height:var(--ds-control-size);border-radius:var(--ds-radius-pill);width:var(--ds-control-size);min-width:var(--ds-control-size);padding:var(--ds-space-2);color:var(--ds-text);background:var(--ds-surface-floating);border-color:var(--ds-border-soft);box-shadow:inset 0 1px 0 var(--ds-edge-highlight),var(--ds-shadow-sm);text-decoration:none}.ds-icon-button:hover:not(:disabled){color:var(--ds-text);background:var(--ds-surface-raised);border-color:var(--ds-border-strong)}.ds-icon-button.ds-button--danger{color:var(--ds-danger-text)}.ds-spinner{animation:ds-spin 1s linear infinite}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-choice-chips{display:flex;flex-wrap:wrap;gap:var(--ds-space-2)}.ds-filter-chip{min-height:var(--ds-control-size);min-width:var(--ds-control-size);padding:var(--ds-space-2) var(--ds-space-3);gap:var(--ds-space-1);border-radius:var(--ds-radius-pill);color:var(--ds-text);background:var(--ds-surface-subtle);border:1px solid transparent;font-size:var(--ds-text-sm);white-space:nowrap}.ds-filter-chip:is([aria-pressed=true],[aria-checked=true]){color:var(--ds-on-selected);background:var(--ds-selected);border-color:var(--ds-selected)}.ds-filter-chip:hover{background:var(--ds-surface-subtle);border-color:var(--ds-border)}.ds-filter-chip:is([aria-pressed=true],[aria-checked=true]):hover{background:var(--ds-selected);border-color:var(--ds-selected)}.ds-field{display:grid;gap:var(--ds-space-2);margin-block:var(--ds-space-4)}.ds-field label{margin:0;font-size:var(--ds-text-sm);color:var(--ds-text)}.ds-field input,.ds-field select{width:100%;min-height:var(--ds-control-size);padding:var(--ds-space-3);border-radius:var(--ds-radius-control);background:var(--ds-surface-floating);color:var(--ds-text);border:1px solid var(--ds-control-border);box-shadow:inset 0 1px 0 var(--ds-edge-highlight);font-size:var(--ds-text-base)}.ds-field input:focus,.ds-field select:focus{outline:2px solid var(--ds-focus);outline-offset:2px}.ds-field input[aria-invalid=true],.ds-field select[aria-invalid=true]{border-color:var(--ds-danger-text)}.ds-field-error{color:var(--ds-danger-text)}.ds-field-hint{color:var(--ds-text-muted)}.ds-field-error,.ds-field-hint{font-size:var(--ds-text-sm);line-height:var(--ds-leading)}.ds-filter-chip,.ds-field :is(input,select){transition:background-color var(--ds-motion-fast),border-color var(--ds-motion-fast),box-shadow var(--ds-motion-fast)}.ds-notice{padding:var(--ds-space-3) var(--ds-space-4);margin-block:var(--ds-space-4);border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-control);box-shadow:var(--ds-shadow-sm);font-size:var(--ds-text-sm);line-height:var(--ds-leading);color:var(--ds-text);background:var(--ds-surface-raised);overflow-wrap:anywhere}.ds-notice--error{color:var(--ds-danger-text);background:var(--ds-danger-soft)}.ds-notice--success{color:var(--ds-success);background:var(--ds-success-soft)}.ds-tag{display:inline-flex;align-items:center;padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-radius-control);color:var(--ds-text);background:var(--ds-surface-subtle);font-size:var(--ds-text-sm);font-weight:600;line-height:1.4}.ds-mode-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--ds-space-1);padding:var(--ds-space-1);background:var(--ds-surface-raised);border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-pill);box-shadow:inset 0 1px 0 var(--ds-glass-highlight),var(--ds-shadow-sm)}.ds-mode-tabs button{display:flex;align-items:center;justify-content:center;gap:var(--ds-space-2);min-width:0;min-height:var(--ds-control-size);padding:var(--ds-space-2);border:1px solid transparent;border-radius:var(--ds-radius-pill);background:transparent;color:var(--ds-text-muted);box-shadow:none;font-size:var(--ds-text-sm);font-weight:600;transition:background-color var(--ds-motion-fast),color var(--ds-motion-fast),box-shadow var(--ds-motion-fast)}.ds-tab-icon{display:inline-flex}.ds-mode-tabs button[aria-selected=true]{color:var(--ds-nav-active-text);background:var(--ds-nav-active-bg);font-weight:700;box-shadow:inset 0 1px 0 var(--ds-control-highlight),var(--ds-shadow-sm)}.ds-mode-tabs button:hover:not([aria-selected=true]){background:var(--ds-surface-floating);color:var(--ds-text)}.ds-mode-tabs--sliding{position:relative;isolation:isolate}.ds-mode-tabs--sliding button{position:relative;z-index:1}.ds-tab-indicator{position:absolute;top:0;left:0;pointer-events:none;border-radius:var(--ds-radius-pill);background:var(--ds-nav-active-bg);box-shadow:inset 0 1px 0 var(--ds-control-highlight),var(--ds-shadow-sm);transition:transform var(--ds-motion-smooth) var(--ds-ease-out),width var(--ds-motion-smooth) var(--ds-ease-out)}.ds-mode-tabs--sliding[data-indicator-ready=true] button[aria-selected=true]{background:transparent;box-shadow:none}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.ds-mode-tabs{background:var(--ds-glass-surface);-webkit-backdrop-filter:var(--ds-glass-blur);backdrop-filter:var(--ds-glass-blur)}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active){.ds-mode-tabs{background:var(--ds-surface-subtle);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--ds-control-border)}}@media(forced-colors:active){.ds-mode-tabs button[aria-selected=true]{border-color:Highlight}.ds-tab-indicator{display:none}.ds-mode-tabs--sliding[data-indicator-ready=true] button[aria-selected=true]{background:Highlight;color:HighlightText}}@media(prefers-reduced-motion:reduce){.ds-spinner{animation:none}.ds-button,.ds-filter-chip,.ds-field :is(input,select),.ds-mode-tabs button,.ds-tab-indicator{transition:none}.ds-button:active:not(:disabled){transform:none}}.ds-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ds-card{border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-panel);background:var(--ds-surface-raised);box-shadow:var(--ds-shadow-raised);color:var(--ds-text)}.ds-card--interactive{transition:border-color var(--ds-motion-fast),box-shadow var(--ds-motion-fast),transform var(--ds-motion-fast)}.ds-card--interactive:hover{border-color:var(--ds-border-strong);box-shadow:var(--ds-shadow-floating);transform:translateY(-1px)}.ds-card--interactive:focus-visible{outline:3px solid var(--ds-focus);outline-offset:3px}.ds-skeleton{display:grid;gap:var(--ds-space-3)}.ds-skeleton--card{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}.ds-skeleton--chip{display:flex;flex-wrap:wrap;gap:var(--ds-space-2)}.ds-skeleton-item{display:block;min-width:0;border-radius:var(--ds-radius-control);background:linear-gradient(100deg,var(--ds-surface-subtle) 30%,var(--ds-surface-raised) 50%,var(--ds-surface-subtle) 70%);background-size:220% 100%;animation:ds-skeleton-shimmer 1.4s ease-in-out infinite}.ds-skeleton--row .ds-skeleton-item{height:60px}.ds-skeleton--card .ds-skeleton-item{height:180px;border-radius:var(--ds-radius-panel)}.ds-skeleton--panel .ds-skeleton-item{height:160px;border-radius:var(--ds-radius-panel)}.ds-skeleton--chip .ds-skeleton-item{width:112px;height:52px}.ds-skeleton--chip .ds-skeleton-item:nth-child(3n){width:88px}.ds-skeleton--chip .ds-skeleton-item:nth-child(3n+2){width:136px}@keyframes ds-skeleton-shimmer{to{background-position-x:-220%}}@media(prefers-reduced-motion:reduce){.ds-skeleton-item{animation:none}.ds-card--interactive:hover{transform:none}}@media(forced-colors:active){.ds-skeleton-item{background:GrayText}}@media(max-width:760px){.ds-button{min-height:40px;padding:8px 16px;border-radius:12px;font-size:15px;line-height:1.3}.ds-button--default{padding:8px 16px;border-radius:12px}.ds-button--compact{min-height:32px;padding:5px 12px;border-radius:10px;font-size:14px}.ds-button--large{min-height:48px;padding:12px 22px;border-radius:14px;font-size:16px}.ds-icon-button{width:36px;height:36px;min-width:36px;min-height:36px;padding:6px}.ds-filter-chip{min-height:34px;min-width:34px;padding:6px 12px;font-size:14px;line-height:1.3}.ds-mode-tabs button{min-height:36px;padding:6px var(--ds-space-2)}:is(.ds-button,.ds-filter-chip,.ds-mode-tabs button){position:relative}:is(.ds-button,.ds-filter-chip,.ds-mode-tabs button):after{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}}:root{--bg: var(--ds-bg);--panel: var(--ds-surface);--ink: var(--ds-text);--muted: var(--ds-text-muted);--line: var(--ds-border);--green: var(--ds-secondary);--green-light: var(--ds-surface-subtle);--accent: var(--ds-secondary);--shadow: var(--ds-shadow);--wp-blue: var(--ds-navy);--wp-blue-2: var(--ds-secondary);--wp-blue-3: var(--ds-text);--wp-yellow: var(--ds-yellow);--wp-yellow-soft: var(--ds-yellow);--wp-sky: var(--ds-surface-subtle);font-family:var(--ds-font)}:root[data-accent=ocean]{--accent: var(--ds-secondary);--green-light: var(--ds-navy-tint)}:root[data-accent=clay]{--accent: var(--ds-navy-press);--green-light: var(--ds-yellow)}:root[data-theme=dark]{--accent: var(--ds-focus);--green-light: var(--ds-surface-subtle)}:root[data-theme=dark][data-accent=ocean]{--accent: var(--ds-focus);--green-light: var(--ds-surface-subtle)}:root[data-theme=dark][data-accent=clay]{--accent: var(--ds-yellow);--green-light: var(--ds-surface-subtle)}legend{font-family:var(--ds-font)}input:not([type=checkbox]):not([type=radio]),select,textarea{border-color:var(--ds-control-border)}input::placeholder,textarea::placeholder{color:var(--ds-text-muted);opacity:1}body{background:var(--ds-bg);color:var(--ds-text)}:root[data-theme=dark] :is(.hero,.practice-card,.quote-card,.streak-card,.grammar-banner,.stat-strip,.deck-card,.lesson-note,.featured-audio,.focus-clock,.path-hero,.reward-balance,.room-card){background:var(--ds-surface);color:var(--ds-text);border-color:var(--ds-border);box-shadow:var(--ds-shadow)}:root[data-theme=dark] :is(.hero,.practice-card,.quote-card,.streak-card,.grammar-banner,.stat-strip,.deck-card,.lesson-note,.featured-audio,.focus-clock,.path-hero,.reward-balance,.room-card) :is(h1,h2,h3,h4,strong,blockquote,.clock-digits){color:var(--ds-text)}:root[data-theme=dark] :is(.hero,.practice-card,.quote-card,.streak-card,.grammar-banner,.stat-strip,.deck-card,.lesson-note,.featured-audio,.focus-clock,.path-hero,.reward-balance,.room-card) :is(p,small,span,.eyebrow,.hero-label,.hero-footnote){color:var(--ds-text-muted)}:root[data-theme=dark] .path-hero .path-emblem{background:var(--ds-surface-subtle);color:var(--ds-text);border-color:var(--ds-border);box-shadow:var(--ds-shadow)}:root[data-theme=dark] :is(.hero,.lesson-note,.featured-audio,.path-hero,.reward-balance,.room-card) :is(svg,.flame-icon,.quote-mark,.sound-bars,.art-spark){color:var(--ds-text-muted)}:root[data-theme=dark] :is(.streak-card,.grammar-banner,.featured-audio,.focus-clock,.reward-balance) button:not(.primary){background:var(--ds-surface-subtle);color:var(--ds-text);border-color:var(--ds-border)}:root[data-theme=dark] .focus-clock button.selected{background:var(--ds-selected);color:var(--ds-on-selected);border-color:var(--ds-yellow)}:root[data-theme=dark] .room-card.selected{background:var(--ds-selected);color:var(--ds-on-selected);border-color:var(--ds-yellow)}:root[data-theme=dark] .focus-clock button.selected *,:root[data-theme=dark] .room-card.selected *{color:var(--ds-on-selected)}.primary,form>.primary{background:var(--ds-primary);color:var(--ds-on-primary);border-color:var(--ds-primary);box-shadow:inset 0 1px 0 var(--ds-control-highlight),var(--ds-shadow-sm)}.primary:hover,form>.primary:hover{background:var(--ds-primary-hover);color:var(--ds-on-primary);border-color:var(--ds-primary-hover)}.primary:active:not(:disabled),form>.primary:active:not(:disabled){box-shadow:none}.primary:disabled,form>.primary:disabled{box-shadow:none;opacity:.6}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--ds-focus);outline-offset:3px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ds-focus);outline-offset:2px}.modal{max-height:calc(100dvh - var(--ds-space-8));border-radius:var(--ds-radius-panel)}.modal>header .icon-button{min-height:var(--ds-control-size);min-width:var(--ds-control-size);border-radius:var(--ds-radius-pill);color:var(--ds-text);background:var(--ds-surface-subtle);border-color:var(--ds-border)}.lesson-workspace .ds-mode-tabs{position:sticky;top:0;z-index:5;margin-inline:calc(-1 * var(--ds-space-3));padding-inline:var(--ds-space-2);flex-shrink:0}.share-learning-panel .ds-button{font-size:var(--ds-text-base);min-height:var(--ds-control-size)}@media(max-width:760px){.mobile-primary-nav{left:var(--ds-space-3);right:var(--ds-space-3);bottom:calc(var(--ds-space-2) + env(safe-area-inset-bottom));width:auto;height:64px;min-height:64px;padding:5px;gap:var(--ds-space-1);background:var(--ds-surface-subtle);color:var(--ds-text);border:1px solid var(--ds-glass-border);border-radius:var(--ds-radius-pill);box-shadow:inset 0 1px 0 var(--ds-glass-highlight),var(--ds-glass-shadow)}.mobile-primary-nav a{height:52px;min-height:52px;padding:4px 0;color:var(--ds-text-muted);border:1px solid transparent;border-radius:var(--ds-radius-pill);transition:background-color var(--ds-motion-fast),color var(--ds-motion-fast)}.mobile-primary-nav a.active{color:var(--ds-nav-active-text);background:var(--ds-nav-active-bg);box-shadow:inset 0 1px 0 var(--ds-control-highlight),var(--ds-shadow-sm)}.mobile-primary-nav a:focus-visible{outline-offset:1px}.mobile-primary-nav a span{font-size:12px;line-height:1.3}.mobile-primary-nav a svg{width:22px;height:22px;stroke-width:1.8}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mobile-primary-nav{background:var(--ds-glass-surface);-webkit-backdrop-filter:var(--ds-glass-blur);backdrop-filter:var(--ds-glass-blur)}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active){.mobile-primary-nav{background:var(--ds-surface-subtle);-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--ds-control-border)}}@media(forced-colors:active){.mobile-primary-nav a.active{border-color:Highlight}}.modal input,.modal select,.modal textarea{font-size:var(--ds-text-base)}}@media(prefers-reduced-motion:reduce){.mobile-primary-nav a{transition:none}.primary:active:not(:disabled){transform:none}*,*:before,*:after{scroll-behavior:auto}}.video-thumbnail{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--ds-radius-control);background:var(--ds-surface-subtle)}.video-thumbnail--fallback{object-fit:contain;padding:var(--ds-space-6)}.video-row{display:grid;width:100%;grid-template-columns:100px minmax(0,1fr) 18px;gap:var(--ds-space-3);align-items:center;padding:var(--ds-space-3);color:var(--ds-text);background:var(--ds-surface-raised);border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-control);text-align:left;box-shadow:var(--ds-shadow-raised);transition:transform var(--ds-motion-fast),border-color var(--ds-motion-fast),box-shadow var(--ds-motion-fast),background-color var(--ds-motion-fast)}.video-row:hover{transform:translateY(-1px);background:var(--ds-surface-floating);border-color:var(--ds-border-strong);box-shadow:var(--ds-shadow-floating)}.video-row:focus-visible{outline:3px solid var(--ds-focus);outline-offset:2px}.video-row-copy{display:grid;min-width:0;gap:var(--ds-space-2)}.video-row-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--ds-text);font-size:var(--ds-text-base);line-height:1.5;overflow-wrap:anywhere}.video-row-detail{color:var(--ds-text-muted);font-size:var(--ds-text-sm);line-height:var(--ds-leading);font-weight:400}.learning-entry{padding:var(--ds-space-4);border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-panel);background:var(--ds-surface-raised);box-shadow:var(--ds-shadow-raised)}.learning-entry-content{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1.5fr);align-items:start;gap:var(--ds-space-4)}.learning-entry--resume .video-thumbnail{aspect-ratio:4 / 3}.learning-entry-copy{min-width:0}.learning-entry-kicker{display:block;color:var(--ds-text-muted);font-size:var(--ds-text-sm);line-height:1.5;margin-bottom:var(--ds-space-2)}.learning-entry-copy h2{margin:0 0 var(--ds-space-3);color:var(--ds-text);font-size:var(--ds-text-lg);font-weight:700;line-height:var(--ds-leading-heading);overflow-wrap:anywhere}.learning-entry-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-2);font-size:var(--ds-text-sm);color:var(--ds-text-muted)}.learning-entry-progress{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:var(--ds-space-2);margin-top:var(--ds-space-4);color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.learning-entry-progress progress{width:100%;height:8px;border:0;border-radius:var(--ds-radius-pill);overflow:hidden;background:var(--ds-surface-subtle)}.learning-entry-progress progress::-webkit-progress-bar{background:var(--ds-surface-subtle)}.learning-entry-progress progress::-webkit-progress-value{border-radius:var(--ds-radius-pill);background:var(--ds-secondary)}.learning-entry-progress progress::-moz-progress-bar{border-radius:var(--ds-radius-pill);background:var(--ds-secondary)}.learning-entry-progress strong{color:var(--ds-text);font-variant-numeric:tabular-nums}.learning-entry-excerpt{margin-top:var(--ds-space-4)}.learning-entry-excerpt>span{color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.learning-entry-excerpt p{color:var(--ds-text);font-size:var(--ds-text-base);line-height:var(--ds-leading);margin:var(--ds-space-2) 0 0;overflow-wrap:anywhere}.learning-entry>.ds-button{width:100%;margin-top:var(--ds-space-4)}.learning-entry--featured .learning-entry-content{grid-template-columns:1fr}.learning-entry--featured .video-thumbnail{max-height:190px}.learning-entry--featured .learning-entry-kicker{display:none}.learning-entry--featured{padding:var(--ds-space-3)}.learning-entry--featured .learning-entry-content{gap:var(--ds-space-3)}.learning-entry--featured .learning-entry-copy h2{margin-bottom:var(--ds-space-2)}.learning-entry--featured>.ds-button{margin-top:var(--ds-space-3)}@media(min-width:761px){.learning-entry{padding:var(--ds-space-6)}.learning-entry--resume .learning-entry-content{grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:center}.learning-entry--featured .learning-entry-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.learning-entry--featured .video-thumbnail{max-height:none}.learning-entry-copy h2{font-size:var(--ds-text-title)}.video-row{grid-template-columns:120px minmax(0,1fr) 18px}}@media(max-width:359px){.learning-entry-content{grid-template-columns:88px minmax(0,1fr);gap:var(--ds-space-3)}.video-row{grid-template-columns:76px minmax(0,1fr) 18px;gap:var(--ds-space-2)}}@media(prefers-reduced-motion:reduce){.video-row{transition:none}.video-row:hover{transform:none}}.template-library{margin-block:var(--ds-space-6);color:var(--ds-text)}.template-library>h2{margin:0 0 var(--ds-space-4);color:var(--ds-text);font-size:1.25rem;line-height:var(--ds-leading-heading)}.template-library-filters{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);margin-bottom:var(--ds-space-2)}.template-library-list{display:grid;grid-template-columns:minmax(0,1fr)}.template-library-expand{margin-top:var(--ds-space-3)}.discovery-shell,.discovery-shell .main-shell{background:var(--ds-stage-background)}.discovery-shell main{width:min(100%,calc(var(--ds-layout-content) + 2 * var(--ds-page-gutter)));max-width:none;margin-inline:auto;padding:var(--ds-space-8) var(--ds-page-gutter) var(--ds-space-12)}.discovery-shell .topbar{background:var(--ds-frost-surface)}.compact-brand{display:inline-flex;align-items:center;gap:var(--ds-space-2);color:var(--ds-text);text-decoration:none;font-size:var(--ds-text-lg);font-weight:700;white-space:nowrap}.compact-brand img{width:24px;height:24px;object-fit:contain}.compact-brand>span>span{font-weight:400}.discovery-shell .page-footer{display:none}.library-panel{padding-top:var(--ds-space-6)}.library-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4);margin-bottom:var(--ds-space-4)}.library-panel-heading h2{margin:0;color:var(--ds-text);font-size:var(--ds-text-lg)}.library-panel-heading p{margin:var(--ds-space-1) 0 0;color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.library-group{margin-bottom:var(--ds-space-8)}.library-group:last-child{margin-bottom:0}.library-group-heading{display:flex;align-items:center;gap:var(--ds-space-2);margin:0 0 var(--ds-space-3);color:var(--ds-text);font-size:var(--ds-text-base);line-height:var(--ds-leading-heading)}.library-group-count{min-width:1.5rem;padding:0 var(--ds-space-2);border-radius:var(--ds-radius-pill);background:var(--ds-surface-subtle);color:var(--ds-text-muted);font-size:var(--ds-text-sm);font-weight:400;text-align:center}.library-group--in-progress .learning-entry{margin-bottom:var(--ds-space-3)}.library-video-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:var(--ds-space-3) var(--ds-space-6);max-width:1080px}.playback-entry>h1{font-size:var(--ds-text-title);line-height:var(--ds-leading-heading);margin-top:var(--ds-space-4)}.playback-entry>.ds-button{margin-left:calc(-1 * var(--ds-space-4))}.playback-check{margin-top:var(--ds-space-4)}.playback-check:focus{outline:none}.playback-check iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0;border-radius:var(--ds-radius-panel)}.playback-check .playback-read-only{display:flex;flex-direction:row;align-items:flex-start;gap:var(--ds-space-3);padding:var(--ds-space-3) 0;min-height:var(--ds-control-size);font-size:var(--ds-text-sm);line-height:var(--ds-leading)}.playback-read-only input{flex-shrink:0;width:20px;height:20px;accent-color:var(--ds-primary)}.playback-actions{display:flex;flex-wrap:wrap;gap:var(--ds-space-3)}.playback-actions>.ds-button--primary{flex:1}.playback-help{font-size:var(--ds-text-sm);color:var(--ds-text-muted);margin-top:var(--ds-space-4)}.today-path-entry{margin-bottom:var(--ds-space-8);padding:var(--ds-space-6);border:1px solid var(--ds-border);border-radius:var(--ds-radius-panel);background:var(--ds-surface);box-shadow:var(--ds-shadow)}.today-path-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-4)}.today-path-heading h2{margin:var(--ds-space-1) 0;color:var(--ds-text);font-size:var(--ds-text-lg);line-height:var(--ds-leading-heading)}.today-path-heading p{margin:0;color:var(--ds-text-muted);font-size:var(--ds-text-sm);line-height:var(--ds-leading)}.today-path-kicker{color:var(--ds-text-muted);font-size:var(--ds-text-sm);font-weight:700;letter-spacing:0}.today-path-action{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:var(--ds-space-2);min-height:var(--ds-control-size);padding:var(--ds-space-2) var(--ds-space-4);border-color:var(--ds-navy);border-radius:var(--ds-radius-control);color:var(--ds-on-secondary);background:var(--ds-navy);font-weight:700;white-space:nowrap}.today-path-nodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:var(--ds-space-3);margin-top:var(--ds-space-4)}.today-path-node{position:relative;display:grid;grid-template-columns:var(--ds-control-size) minmax(0,1fr);gap:var(--ds-space-2);align-items:center;min-width:0;min-height:64px;padding:var(--ds-space-2);border:1px solid var(--ds-border);border-radius:var(--ds-radius-control);background:var(--ds-surface)}.today-path-node-icon,.topic-path-node-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--ds-control-size);height:var(--ds-control-size);border-radius:var(--ds-radius-pill)}.today-path-node-copy{min-width:0}.today-path-node-copy strong,.today-path-node-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.today-path-node-copy strong{color:var(--ds-text);font-size:var(--ds-text-sm)}.today-path-node-copy small{margin-top:var(--ds-space-1);color:var(--ds-text-muted);font-size:.75rem}.today-path-node-index{position:absolute;top:var(--ds-space-1);left:calc(var(--ds-space-2) + 34px);color:var(--ds-text-muted);font-size:.65rem;font-variant-numeric:tabular-nums}.today-path-node.is-complete .today-path-node-icon,.topic-path-node.is-complete .topic-path-node-icon{color:var(--ds-on-secondary);background:var(--ds-navy)}.today-path-node.is-current .today-path-node-icon,.topic-path-node.is-current .topic-path-node-icon{color:var(--ds-navy);background:var(--ds-yellow);box-shadow:0 0 0 5px color-mix(in srgb,var(--ds-yellow) 24%,transparent)}.today-path-node.is-locked{color:var(--ds-text);background:var(--ds-surface-subtle)}.today-path-node.is-locked .today-path-node-icon,.topic-path-node.is-locked .topic-path-node-icon{color:var(--ds-text-muted);background:var(--ds-surface-subtle)}.learning-path-page .path-hero{border-color:var(--ds-border);background:var(--ds-surface)}.learning-path-page .path-hero h2{color:var(--ds-text)}.learning-path-page .path-emblem{border-color:var(--ds-border);color:var(--ds-navy);background:var(--ds-navy-tint)}.learning-path-page .today-path-nodes-full{grid-template-columns:1fr}.learning-path-page .day-grid>div{border-color:var(--ds-border);color:var(--ds-text-muted);background:var(--ds-surface-subtle)}.learning-path-page .day-grid>div.complete{border-color:var(--ds-navy);color:var(--ds-on-secondary);background:var(--ds-navy)}.learning-path-page .day-grid>div.current{border-color:var(--ds-yellow);color:var(--ds-text);background:var(--ds-surface);box-shadow:inset 0 0 0 2px var(--ds-yellow)}.topic-path-node{border-color:var(--ds-border)}.topic-path-node.is-current{border-color:var(--ds-yellow);box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-yellow) 20%,transparent)}.topic-path-node.is-locked{color:var(--ds-text-muted);background:var(--ds-surface-subtle)}.topic-path-node footer{color:var(--ds-text-muted)}.topic-path-node.is-complete footer{color:var(--ds-text)}.explore-dashboard{min-width:0}@media(max-width:760px){.discovery-shell main{padding:var(--ds-space-6) var(--ds-page-gutter-mobile) calc(88px + env(safe-area-inset-bottom))}.discovery-shell .topbar{min-height:64px;padding:var(--ds-space-2) var(--ds-space-4)}.discovery-shell .topbar>.row{gap:var(--ds-space-2);min-width:0}.discovery-shell .search-trigger{min-width:var(--ds-control-size);min-height:var(--ds-control-size);color:var(--ds-text);border-color:transparent;background:transparent}.compact-brand{font-size:var(--ds-text-base);gap:var(--ds-space-1)}.compact-brand img{width:20px;height:20px}.today-path-entry{margin-bottom:var(--ds-space-6);padding:var(--ds-space-4)}.today-path-heading{align-items:flex-start}.today-path-action{padding-inline:var(--ds-space-3)}.today-path-nodes{grid-template-columns:1fr}.today-path-node{width:100%}.learning-path-page .today-path-nodes-full{display:grid;margin-inline:0;padding-inline:0;overflow:visible}.learning-path-page .today-path-nodes-full .today-path-node{width:100%}.learning-path-page .path-hero{padding:var(--ds-space-6)}.library-panel-heading{align-items:flex-start}.library-panel-heading .ds-button{flex:0 0 auto}.library-video-list{grid-template-columns:1fr}}@media(max-width:359px){.compact-brand{font-size:var(--ds-text-sm)}.compact-brand img{display:none}.library-panel-heading{display:grid}.library-panel-heading .ds-button{width:100%}}.library-empty{display:grid;justify-items:center;gap:var(--ds-space-4)}.profile-page{display:grid;gap:var(--ds-space-4);width:min(100%,960px);margin-inline:auto}.profile-hero{display:grid;gap:var(--ds-space-6);padding:var(--ds-space-6);border-radius:28px;background:var(--ds-navy);color:var(--ds-shell-text)}.profile-hero-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--ds-space-4)}.profile-face{position:relative;display:grid;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.profile-face:focus-visible,.profile-name:focus-visible{outline:3px solid var(--ds-yellow);outline-offset:3px}.profile-avatar{width:76px;height:76px;box-shadow:0 0 0 3px color-mix(in srgb,var(--ds-shell-text) 14%,transparent)}.profile-face-badge{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:28px;height:28px;border:2px solid var(--ds-navy);border-radius:50%;background:var(--ds-yellow);color:var(--ds-navy)}.profile-hero-copy{display:grid;gap:var(--ds-space-1);min-width:0}.profile-eyebrow{color:var(--ds-shell-muted);font-size:var(--ds-text-sm);font-weight:700}.profile-hero h1{margin:0;font-size:var(--ds-text-display);line-height:var(--ds-leading-heading);letter-spacing:var(--ds-tracking-display);overflow-wrap:anywhere}.profile-name{min-height:44px;padding:0;border:0;background:none;color:var(--ds-shell-text);font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.profile-facts{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--ds-space-3);margin:0;color:var(--ds-shell-muted);font-size:var(--ds-text-sm)}.profile-facts span{white-space:nowrap}.profile-facts span+span:before{content:"·";margin-right:var(--ds-space-3)}.profile-name-hint{min-height:44px;padding:0;border:0;background:none;color:var(--ds-yellow);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.profile-hero-actions{display:flex;align-self:start;gap:var(--ds-space-2)}.profile-hero-actions .ds-button{border-color:transparent;background:color-mix(in srgb,var(--ds-shell-text) 12%,transparent);color:var(--ds-shell-text);box-shadow:none}.profile-hero-actions .ds-button:hover{background:color-mix(in srgb,var(--ds-shell-text) 20%,transparent)}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid color-mix(in srgb,var(--ds-shell-text) 14%,transparent)}.profile-counts{display:contents}.profile-streak,.profile-counts button{display:grid;align-content:start;gap:var(--ds-space-1);min-width:0;padding:var(--ds-space-4) var(--ds-space-4) 0}.profile-streak+.profile-counts button,.profile-counts button+button{border-left:1px solid color-mix(in srgb,var(--ds-shell-text) 14%,transparent)}.profile-counts button{border:0;border-radius:0;background:transparent;color:var(--ds-shell-text);text-align:left;cursor:pointer}.profile-counts button:hover strong{color:var(--ds-yellow)}.profile-counts button:focus-visible{outline:3px solid var(--ds-yellow);outline-offset:-3px}.profile-stat-label{display:inline-flex;align-items:center;gap:var(--ds-space-1);color:var(--ds-shell-muted);font-size:var(--ds-text-sm);font-weight:700}.profile-streak .profile-stat-label svg{color:var(--ds-yellow)}.profile-streak strong,.profile-counts strong{color:var(--ds-shell-text);font-family:var(--ds-font-lyric);font-size:clamp(44px,6vw,64px);font-weight:400;line-height:1;font-variant-numeric:lining-nums tabular-nums}.profile-streak-count[data-lit=false]{color:var(--ds-shell-muted)}.profile-stats small{margin-left:var(--ds-space-1);font-family:var(--ds-font);font-size:var(--ds-text-base);font-weight:700;color:var(--ds-shell-muted)}.profile-week-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:var(--ds-space-6);padding:var(--ds-space-4) var(--ds-space-6);border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-panel);background:var(--ds-surface);box-shadow:var(--ds-shadow-sm)}.profile-week-block{display:grid;gap:var(--ds-space-2);min-width:0}.profile-week-label{margin:0;color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.profile-week-label b{color:var(--ds-text)}.profile-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--ds-space-2);margin:0;padding:0;list-style:none}.profile-week li{display:grid;justify-items:center;gap:var(--ds-space-1);color:var(--ds-text-muted);font-size:var(--ds-text-xs);font-weight:700}.profile-week i{display:block;width:100%;max-width:30px;aspect-ratio:1;border-radius:50%;border:2px solid var(--ds-border)}.profile-week [data-state=done] i{border-color:var(--ds-brand-ink);background:var(--ds-brand-ink)}.profile-week [data-state=today]{color:var(--ds-text)}.profile-week [data-state=today] i{border-color:var(--ds-brand-ink);border-style:dashed}.profile-week [data-state=ahead] i{opacity:.5}.profile-milestone{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-4);border-radius:var(--ds-radius-control);background:var(--ds-yellow-soft);color:var(--ds-text)}.profile-milestone>svg{color:var(--ds-brand-ink)}.profile-milestone strong{display:block;font-size:var(--ds-text-sm)}.profile-milestone small{color:var(--ds-text-muted);font-size:var(--ds-text-sm);font-weight:700;font-variant-numeric:tabular-nums}.profile-milestone-bar{display:block;height:6px;margin-top:var(--ds-space-2);overflow:hidden;border-radius:var(--ds-radius-pill);background:color-mix(in srgb,var(--ds-text) 12%,transparent)}.profile-milestone-bar i{display:block;height:100%;border-radius:inherit;background:var(--ds-brand-ink);transform-origin:left;transform:scaleX(var(--progress, 0))}.profile-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--ds-space-6);margin-top:var(--ds-space-4)}.profile-link-group h2{margin:0 0 var(--ds-space-2) var(--ds-space-4);color:var(--ds-text-muted);font-size:var(--ds-text-sm);font-weight:700}.profile-link-group>div{overflow:hidden;border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-panel);background:var(--ds-surface);box-shadow:var(--ds-shadow-sm)}.profile-links button{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:var(--ds-space-3);width:100%;min-height:64px;padding:var(--ds-space-3) var(--ds-space-4);border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ds-text-muted);text-align:left}.profile-links button+button:before{content:"";position:absolute;top:0;right:0;left:calc(36px + var(--ds-space-4) + var(--ds-space-3));border-top:1px solid var(--ds-border-soft);pointer-events:none}.profile-links button:hover{background:var(--ds-surface-subtle)}.profile-link-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--ds-text);background:var(--ds-surface-subtle)}.profile-links button>span:nth-child(2){display:grid;gap:2px;min-width:0}.profile-links strong{color:var(--ds-text)}.profile-links small{color:var(--ds-text-muted);font-size:var(--ds-text-sm);overflow-wrap:anywhere}.profile-name-form{display:grid;gap:var(--ds-space-3)}.profile-name-form label{display:grid;gap:var(--ds-space-2);font-weight:700}.profile-editor-preview{display:flex;align-items:center;gap:var(--ds-space-3);font-size:var(--ds-text-lg)}.profile-editor-preview .profile-avatar{width:64px;height:64px;box-shadow:none}.profile-editor-avatars{display:grid;gap:var(--ds-space-2)}.profile-editor-avatars>span{font-weight:700}.profile-name-actions{display:flex;justify-content:flex-end;gap:var(--ds-space-2)}@media(prefers-reduced-motion:no-preference){.profile-stats strong{animation:profile-count-in .52s var(--ds-ease-out) both}.profile-week i{animation:profile-day-in var(--ds-motion-smooth) var(--ds-ease-out) both;animation-delay:calc(var(--i, 0) * 45ms + .12s)}.profile-milestone-bar i{animation:profile-bar-fill .9s var(--ds-ease-out) .2s both}}@keyframes profile-day-in{0%{opacity:0;scale:.5}}@keyframes profile-bar-fill{0%{transform:scaleX(0)}}@keyframes profile-count-in{0%{opacity:0;translate:0 10px}}@media(max-width:760px){.profile-week-card{grid-template-columns:minmax(0,1fr);gap:var(--ds-space-4)}}@media(max-width:600px){.profile-hero{gap:var(--ds-space-4);padding:var(--ds-space-4);border-radius:22px}.profile-hero-top{grid-template-columns:auto minmax(0,1fr);gap:var(--ds-space-3)}.profile-avatar{width:60px;height:60px}.profile-hero h1{font-size:var(--ds-text-title)}.profile-hero-actions{grid-column:1 / -1}.profile-hero-actions>:first-child{flex:1}.profile-streak,.profile-counts button{padding-inline:var(--ds-space-3)}.profile-streak strong,.profile-counts strong{font-size:40px}.profile-week-card{padding:var(--ds-space-4)}.profile-links{grid-template-columns:minmax(0,1fr);gap:var(--ds-space-4);margin-top:var(--ds-space-2)}}.modal.learning-search-dialog{width:min(720px,calc(100% - var(--ds-space-8)));max-height:calc(100dvh - var(--ds-space-8));padding:0;margin:auto;overflow:hidden;border-radius:24px;border:1px solid var(--ds-border);box-shadow:var(--ds-shadow-lg)}.modal.learning-search-dialog[open]{display:flex;flex-direction:column}.modal.learning-search-dialog>header{position:static;flex:0 0 auto;margin:0;padding:var(--ds-space-4) var(--ds-space-6);background:var(--ds-panel-heading);align-items:center}.learning-search-toolbar{flex:0 0 auto;padding:var(--ds-space-4) var(--ds-space-6);border-bottom:1px solid var(--ds-border);background:var(--ds-surface)}.learning-search-toolbar>label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.learning-search-field{display:flex;align-items:center;gap:var(--ds-space-2);min-height:56px;padding:var(--ds-space-1) var(--ds-space-2) var(--ds-space-1) var(--ds-space-4);border:1px solid var(--ds-control-border);border-radius:var(--ds-radius-panel);color:var(--ds-text-muted);background:var(--ds-surface-subtle)}.learning-search-field:focus-within{outline:2px solid var(--ds-focus);outline-offset:2px}.learning-search-field>svg{flex-shrink:0}.learning-search-field input{flex:1;width:100%;min-width:0;min-height:var(--ds-control-size);padding:0;border:0;border-radius:0;outline:0;color:var(--ds-text);background:transparent;font-size:var(--ds-text-base)}.learning-search-field input:is(:focus,:focus-visible){outline:0;box-shadow:none}.learning-search-field input::-webkit-search-cancel-button{appearance:none}.learning-search-field .ds-icon-button{flex:0 0 var(--ds-control-size)}.learning-search-summary{margin:var(--ds-space-3) 0 0;color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.learning-search-scopes{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);margin-top:var(--ds-space-3)}.learning-search-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--ds-space-6);scrollbar-gutter:stable}.learning-search-empty{display:grid;justify-items:start;gap:var(--ds-space-3);color:var(--ds-text-muted)}.learning-search-no-results{display:grid;justify-items:center;gap:var(--ds-space-3);padding:var(--ds-space-6) 0;color:var(--ds-text-muted);text-align:center}.learning-search-empty h3{margin:0;color:var(--ds-text-muted);font-size:var(--ds-text-sm);font-weight:500}.learning-search-no-results h3{margin:0;color:var(--ds-text);font-size:var(--ds-text-lg)}.learning-search-empty p,.learning-search-no-results p{margin:0;line-height:var(--ds-leading)}.learning-search-suggestions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--ds-space-2)}.learning-search-suggestions .ds-button{color:var(--ds-text);background:var(--ds-surface-subtle);border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);box-shadow:none}.learning-search-suggestions .ds-button:hover{border-color:var(--ds-control-border)}.learning-search-results{display:grid;gap:var(--ds-space-6)}.learning-search-group{min-width:0}.learning-search-group[hidden]{display:none}.learning-search-group h3{display:flex;align-items:center;gap:var(--ds-space-2);margin:0 0 var(--ds-space-2);color:var(--ds-text);font-size:var(--ds-text-sm)}.learning-search-group h3>span{display:grid;place-items:center;min-width:24px;min-height:24px;margin-left:auto;border-radius:var(--ds-radius-pill);background:var(--ds-surface-subtle);color:var(--ds-text-muted)}.learning-search-group>p{color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.learning-search-group>button{display:flex;align-items:center;justify-content:space-between;gap:var(--ds-space-3);width:100%;min-height:64px;padding:var(--ds-space-3);margin-top:var(--ds-space-2);border:1px solid var(--ds-border);border-radius:var(--ds-radius-control);color:var(--ds-text);background:var(--ds-surface);box-shadow:var(--ds-shadow-sm);text-align:left;text-decoration:none}.learning-search-group>button:hover:not(:disabled){background:var(--ds-surface-subtle);border-color:var(--ds-control-border)}.learning-search-group>button:disabled{opacity:.6;cursor:not-allowed}.learning-search-group>button>span{display:grid;gap:var(--ds-space-1);min-width:0}.learning-search-group>button>svg{flex-shrink:0}.learning-search-group strong,.learning-search-group small{overflow-wrap:anywhere}.learning-search-group small{color:var(--ds-text-muted);font-size:var(--ds-text-sm);font-weight:400}.learning-search-word,.learning-search-dictionary{display:grid;gap:var(--ds-space-3);margin-top:var(--ds-space-6);padding:var(--ds-space-4);border:1px solid var(--ds-border);border-radius:var(--ds-radius-panel);background:var(--ds-surface-subtle)}.learning-search-word{margin:0 0 var(--ds-space-6)}.learning-search-word>div:first-child{display:flex;align-items:center;gap:var(--ds-space-2)}.learning-search-word h3{margin:0;color:var(--ds-text);font-size:var(--ds-text-title)}.learning-search-word label,.learning-search-dictionary>label{display:grid;gap:var(--ds-space-2);color:var(--ds-text);font-weight:600}.learning-search-word select,.learning-search-dictionary select{min-height:var(--ds-control-size)}.learning-search-word>.ds-button,.learning-search-dictionary>.ds-button{justify-self:start;max-width:100%;overflow-wrap:anywhere}.learning-search-dictionary-heading{display:flex;align-items:center;gap:var(--ds-space-3);color:var(--ds-text)}.learning-search-dictionary-heading>svg{flex-shrink:0}.learning-search-dictionary-heading h3{margin:0;font-size:var(--ds-text-base)}.learning-search-dictionary-heading p{margin:var(--ds-space-1) 0 0;color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.learning-search-destinations{display:grid;gap:var(--ds-space-3);margin-top:var(--ds-space-6);padding-top:var(--ds-space-4);border-top:1px solid var(--ds-border)}.learning-search-destinations p{margin:0;color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.learning-search-destinations>div{display:flex;flex-wrap:wrap;gap:var(--ds-space-2)}.learning-search-destinations .ds-button{min-height:var(--ds-control-size);text-decoration:none}@media(max-width:760px){.modal.learning-search-dialog{width:calc(100% - var(--ds-space-4));max-height:calc(100dvh - var(--ds-space-4));margin:var(--ds-space-2) auto;border-radius:20px}.modal.learning-search-dialog>header{padding:var(--ds-space-3) var(--ds-space-4)}.learning-search-toolbar{padding-inline:var(--ds-space-4)}.learning-search-content{padding:var(--ds-space-4) var(--ds-space-4) max(var(--ds-space-4),env(safe-area-inset-bottom))}.learning-search-word>.ds-button,.learning-search-dictionary>.ds-button{width:100%}.learning-search-destinations>div,.learning-search-destinations .ds-button{width:100%}}.mobile-primary-nav .mobile-nav-icon{position:relative;display:inline-grid;place-items:center;overflow:visible}.mobile-nav-count{position:absolute;top:-6px;left:calc(100% - 8px);min-width:18px;height:18px;padding:0 5px;border-radius:var(--ds-radius-pill);color:var(--ds-navy);background:var(--ds-yellow);box-shadow:0 0 0 2px var(--ds-surface);font-size:11px;font-weight:800;line-height:18px;text-align:center;font-variant-numeric:tabular-nums;animation:mobile-nav-count-in .45s cubic-bezier(.34,1.56,.64,1)}@keyframes mobile-nav-count-in{0%{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.mobile-nav-count{animation:none}}.in-app-notice{display:grid;gap:var(--ds-space-2);margin:var(--ds-space-3) 0;padding:var(--ds-space-4);border:1px solid var(--ds-border-soft);border-radius:var(--ds-radius-control);background:var(--ds-surface-raised)}.in-app-notice h2{margin:0;font-size:var(--ds-text-base)}.in-app-notice p{margin:0;color:var(--ds-text-muted);font-size:var(--ds-text-sm);line-height:var(--ds-leading)}.in-app-notice-actions{display:flex;flex-wrap:wrap;gap:var(--ds-space-2);margin-top:var(--ds-space-1)}@media(prefers-reduced-motion:no-preference){::view-transition-old(root){animation:.14s var(--ds-ease-out) both view-fade-out}::view-transition-new(root){animation:.22s var(--ds-ease-out) both view-rise-in}::view-transition-group(lesson-stage){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}}@keyframes view-fade-out{to{opacity:0}}@keyframes view-rise-in{0%{opacity:0;transform:translateY(8px)}}.mobile-primary-nav{view-transition-name:app-nav}.video-stage,.lesson-stage-placeholder,.lesson-hero-origin{view-transition-name:lesson-stage}.lesson-hero-origin{position:fixed;z-index:1;border-radius:var(--ds-radius-cover);opacity:0;pointer-events:none}.lesson-stage-placeholder{aspect-ratio:16 / 9;margin-bottom:var(--ds-space-3);border-radius:var(--ds-radius-cover);background:var(--ds-player-chrome)}.lesson-loading{display:grid;gap:var(--ds-space-2)}.lesson-loading .lesson-stage-placeholder{margin-bottom:var(--ds-space-2)}.lesson-loading-label{margin:0;color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.lesson-loading-lines{display:grid;gap:var(--ds-space-3);padding-top:var(--ds-space-2)}.lesson-loading-lines span{display:block;height:18px;border-radius:var(--ds-radius-pill);background:linear-gradient(100deg,var(--ds-surface-subtle) 30%,var(--ds-surface) 50%,var(--ds-surface-subtle) 70%);background-size:220% 100%;animation:lesson-loading-shimmer 1.4s linear infinite}.lesson-loading-lines span:nth-child(odd){width:78%}.lesson-loading-lines span:nth-child(2n){width:52%;height:14px}@keyframes lesson-loading-shimmer{to{background-position-x:-220%}}@media(prefers-reduced-motion:reduce){.lesson-loading-lines span{animation:none}}.consumer-shell{--workspace-width: var(--ds-shell-width)}.consumer-shell.sidebar-is-collapsed{--workspace-width: var(--ds-shell-compact-width)}.consumer-shell>.main-shell{margin-left:var(--workspace-width);min-height:100dvh;background:var(--ds-workspace-background)}.workspace-sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:var(--workspace-width);padding:var(--ds-space-4);display:flex;flex-direction:column;color:var(--ds-shell-text);background:linear-gradient(155deg,var(--ds-shell-hover),var(--ds-shell-bg) 48%);border-right:1px solid var(--ds-shell-border)}.workspace-brand-row{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--ds-space-1)}.workspace-brand{display:flex;align-items:center;gap:var(--ds-space-2);min-height:44px;min-width:0;padding:var(--ds-space-1);color:var(--ds-shell-text);text-decoration:none}.workspace-brand img{width:32px;height:32px;object-fit:contain}.workspace-brand>span{font-size:var(--ds-text-lg);font-weight:750;letter-spacing:var(--ds-tracking-display);line-height:1.15}.workspace-brand small{display:block;color:var(--ds-shell-muted);font-size:var(--ds-text-xs);font-weight:600;letter-spacing:.12em;margin-top:2px}.workspace-collapse{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;flex-shrink:0;height:44px;margin-left:auto;padding:0;border:0;border-radius:var(--ds-radius-control);background:transparent;color:var(--ds-shell-muted);box-shadow:none}.workspace-collapse:hover{background:var(--ds-shell-hover);color:var(--ds-shell-text)}.workspace-nav-caption{display:block;margin:var(--ds-space-8) var(--ds-space-3) var(--ds-space-2);color:var(--ds-shell-muted);font-size:var(--ds-text-xs);font-weight:600;letter-spacing:.08em}.workspace-sidebar nav{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--ds-space-1)}.workspace-sidebar nav a{z-index:1}.workspace-nav-indicator{position:absolute;inset:0 auto auto 0;pointer-events:none;border-radius:var(--ds-radius-control);background:linear-gradient(150deg,var(--ds-shell-selected),var(--ds-shell-hover));box-shadow:inset 0 1px 0 var(--ds-control-highlight);transition:transform var(--ds-motion-smooth) var(--ds-ease-out),width var(--ds-motion-smooth) var(--ds-ease-out)}.workspace-sidebar nav[data-indicator-ready=true] a[aria-current=page]{background:transparent}.workspace-sidebar nav a,.workspace-sidebar-bottom>a{position:relative;display:flex;align-items:center;gap:var(--ds-space-3);min-height:48px;padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-control);color:var(--ds-shell-muted);text-decoration:none;font-size:var(--ds-text-base);font-weight:600}.workspace-sidebar a svg{flex-shrink:0;width:22px;height:22px}.workspace-sidebar nav a:hover,.workspace-sidebar-bottom>a:hover{background:var(--ds-shell-hover);color:var(--ds-shell-text)}.workspace-sidebar a[aria-current=page]{background:var(--ds-shell-selected);color:var(--ds-shell-text);font-weight:700}.workspace-sidebar a[aria-current=page]:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:var(--ds-radius-pill);background:var(--ds-yellow)}.workspace-sidebar :is(a,button):focus-visible{outline:3px solid var(--ds-shell-focus);outline-offset:2px}.workspace-nav-count{margin-left:auto;min-width:24px;padding-inline:var(--ds-space-1);border-radius:var(--ds-radius-control);background:var(--ds-shell-hover);color:var(--ds-shell-text);font-size:12px;text-align:center}.workspace-sidebar-bottom{margin-top:auto;padding-top:var(--ds-space-6)}.workspace-sidebar-bottom>.workspace-account{margin-top:var(--ds-space-3);padding:var(--ds-space-3) var(--ds-space-2);min-height:68px;border:1px solid var(--ds-shell-border);border-radius:var(--ds-radius-control);gap:var(--ds-space-3)}.workspace-avatar{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--ds-radius-pill);background:var(--ds-shell-hover);color:var(--ds-shell-text)}.workspace-avatar>.avatar-face{width:100%;height:100%}.workspace-account-copy{min-width:0}.workspace-account-copy strong,.workspace-account-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--ds-text-sm)}.workspace-account-copy strong{color:var(--ds-shell-text)}.workspace-account-copy small{margin-top:var(--ds-space-1);color:var(--ds-shell-muted);font-size:12px}.workspace-account>.workspace-account-chevron{margin-left:auto;width:16px;height:16px}.workspace-tooltip,.workspace-sidebar.is-collapsed .workspace-brand{display:none}.workspace-sidebar.is-collapsed .workspace-collapse{margin:0 auto}.workspace-sidebar.is-collapsed .workspace-brand-row{margin-bottom:var(--ds-space-8)}.workspace-sidebar.is-collapsed :is(.workspace-brand-motto,.workspace-nav-caption,.workspace-nav-text,.workspace-nav-count,.workspace-account-copy,.workspace-account-chevron){display:none}.workspace-sidebar.is-collapsed nav a,.workspace-sidebar.is-collapsed .workspace-sidebar-bottom>a{justify-content:center;padding-inline:0}.workspace-sidebar.is-collapsed a:is(:hover,:focus-visible) .workspace-tooltip{display:block;position:absolute;z-index:1;left:calc(100% + var(--ds-space-3));top:50%;transform:translateY(-50%);padding:var(--ds-space-2) var(--ds-space-3);border-radius:var(--ds-radius-control);color:var(--ds-navy);background:var(--ds-shell-text);box-shadow:var(--ds-shadow-md);font-size:var(--ds-text-sm);font-weight:600;white-space:nowrap;pointer-events:none}.consumer-shell .topbar{position:sticky;top:0;z-index:20;height:56px;min-height:56px;padding-inline:var(--ds-page-gutter);background:transparent;border-bottom:1px solid transparent;box-shadow:none;transition:background-color var(--ds-motion-smooth) var(--ds-ease-out),border-color var(--ds-motion-smooth) var(--ds-ease-out)}.consumer-shell .topbar[data-scrolled]{background:var(--ds-frost-surface);border-bottom-color:var(--ds-border-soft);-webkit-backdrop-filter:var(--ds-frost-filter);backdrop-filter:var(--ds-frost-filter)}.consumer-shell.discovery-shell .topbar{padding-inline:calc(max(0px,(100% - 1600px) / 2) + var(--ds-page-gutter))}.consumer-shell .top-actions{gap:var(--ds-space-2)}.consumer-shell .topbar :is(.top-chip,.avatar){min-width:44px;min-height:44px;height:44px;margin:0;border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);background:var(--ds-surface-subtle);color:var(--ds-text);box-shadow:none;flex-shrink:0}.consumer-shell .topbar .top-chip{padding:var(--ds-space-2) var(--ds-space-3);gap:var(--ds-space-1);font-size:var(--ds-text-sm)}.consumer-shell .topbar .top-chip span{font-size:12px}.consumer-shell .topbar .top-chip svg{color:var(--ds-text-muted)}.consumer-shell .topbar .avatar{width:44px;padding:0}.consumer-shell .search-trigger{min-height:44px;font-size:var(--ds-text-sm);border-radius:var(--ds-radius-pill);color:var(--ds-text-muted);background:var(--ds-surface-floating);border-color:var(--ds-border-soft);box-shadow:inset 0 1px 0 var(--ds-edge-highlight),var(--ds-shadow-sm)}.consumer-shell.discovery-shell main{width:100%;max-width:1600px;padding-top:var(--ds-space-4)}.consumer-shell.explore-shell main{padding-top:0}.consumer-shell.explore-shell .topbar .compact-brand{visibility:hidden}.consumer-shell.explore-shell .search-trigger{min-width:360px;justify-content:flex-start;font-size:16px}.workspace-brand-motto{margin:var(--ds-space-3) var(--ds-space-3) 0;color:var(--ds-shell-muted);font-size:9px;letter-spacing:.16em;white-space:nowrap}.consumer-shell .page-footer{color:var(--ds-text-muted)}.route-loading{width:min(100%,960px);margin-inline:auto;padding-top:var(--ds-space-4);display:grid;gap:var(--ds-space-4)}.route-loading>span{color:var(--ds-text-muted);font-size:var(--ds-text-sm)}.route-loading :is(.route-loading-heading,.route-loading-control,.route-loading-card){border-radius:var(--ds-radius-panel);background:linear-gradient(100deg,var(--ds-surface-subtle) 30%,var(--ds-surface) 50%,var(--ds-surface-subtle) 70%);background-size:220% 100%;animation:route-loading-shimmer 1.4s ease-in-out infinite}.route-loading-heading{width:min(48%,360px);height:42px}.route-loading-control{width:min(100%,560px);height:48px}.route-loading-card{min-height:156px}.route-loading-card--short{min-height:104px;width:76%}@keyframes route-loading-shimmer{to{background-position-x:-220%}}.workspace-sidebar :is(nav a,.workspace-sidebar-bottom>a,.workspace-collapse){transition:color var(--ds-motion-fast),background-color var(--ds-motion-fast)}.mobile-primary-nav--gliding{isolation:isolate}.mobile-primary-nav--gliding a{position:relative;z-index:1}.mobile-primary-nav--gliding a svg{transition:transform var(--ds-motion-smooth) var(--ds-ease-out)}.mobile-primary-nav--gliding a:active svg{transform:scale(.9)}.mobile-nav-indicator{position:absolute;inset:0 auto auto 0;pointer-events:none;border-radius:22px;background:var(--ds-nav-active-bg);box-shadow:inset 0 1px 0 var(--ds-control-highlight),var(--ds-shadow-sm);transition:transform var(--ds-motion-smooth) var(--ds-ease-out),width var(--ds-motion-smooth) var(--ds-ease-out)}.consumer-shell .mobile-primary-nav{background:var(--ds-frost-surface);border:1px solid var(--ds-border-soft);box-shadow:inset 0 1px 0 var(--ds-edge-highlight),var(--ds-glass-shadow);-webkit-backdrop-filter:var(--ds-frost-filter);backdrop-filter:var(--ds-frost-filter)}.mobile-primary-nav--gliding[data-indicator-ready=true] a.active{background:transparent;box-shadow:none}@media(min-width:761px)and (max-width:1100px){.consumer-shell{--workspace-width: 208px}.consumer-shell.sidebar-is-collapsed{--workspace-width: var(--ds-shell-compact-width)}.workspace-brand img{width:24px;height:24px}.workspace-brand>span{font-size:15px}.workspace-sidebar nav a,.workspace-sidebar-bottom>a{padding-inline:var(--ds-space-3);gap:var(--ds-space-3)}}@media(min-width:761px)and (max-height:560px){.workspace-sidebar{overflow-y:auto}.workspace-sidebar-bottom{padding-top:var(--ds-space-2)}.workspace-sidebar.is-collapsed .workspace-tooltip{display:none}}@media(max-width:760px){.workspace-sidebar{display:none}.consumer-shell>.main-shell{margin-left:0}.consumer-shell .topbar{height:56px;min-height:56px;padding:var(--ds-space-1) var(--ds-space-4)}.consumer-shell.discovery-shell main{padding-top:var(--ds-space-2)}.consumer-shell.explore-shell .topbar .compact-brand{visibility:visible;gap:var(--ds-space-2);font-size:16px;line-height:1.1}.consumer-shell .compact-brand img{display:block;width:28px;height:28px}.consumer-shell .compact-brand>span>span{display:block;font-size:12px;margin-top:2px}.consumer-shell.explore-shell .search-trigger{min-width:40px;width:40px;justify-content:center;padding:0;gap:0}.consumer-shell .search-trigger{min-width:40px;min-height:40px;height:40px}:is(.consumer-shell .search-trigger,.personal-back,.topic-path-back){position:relative}:is(.consumer-shell .search-trigger,.personal-back,.topic-path-back):after{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}:is(.personal-back,.topic-path-back){min-height:36px}.consumer-shell .mobile-primary-nav{border-radius:28px}.consumer-shell .mobile-primary-nav a{border-radius:22px}.consumer-shell main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.consumer-shell main:has(.lesson-workspace:not([data-inactive])){padding-bottom:0}}@media(forced-colors:active){.workspace-sidebar a[aria-current=page]{outline:2px solid Highlight}.mobile-nav-indicator,.workspace-nav-indicator{display:none}.mobile-primary-nav--gliding[data-indicator-ready=true] a.active{background:Highlight;color:HighlightText}}@media(prefers-reduced-motion:reduce){.mobile-nav-indicator,.workspace-nav-indicator,.mobile-primary-nav--gliding a svg,.workspace-sidebar :is(a,button){transition:none}.mobile-primary-nav--gliding a:active svg{transform:none}.route-loading :is(.route-loading-heading,.route-loading-control,.route-loading-card){animation:none}}.avatar-face{display:inline-grid;place-items:center;border-radius:50%;background:var(--avatar-bg, var(--ds-mood-uplifting));color:var(--avatar-ink, var(--ds-navy))}.avatar-face[data-tone=uplifting]{--avatar-bg: var(--ds-mood-uplifting);--avatar-ink: var(--ds-navy)}.avatar-face[data-tone=breakup]{--avatar-bg: var(--ds-mood-breakup);--avatar-ink: var(--ds-mood-ink)}.avatar-face[data-tone=happy]{--avatar-bg: var(--ds-mood-happy);--avatar-ink: var(--ds-mood-ink)}.avatar-face[data-tone=party]{--avatar-bg: var(--ds-mood-party);--avatar-ink: var(--ds-mood-ink)}.avatar-face[data-tone=chill]{--avatar-bg: var(--ds-mood-chill);--avatar-ink: var(--ds-mood-ink)}.avatar-face[data-tone=love]{--avatar-bg: var(--ds-mood-love);--avatar-ink: var(--ds-mood-ink)}