/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */:root{--text-body:14px;--text-secondary:13px;--text-caption:12px;--color-canvas:#fbfaf7;--color-surface:#fff;--color-surface-subtle:#f6f2ed;--color-surface-active:#fff4ed;--color-content:#282725;--color-content-muted:#74716b;--color-content-on-accent:#fff;--color-brand:#ee7047;--color-brand-subtle:#fff0e9;--color-success:#6caf83;--color-border:#ebe6df;--radius-card:18px;--radius-control:12px;--space-page-x:54px;--space-1:8px;--space-2:12px;--space-3:18px;--space-4:24px;--font-display:"Noto Serif SC",Georgia,serif;--font-body:"Be Vietnam Pro",Arial,sans-serif;--font-hanzi:"Noto Serif SC",serif;--hanzi-size:28px;--accent:var(--color-brand);--surface:var(--color-surface);--surface-soft:var(--color-surface-subtle);--text:var(--color-content);--muted:var(--color-content-muted);--border:var(--color-border);color-scheme:light}:root,:host{--color-border:var(--color-border);--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}.theme-paper{--color-canvas:#f3eadb;--color-surface:#fbf4e9;--color-surface-subtle:#ede1ce;--color-surface-active:#f7ead9;--color-content:#40382e;--color-content-muted:#746958;--color-brand:#bd6e45;--color-brand-subtle:#f5e4d3;--color-border:#e2d4c0;color-scheme:light}.theme-dark{--color-canvas:#1d2325;--color-surface:#273033;--color-surface-subtle:#313b3d;--color-surface-active:#392f2b;--color-content:#f4f0e8;--color-content-muted:#bcc5c3;--color-brand:#f28b5e;--color-brand-subtle:#3e302b;--color-border:#3c484a;--color-success:#79c294;--color-content-on-accent:#1d2325;color-scheme:dark}@layer theme;@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.resize{resize:both}}.ui-button{white-space:nowrap;border-radius:var(--radius-control);background:var(--surface-soft);align-items:center;gap:6px;min-height:36px;padding:7px 11px;display:inline-flex}.ui-toggle-item{border-radius:calc(var(--radius-control) - 4px);min-height:36px;color:var(--muted);background:0 0;padding:7px 11px}.ui-toggle-item[data-state=on]{background:var(--surface);color:var(--text)}.ui-popover{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:0 8px 24px var(--text)}@supports (color:color-mix(in lab,red,red)){.ui-popover{box-shadow:0 8px 24px color-mix(in srgb,var(--text)18%,transparent)}}.ui-popover{padding:var(--space-2)}.ui-switch{background:var(--surface-soft);border-radius:999px;width:42px;height:24px;padding:2px}.ui-switch[data-state=checked]{background:var(--accent)}.ui-switch-thumb{background:var(--surface);border-radius:50%;width:20px;height:20px;transition:transform .15s;display:block}.ui-switch-thumb[data-state=checked]{transform:translate(18px)}.ui-slider{touch-action:none;align-items:center;width:100%;height:20px;display:flex;position:relative}.ui-slider-track{background:var(--surface-soft);border-radius:99px;width:100%;height:5px;position:relative;overflow:hidden}.ui-slider-range{background:var(--accent);height:100%;position:absolute}.ui-slider-thumb{z-index:2;border:2px solid var(--surface);background:var(--accent);border-radius:50%;width:16px;height:16px;display:block;position:relative;box-shadow:0 1px 4px #0003}.ui-tooltip{z-index:10;background:var(--text);color:var(--surface);font-size:var(--text-caption);border-radius:8px;padding:6px 8px}.ui-drawer-overlay{z-index:20;background:#0006;position:fixed;top:0;right:0;bottom:0;left:0}.ui-drawer{z-index:21;position:fixed;bottom:0;left:0;right:0}*{box-sizing:border-box}body{background:var(--color-canvas);min-width:320px;color:var(--text);font-family:var(--font-body);margin:0;font-size:14px}button,select{font:inherit;color:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,select:focus-visible,.character:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.loading{place-items:center;min-height:100vh;display:grid}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex:none;width:252px;padding:32px 20px}.brand{align-items:center;gap:10px;margin-bottom:56px;display:flex}.brand-mark{background:var(--accent);width:34px;height:34px;color:var(--color-content-on-accent);font-family:var(--font-hanzi);border-radius:12px;place-items:center;display:grid}.brand strong{font-size:19px}.brand strong span{color:var(--accent)}.sidebar button,.mobile-nav button{border-radius:var(--radius-control);width:100%;min-height:48px;color:var(--muted);text-align:left;background:0 0;align-items:center;gap:13px;padding:0 14px;font-weight:600;display:flex}.sidebar button.active,.mobile-nav button.active{background:var(--color-brand-subtle);color:var(--accent)}.main-content{flex:1;min-width:0}.mobile-header,.mobile-nav{display:none}.page-section,.player-page{max-width:970px;padding:66px var(--space-page-x)100px;margin:auto}.eyebrow{color:var(--accent);letter-spacing:1.5px;margin:0 0 11px;font-size:12px;font-weight:800}.page-section h1,.player-top h1{font-family:var(--font-display);letter-spacing:-1.6px;margin:0 0 8px;font-size:38px}.subheading,.setting-card p,.setting-card small{color:var(--muted)}.lesson-list{gap:10px;margin-top:46px;display:grid}.lesson-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);text-align:left;align-items:center;gap:18px;width:100%;min-height:112px;padding:18px 22px;display:flex}.lesson-card:hover{border-color:var(--accent);box-shadow:0 7px 22px #9f765018}.lesson-order{width:28px;color:var(--muted);font-family:var(--font-display);font-size:17px}.lesson-card strong,.lesson-card small{display:block}.lesson-card strong{font-family:var(--font-display);font-size:18px}.lesson-card small{color:var(--muted);margin-top:8px;font-size:12px}.lesson-arrow{color:var(--muted);margin-left:auto;font-size:26px}.settings-grid{gap:12px;margin-top:48px;display:grid}.setting-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:22px}.setting-card h2,.setting-card strong{margin:0 0 5px;font-size:14px;display:block}.setting-card p,.setting-card small{margin:0;font-size:12px;display:block}.theme-options{gap:10px;margin-top:20px;display:flex}.theme-option{text-align:left;background:0 0;padding:0}.theme-preview{width:145px;height:90px;font-family:var(--font-display);border:2px solid #0000;border-radius:10px;place-items:center;margin-bottom:8px;font-size:23px;display:grid}.theme-preview.light{color:#ee7047;background:#fbfaf7;border-color:#eee5dc}.theme-preview.paper{color:#bd6e45;background:#f3eadb}.theme-preview.dark{color:#f28b5e;background:#1d2325}.theme-option.selected .theme-preview{border-color:var(--accent);box-shadow:0 0 0 3px var(--color-brand-subtle)}.row-setting{justify-content:space-between;align-items:center;gap:20px;display:flex}.row-setting select,.controls select{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;padding:9px 10px}.segmented{background:var(--surface-soft);border-radius:9px;gap:3px;padding:3px;display:flex}.segmented button{min-height:36px;color:var(--muted);background:0 0;border-radius:6px;padding:7px 11px}.segmented button.active{background:var(--surface);color:var(--text)}.player-page{max-width:1120px}.player-top{justify-content:space-between;align-items:center;display:flex}.player-top h1{font-size:24px}.player-top button,.controls button{background:var(--surface-soft);border-radius:8px;padding:9px 12px}.controls,.views{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.controls button:nth-of-type(2){background:var(--accent);color:var(--color-content-on-accent)}.transcript-wrap{position:relative}.player-page .transcript-wrap{padding-bottom:calc(50vh + 160px)}.transcript{gap:8px;padding:0;list-style:none;display:grid}.line{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);text-align:left;width:100%;padding:16px}.line.active{border-color:var(--accent);background:var(--color-surface-active)}.line.just-read{border-left:4px solid var(--accent);background:var(--surface)}.line.next{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.line.next{border-color:color-mix(in srgb,var(--accent)45%,var(--border))}}.line.past{opacity:.62}.next-hint{color:var(--accent);font-size:var(--text-caption);font-family:var(--font-body);margin-bottom:4px;display:block}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.hidden-line{background:var(--surface-soft);border-radius:99px;height:14px;display:block}.coach-line{border-left:3px solid var(--accent);color:var(--muted);font-family:var(--font-body);font-size:var(--text-body);-webkit-user-select:text;user-select:text;padding:12px 14px;line-height:1.5}.return-current{z-index:5;bottom:var(--return-pill-bottom,180px);background:var(--accent);color:var(--color-content-on-accent);border-radius:999px;padding:10px 14px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.hanzi,.pinyin,.meaning{display:block}.hanzi{font-family:var(--font-hanzi);font-size:var(--hanzi-size);line-height:1.55}.pinyin{color:var(--accent);font-size:13px}.meaning,.placeholder{color:var(--muted);font-family:var(--font-body);font-size:var(--text-secondary)}.character{cursor:pointer;-webkit-user-select:text;user-select:text}.character:hover{color:var(--accent)}.character-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);width:min(300px,100vw - 36px);padding:14px;box-shadow:0 8px 24px #0003}.character-popover{width:300px}.character-sheet{background:var(--surface);border-radius:18px 18px 0 0;width:100%;padding:20px}.card-close{float:right}.hsk-chip{border:1px solid var(--border);color:var(--muted);font-size:var(--text-caption);border-radius:99px;padding:3px 7px}.character-card h2{font-family:var(--font-hanzi);margin:0;font-size:28px}.character-card p{margin:6px 0}.components{flex-wrap:wrap;gap:6px;display:flex}.components button,.character-card>button{background:var(--surface-soft);border-radius:7px;margin:4px;padding:7px}.pip-shell{min-height:100vh;padding:12px}.floating-player{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);height:100vh;min-height:200px;font-family:var(--font-body);color:var(--text);border-radius:15px;flex-direction:column;padding:13px 16px;display:flex;overflow:hidden}.float-top{justify-content:space-between;align-items:baseline;gap:var(--space-1);color:var(--muted);font-size:var(--text-caption);letter-spacing:1px;font-weight:800;display:flex}.float-top strong{color:var(--text);font-size:var(--text-secondary);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.float-text{flex:1;min-height:0;padding:11px 0;overflow:hidden auto}.float-controls{border-top:1px solid var(--border);flex:none;justify-content:center;align-items:center;gap:clamp(4px,2vw,12px);padding-top:clamp(6px,2vw,10px);display:flex}.float-controls button{background:var(--surface-soft);min-height:clamp(28px,9vw,36px);padding:4px clamp(8px,3vw,12px)}.float-controls svg{width:clamp(14px,4.5vw,18px);height:clamp(14px,4.5vw,18px)}.float-controls .float-play{background:var(--accent);color:var(--color-content-on-accent)}.compact-transcript .transcript{gap:var(--space-1);grid-template-columns:minmax(0,1fr);padding-bottom:50vh}.compact-transcript .hanzi{overflow-wrap:anywhere}.floating-player .return-current{--return-pill-bottom:64px}.compact-transcript .line{padding:var(--space-1)var(--space-2)}.compact-transcript .hanzi{font-size:clamp(16px,6vw,var(--hanzi-size));line-height:1.9}.compact-transcript ruby{margin-inline-end:.2em}.compact-transcript rt{color:var(--accent);font-family:var(--font-body);font-size:12px;font-weight:600}.player-layout{gap:var(--space-4);margin-top:var(--space-3);grid-template-columns:minmax(0,1fr) 220px;display:grid}.lesson-transcript{min-width:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.transcript-toolbar,.vi-toggle,.control-row,.seek-row{align-items:center;gap:var(--space-2);display:flex}.transcript-toolbar{margin-bottom:var(--space-3);justify-content:space-between}.vi-toggle{color:var(--muted);font-size:var(--text-secondary)}.shortcut-card{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);color:var(--muted);font-size:var(--text-secondary)}.shortcut-card strong{color:var(--text)}.player-bar{z-index:4;margin-top:var(--space-3);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);position:sticky;bottom:0;box-shadow:0 8px 24px #0002}.seek-row{color:var(--muted);font-size:var(--text-caption)}.seek{flex:1;position:relative}.section-marker{z-index:1;background:var(--muted);opacity:.55;border-radius:2px;width:3px;height:12px;padding:0;position:absolute;top:4px;transform:translate(-50%)}.section-marker:hover,.section-marker:focus-visible{opacity:1}.control-row{margin-top:var(--space-1);justify-content:center}.control-row button{border-radius:var(--radius-control);background:var(--surface-soft);min-height:36px;padding:7px 11px}.control-row .play-control{background:var(--accent);color:var(--color-content-on-accent)}@media(max-width:720px){.app-shell{display:block}.sidebar{display:none}.mobile-header{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;height:64px;padding:12px 20px;display:flex}.mobile-header .brand{margin:0}.header-settings{background:0 0;border-radius:10px;min-width:44px;min-height:44px;margin-left:auto}.mobile-nav{z-index:5;padding:7px 10px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{flex-direction:column;justify-content:center;gap:2px;width:auto;min-width:44px;min-height:44px;padding:5px 12px;font-size:12px}.page-section,.player-page{padding:35px 20px 100px}.page-section h1{font-size:30px}.lesson-list{margin-top:32px}.lesson-card{padding:16px 13px}.theme-options{gap:7px}.theme-preview{width:calc(33.3333vw - 18px);height:70px}.row-setting{flex-direction:column;align-items:flex-start}.player-page{padding-left:14px;padding-right:14px}.player-top h1{font-size:18px}.character-card{bottom:76px}.player-layout{display:block}.player-side{display:none}.transcript-toolbar{flex-direction:column;align-items:flex-start}.segmented{max-width:100%;overflow-x:auto}.player-bar{bottom:70px}.return-current{--return-pill-bottom:280px}.control-row{flex-wrap:wrap}.player-page .track-switch{overflow-x:auto}}