@font-face{font-family:Mandarin Arphic Kaiti;src:url(/api/v1/assets/font/arphic-kaitim-gb.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{color-scheme:light;--ui-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--hanzi-font: "Mandarin Arphic Kaiti", "AR PL KaitiM GB", KaiTi, STKaiti, "Noto Serif CJK SC", serif;--bg: #f6f4ef;--surface: #fffdf8;--surface-soft: #f4f1e9;--surface-muted: #ece6d9;--text: #17140f;--muted: #625d52;--subtle: #8b8170;--border: #ded6c7;--border-strong: #c7bba6;--accent: #9c6514;--accent-strong: #6f4308;--accent-soft: #fff3cf;--primary-bg: #19140c;--primary-hover: #2a2114;--primary-text: #fff5dc;--focus: rgba(213, 160, 49, .36);--shadow: rgba(30, 24, 16, .16);--danger: #ad3128;--danger-soft: #fff1ed;--success: #17613f;--success-soft: #e8f5eb;--app-icon-shadow: 0 0 0 1px var(--border), 0 4px 12px var(--shadow);--stroke-preview-bg: color-mix(in srgb, var(--surface) 36%, white 64%);--stroke-preview-wash: rgba(255, 255, 255, .58);--stroke-preview-grid: rgba(51, 43, 31, .2);--stroke-preview-border: color-mix(in srgb, var(--border-strong) 72%, var(--stroke-preview-bg));--handwriting-grid: rgba(51, 43, 31, .16);--handwriting-guide: rgba(111, 67, 8, .82);--handwriting-guide-halo: rgba(255, 253, 248, .9)}html[data-addon-theme=dark]{color-scheme:dark;--bg: #0f1012;--surface: #18191c;--surface-soft: #202126;--surface-muted: #27262a;--text: #f3ead8;--muted: #b8ad9a;--subtle: #8f846f;--border: #343238;--border-strong: #514b40;--accent: #d7a33f;--accent-strong: #f0c15b;--accent-soft: #2b2417;--primary-bg: #d7a33f;--primary-hover: #f0c15b;--primary-text: #17120a;--focus: rgba(240, 193, 91, .28);--shadow: rgba(0, 0, 0, .48);--danger: #f06f61;--danger-soft: #331c19;--success: #7fd9a1;--success-soft: #142820;--handwriting-grid: rgba(243, 234, 216, .14);--handwriting-guide: rgba(240, 193, 91, .84);--handwriting-guide-halo: rgba(0, 0, 0, .78)}html[data-addon-theme=paper]{--bg: #f2e5cd;--surface: #fff8df;--surface-soft: #f5e6c4;--surface-muted: #ead8b5;--text: #211a12;--muted: #6a5b48;--border: #ccb384;--accent: #b04736;--accent-soft: #ffe4bc;--primary-bg: #332515;--primary-hover: #4c351c;--primary-text: #fff4dc;--handwriting-grid: rgba(59, 43, 25, .17);--handwriting-guide: rgba(119, 49, 38, .82);--handwriting-guide-halo: rgba(255, 248, 223, .9)}html[data-addon-theme=jade]{--bg: #b9dfcf;--surface: #f8ffe8;--surface-soft: #c7e9d3;--surface-muted: #96d0b6;--text: #062821;--muted: #245c4c;--subtle: #4d846e;--border: #5ba889;--border-strong: #0d7765;--accent: #007d68;--accent-strong: #06493d;--accent-soft: #a6dfc5;--primary-bg: #075247;--primary-hover: #0b705f;--primary-text: #f5fff7;--focus: rgba(0, 125, 104, .34);--shadow: rgba(3, 55, 47, .24);--danger: #aa362e;--danger-soft: #fff0ed;--success: #1e6b45;--success-soft: #ddf0e6;--app-icon-shadow: 0 0 0 1px #06493d, 0 0 0 4px rgba(242, 216, 123, .4), 0 6px 16px rgba(3, 55, 47, .27);--handwriting-grid: rgba(6, 40, 33, .17);--handwriting-guide: rgba(6, 73, 61, .82);--handwriting-guide-halo: rgba(248, 255, 232, .9)}html[data-addon-theme=marine]{color-scheme:dark;--bg: #061622;--surface: #0b2434;--surface-soft: #12364a;--surface-muted: #183f56;--text: #fff4e2;--muted: #c1d4df;--subtle: #84a7b8;--border: #244f65;--border-strong: #3b7894;--accent: #68c9ec;--accent-strong: #b4edff;--accent-soft: #143d55;--primary-bg: #0b4d6b;--primary-hover: #116a8d;--primary-text: #fff7e8;--focus: rgba(104, 201, 236, .34);--shadow: rgba(0, 8, 14, .48);--danger: #ff9077;--danger-soft: #3a1713;--success: #8be0bf;--success-soft: #123428;--app-icon-shadow: 0 0 0 1px #68c9ec, 0 0 0 4px rgba(15, 98, 134, .42), 0 6px 16px rgba(0, 8, 14, .38);--handwriting-grid: rgba(255, 244, 226, .14);--handwriting-guide: rgba(180, 237, 255, .84);--handwriting-guide-halo: rgba(0, 8, 14, .82)}html[data-addon-theme=fire]{color-scheme:dark;--bg: #180f0d;--surface: #241715;--surface-soft: #331c18;--surface-muted: #49241e;--text: #ffe9d3;--muted: #d8ad91;--border: #67372e;--accent: #ff9a3d;--accent-strong: #ffd2a8;--accent-soft: #4d2418;--primary-bg: #d85a25;--primary-hover: #f06b2e;--primary-text: #180f0d;--handwriting-grid: rgba(255, 233, 211, .14);--handwriting-guide: rgba(255, 210, 168, .84);--handwriting-guide-halo: rgba(24, 15, 13, .82)}html[data-addon-theme=candy]{--bg: #f8eaf3;--surface: #fff9fd;--surface-soft: #f4dff0;--surface-muted: #dfd8fa;--text: #2f1830;--muted: #725471;--border: #ddb6d7;--accent: #b4518c;--accent-soft: #f8d7ef;--primary-bg: #863d8d;--primary-hover: #a950a8;--primary-text: #fff5fd;--handwriting-grid: rgba(47, 24, 48, .15);--handwriting-guide: rgba(134, 61, 141, .82);--handwriting-guide-halo: rgba(255, 249, 253, .9)}html[data-addon-theme=keli]{color-scheme:dark;--bg: #121414;--surface: #1f2424;--surface-soft: #253f43;--surface-muted: #374447;--text: #f7f5eb;--muted: #c8c1af;--subtle: #9e9687;--border: #4d5658;--border-strong: #6bb7bf;--accent: #53c2ce;--accent-strong: #b8f4f4;--accent-soft: #163f46;--primary-bg: #0f6670;--primary-hover: #137783;--primary-text: #f9ffff;--focus: rgba(83, 194, 206, .34);--shadow: rgba(0, 0, 0, .52);--danger: #ff7c68;--danger-soft: #41211e;--success: #ffd063;--success-soft: #3c3017;--app-icon-shadow: 0 0 0 1px #6bb7bf, 0 0 0 4px rgba(83, 194, 206, .22), 0 8px 22px rgba(0, 0, 0, .42);--stroke-preview-bg: color-mix(in srgb, var(--surface-soft) 56%, white 44%);--stroke-preview-wash: rgba(255, 255, 255, .3);--stroke-preview-grid: rgba(18, 20, 20, .22);--stroke-preview-border: rgba(107, 183, 191, .5);--handwriting-grid: rgba(184, 244, 244, .16);--handwriting-guide: rgba(184, 244, 244, .84);--handwriting-guide-halo: rgba(0, 0, 0, .82)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--ui-font)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh;transition:grid-template-columns .16s ease}.app-shell.sidebar-collapsed{grid-template-columns:1fr}.app-shell.sidebar-collapsed .main-surface{padding-top:66px}.sidebar{position:relative;display:flex;flex-direction:column;gap:18px;padding:18px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface) 88%,var(--bg))}.sidebar-header{min-height:32px;padding-right:42px}.brand-lockup{display:flex;align-items:center;gap:12px;width:100%;color:var(--text);text-align:left}.brand-icon-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--text);padding:0}.brand-icon-toggle:hover,.brand-icon-toggle:focus-visible,.sidebar-close-button:hover,.sidebar-close-button:focus-visible{color:var(--accent-strong)}.sidebar-close-button{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface) 92%,var(--bg));color:var(--text);box-shadow:0 2px 8px var(--shadow)}.sidebar-close-button:hover,.sidebar-close-button:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.brand-copy strong,.brand-copy span{display:block}.brand-copy span,.sidebar-status,.muted-copy{color:var(--muted)}.brand-icon{display:block;flex:0 0 auto;width:32px;height:32px;border-radius:7px;box-shadow:var(--app-icon-shadow)}.floating-sidebar-toggle{position:fixed;top:10px;left:10px;z-index:60;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);box-shadow:0 5px 18px var(--shadow);padding:4px}.floating-sidebar-toggle:hover,.floating-sidebar-toggle:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.primary-nav{display:grid;gap:0}.nav-section-label{margin:16px 0 2px 6px;color:var(--subtle);font-size:.72rem;font-weight:700;line-height:1.2;text-transform:uppercase}.primary-nav .nav-link{display:flex;align-items:center;gap:10px;width:100%;min-height:32px;border:0;padding:5px 10px;border-radius:8px;background:transparent;color:var(--text);text-align:left;text-decoration:none}.primary-nav .nav-link.nav-link-separated{margin-top:20px}.primary-nav .nav-link.active{background:var(--accent-soft);color:var(--accent-strong)}.primary-nav .nav-link-locked{color:var(--subtle);opacity:.68}.primary-nav .nav-link-locked:hover,.primary-nav .nav-link-locked:focus-visible{background:var(--surface-soft);color:var(--muted)}.nav-teaser{margin-left:auto;border:1px solid var(--border);border-radius:999px;padding:1px 6px;color:var(--subtle);font-size:.68rem}.sidebar-status{display:flex;align-items:center;gap:8px;margin-top:auto;font-size:.88rem}.main-surface{min-width:0;padding:22px}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px}.dashboard-page-grid{grid-template-columns:minmax(0,1fr)}.page-main,.page-aside{display:grid;align-content:start;gap:16px}.content-word-detail{min-width:0}.content-word-detail-hidden{grid-template-columns:minmax(0,1fr)}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dashboard-title-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;flex-wrap:wrap}h1,h2,p{margin:0}h1{font-size:1.9rem;letter-spacing:0}h2{font-size:1rem}.page-title p{margin-top:6px;color:var(--muted)}.tool-panel,.detail-panel,.status-block{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 2px 10px var(--shadow)}.tool-panel,.detail-panel{padding:14px}.logged-out-home-panel{display:grid;gap:12px}.logged-out-home-panel p{margin-top:5px;color:var(--muted)}.signup-page-grid{grid-template-columns:minmax(0,760px)}.signup-page-main{max-width:760px}.signup-panel{display:grid;gap:14px}.signup-panel .section-heading{margin-bottom:0}.signup-google-row,.signup-signed-in{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.signup-google-row{padding-bottom:14px;border-bottom:1px solid var(--border)}.signup-google-row>div,.signup-signed-in>div{display:grid;gap:4px;min-width:0}.signup-google-row p,.signup-signed-in span{color:var(--muted);line-height:1.45;overflow-wrap:anywhere}.signup-divider{color:var(--muted);font-size:.85rem}.signup-status-line{width:fit-content;max-width:100%}.dashboard-resource-section{display:grid;gap:12px}.dashboard-resource-heading{display:grid;gap:5px;max-width:760px}.dashboard-resource-heading p{color:var(--muted);line-height:1.5}.dashboard-resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.dashboard-resource-card{display:grid;align-content:start;gap:9px;min-height:156px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 2px 10px var(--shadow);color:inherit;padding:16px;text-decoration:none}.dashboard-resource-card:hover,.dashboard-resource-card:focus-visible{border-color:var(--accent-strong);background:var(--surface-soft)}.dashboard-resource-card-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--accent-soft) 52%,var(--surface));color:var(--accent-strong)}.dashboard-resource-card span:not(.dashboard-resource-card-icon){color:var(--muted);line-height:1.45}.stat-grid,.split-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.split-row{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.concept-card{display:grid;align-content:start;gap:6px;min-height:124px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:12px}.concept-card svg{color:var(--accent-strong)}.concept-card span{color:var(--muted);line-height:1.45}.content-level-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:10px 12px}.content-level-summary>div{display:grid;gap:3px;min-width:0}.content-level-summary span{color:var(--muted)}.paid-content-onboarding{display:grid;gap:12px}.paid-content-onboarding .section-heading svg{color:var(--accent-strong)}.paid-content-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.paid-content-mode{display:grid;gap:5px;width:100%;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text);padding:10px;text-align:left}.paid-content-mode:not(:disabled):hover,.paid-content-mode:not(:disabled):focus-visible{border-color:var(--accent);background:var(--accent-soft)}.paid-content-mode span{color:var(--muted);line-height:1.4}.paid-content-mode.active{border-color:var(--accent);background:var(--accent-soft)}.dashboard-wizard{display:grid;gap:14px}.wizard-heading{align-items:flex-start;justify-content:space-between}.wizard-heading>div{min-width:0}.wizard-heading h2{font-size:1.05rem}.wizard-path-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.wizard-path{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 9px;align-items:start;min-height:150px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text);padding:10px;text-align:left}.wizard-path svg{color:var(--accent-strong)}.wizard-path strong,.wizard-path .wizard-bullet-list{min-width:0}.wizard-path strong{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.wizard-path-badge{border:1px solid var(--accent);border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:.72rem;font-style:normal;font-weight:700;line-height:1;padding:3px 6px}.wizard-bullet-list{display:grid;gap:4px;margin:0;padding-left:1.1rem;color:var(--muted);line-height:1.45}.wizard-bullet-list li::marker{color:var(--accent-strong);font-size:1.15em}.wizard-path .wizard-bullet-list{grid-column:2;gap:3px;font-size:.9rem;line-height:1.35}.wizard-path.selected{border-color:var(--accent);background:var(--accent-soft)}.wizard-detail,.wizard-paste-box{display:grid;gap:10px}.wizard-hsk-detail{position:relative;padding-right:44px}.wizard-help-link{position:absolute;top:0;right:0}.wizard-detail p,.help-copy p{color:var(--muted);line-height:1.5}.wizard-detail-list{max-width:860px}.wizard-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wizard-limit-field{display:grid;gap:5px;max-width:220px;color:var(--muted)}.wizard-field-help{color:var(--muted);font-size:.82rem;line-height:1.4}.method-control-grid{display:grid;grid-template-columns:minmax(220px,320px);gap:9px;align-items:end}.method-control-grid .wizard-limit-field:last-child{max-width:320px}.method-plan-panel{display:grid;gap:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:10px}.method-target-line{display:grid;gap:5px}.method-target-line p{margin:0;color:var(--text);font-size:1.15rem;line-height:1.45}.method-target-line span:not(.small-pill){color:var(--muted)}.wizard-known-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid var(--border);padding-top:12px}.wizard-known-panel>div{min-width:0}.wizard-known-hsk-panel{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:10px;align-items:end}.wizard-hsk-level-field{display:grid;gap:5px;color:var(--muted)}.wizard-known-hsk-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wizard-known-hsk-actions.single-action{grid-template-columns:1fr}.wizard-known-hsk-help{grid-column:1 / -1;margin:-2px 0 0}.wizard-undo-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--muted);padding:9px 10px}.wizard-undo-strip span{min-width:0}.compact-pasted-candidate-list{max-height:260px;overflow:auto}.help-page .tool-panel{display:grid;gap:10px}.help-copy{display:grid;gap:9px}.compact-help-copy{gap:8px}.help-anchor-panel{scroll-margin-top:18px}.help-anchor-panel:target{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus),0 0 24px color-mix(in srgb,var(--accent) 22%,transparent)}.status-block{display:grid;gap:4px;padding:12px}.status-block strong{font-size:1.5rem}.status-block span{color:var(--muted);font-size:.88rem}.section-heading,.button-row,.review-topline,.detail-header{display:flex;align-items:center;gap:10px}.section-heading,.review-topline,.detail-header{justify-content:space-between;margin-bottom:12px}.section-heading{justify-content:flex-start}.button-row{flex-wrap:wrap}.primary-button,.secondary-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border-radius:8px;border:1px solid var(--primary-bg);padding:7px 11px;text-decoration:none}.primary-button{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-bg) 84%,white),var(--primary-bg));color:var(--primary-text);box-shadow:inset 0 1px #ffffff40,0 2px 5px var(--shadow)}.secondary-button,.icon-button{background:var(--surface-soft);color:var(--text);border-color:var(--border-strong)}.primary-button:hover,.primary-button:focus-visible{background:var(--primary-hover)}.secondary-button:hover,.secondary-button:focus-visible,.icon-button:hover,.icon-button:focus-visible{background:var(--accent-soft)}.compact-icon-button{width:28px;min-height:28px;padding:4px}.content-title-row,.story-title-row{display:flex;align-items:center;gap:8px}.content-title-row h2,.story-title-row h2,.story-title-copy{min-width:0}.line-search-control{display:inline-flex;align-items:center;gap:6px;min-height:32px;margin-left:auto}.line-search-popover{position:relative;display:flex;align-items:center;width:min(280px,42vw);min-width:190px}.line-search-popover input{height:32px;padding:6px 72px 6px 10px;font-size:.86rem}.line-search-clear{position:absolute;right:42px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:var(--muted)}.line-search-clear:hover,.line-search-clear:focus-visible{background:var(--accent-soft);color:var(--accent-strong)}.line-search-status{position:absolute;right:8px;color:var(--muted);font-size:.76rem;font-variant-numeric:tabular-nums}.line-search-toggle.active{border-color:var(--accent);color:var(--accent-strong)}input,select,textarea{width:100%;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);padding:9px 10px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.reader-input{resize:vertical;line-height:1.55}.transfer-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.transfer-controls label{display:grid;gap:6px}.transfer-controls label>span,.checkbox-row{color:var(--muted);font-size:.86rem}.checkbox-row{display:flex;flex-wrap:wrap;align-items:end;gap:8px}.checkbox-row label{width:auto;display:inline-flex;align-items:center;min-height:38px;gap:7px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:7px 10px;color:var(--text)}.checkbox-row input{width:auto}.transfer-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.transfer-preview-group{display:grid;gap:5px;min-width:0;border-top:1px solid var(--border);padding-top:10px}.transfer-preview-group strong{font-size:1.25rem}.transfer-preview-group>span{color:var(--muted);font-size:.86rem}.sample-chip-list{display:flex;flex-wrap:wrap;gap:5px}.sample-chip-list span{border-radius:999px;background:var(--surface-soft);color:var(--text);padding:3px 7px;font-family:var(--hanzi-font)}.title-input{margin-bottom:10px;font-weight:700}.search-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.study-hanzi-search{grid-template-columns:auto minmax(180px,1fr) auto auto}.study-hanzi-page,.flashcards-page-grid,.create-decks-page,.index-page,.pinyin-chart-page{grid-template-columns:minmax(0,1fr)}.content-picker{--content-picker-control-height: 40px;display:grid;grid-template-columns:minmax(150px,.65fr) minmax(220px,1fr) minmax(170px,.75fr) minmax(260px,1.35fr) auto;align-items:end;gap:10px;margin-bottom:16px}.content-picker label,.content-picker-field{display:grid;gap:6px;min-width:0}.content-picker label>span,.content-picker-field>span{color:var(--muted);font-size:.86rem}.content-picker select{height:var(--content-picker-control-height);padding-top:0;padding-bottom:0}.content-search-input{display:grid;grid-template-columns:auto minmax(86px,max-content) minmax(0,1fr);align-items:center;gap:8px;height:var(--content-picker-control-height);border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--muted);padding:0 10px}.content-search-input select{height:calc(var(--content-picker-control-height) - 12px);min-width:0;border-color:var(--border);border-radius:6px;background-color:var(--surface-soft);color:var(--text);padding-left:8px}.content-search-input select:focus{outline:0}.content-search-input input{height:100%;border:0;background:transparent;padding:0}.content-search-input input:focus{outline:0}.content-search-input:focus-within{outline:3px solid var(--focus);outline-offset:2px}.content-picker-count{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--content-picker-control-height);min-height:var(--content-picker-control-height);border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--muted);padding:0 10px;white-space:nowrap}.content-picker-count strong{color:var(--text)}.content-picker-results{grid-column:1 / -1}.content-picker-select{position:relative;min-width:0}.content-picker-select-button{display:grid;align-items:center;width:100%;height:var(--content-picker-control-height);min-height:var(--content-picker-control-height);border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);overflow:hidden;padding:0 10px;text-align:left}.content-picker-select-button:disabled{cursor:not-allowed;opacity:.72}.content-picker-select-button:not(:disabled):hover,.content-picker-select-button:not(:disabled):focus-visible{border-color:var(--accent);outline:3px solid var(--focus);outline-offset:2px}.content-picker-select-empty{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-picker-select-menu{position:absolute;z-index:30;top:calc(100% + 4px);right:0;left:0;display:grid;max-height:310px;overflow-y:auto;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);box-shadow:0 18px 42px var(--shadow)}.content-picker-select-option{display:grid;width:100%;min-height:48px;border:0;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 10px;text-align:left}.content-picker-select-option:last-child{border-bottom:0}.content-picker-select-option:hover,.content-picker-select-option:focus-visible,.content-picker-select-option.selected{background:var(--accent-soft);outline:0}.content-picker-select-button .content-picker-item-summary{display:flex;align-items:center;gap:8px}.content-picker-select-button .content-picker-item-title{flex:1 1 auto;min-width:0}.content-picker-select-button .content-picker-item-status{flex:0 1 auto;max-width:50%}.content-picker-select-button .content-picker-status-text{min-width:0}.content-picker-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px}.content-picker-result{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:54px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text);padding:8px 10px;text-align:left}.content-picker-result svg{color:var(--accent-strong)}.content-picker-item-summary{display:grid;width:100%;min-width:0;gap:2px}.content-picker-item-title,.content-picker-status-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-picker-item-status{display:inline-flex;align-items:center;min-width:0;gap:6px;color:var(--muted);font-size:.78rem}.content-picker-progress-badge{flex:0 0 auto;min-width:42px;border:1px solid color-mix(in srgb,var(--accent) 58%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--surface) 86%,var(--accent-soft));color:var(--accent-strong);font-weight:800;line-height:1;padding:3px 6px;text-align:center}.content-picker-result:hover,.content-picker-result:focus-visible,.content-picker-result.selected{border-color:var(--accent);background:var(--accent-soft)}.content-picker-result.locked{border-style:dashed}.content-picker-result.locked svg,.content-picker-result.locked .content-picker-item-title,.content-picker-result.locked .content-picker-status-text,.content-picker-select-option.locked .content-picker-item-title,.content-picker-select-option.locked .content-picker-status-text{opacity:.55}.content-picker-result.locked .content-picker-progress-badge,.content-picker-select-option.locked .content-picker-progress-badge{opacity:1}.content-picker-result.paid-locked svg,.content-picker-result.deep-locked svg{color:var(--danger)}.inline-check{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;color:var(--muted)}.inline-check input{width:auto}.small-pill{border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--muted);padding:3px 8px;font-size:.8rem}.result-list,.compact-list,.sentence-list{display:grid;gap:8px}.dictionary-result,.list-row,.sentence-list button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;min-height:44px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text);padding:8px 10px;text-align:left}.list-row{grid-template-columns:1fr auto}.dictionary-result:hover,.list-row:hover,.sentence-list button:hover{background:var(--accent-soft)}.result-hanzi,.detail-hanzi,.flashcard-face strong{font-family:var(--hanzi-font)}.result-hanzi{font-size:1.6rem}.study-word-summary{display:grid;gap:10px}.study-word-heading,.character-study-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.study-word-heading>div,.character-study-header>div{display:grid;min-width:0;gap:3px}.study-word-heading span,.character-study-header span{color:var(--muted)}.study-word-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.study-word-text,.character-glyph,.hanzi-chip-glyph{font-family:var(--hanzi-font)}.study-word-text{font-size:3rem;line-height:1}.study-word-definitions{margin-top:0}.alternate-readings,.hanzi-chip-list{display:flex;flex-wrap:wrap;gap:8px}.alternate-readings button,.hanzi-chip,.text-link-button{border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text)}.alternate-readings button{padding:7px 10px}.text-link-button{justify-self:start;padding:6px 9px;color:var(--accent-strong)}.alternate-readings button:hover,.hanzi-chip:hover,.text-link-button:hover{background:var(--accent-soft)}.character-study-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.character-study-card{display:grid;align-content:start;gap:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 2px 10px var(--shadow);padding:14px}.character-glyph{display:grid;place-items:center;flex:0 0 auto;width:54px;height:54px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-soft);color:var(--text);font-size:2.2rem}.character-glyph:hover{background:var(--accent-soft);color:var(--accent-strong)}.compact-stroke-box{justify-self:center;width:min(100%,260px);aspect-ratio:1;min-height:0;margin-bottom:0}.compact-stroke-box .stroke-preview-wrap>img,.compact-stroke-box .stroke-preview-wrap>svg{width:100%;height:100%}.compact-stroke-box .stroke-preview-wrap{width:100%;height:100%;min-height:0}.hanzi-breakdown-group{display:grid;gap:7px}.hanzi-breakdown-label{color:var(--muted);font-size:.84rem;font-weight:700}.hanzi-chip{display:inline-grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;max-width:100%;min-height:40px;padding:7px 9px;text-align:left}.hanzi-chip-glyph{font-size:1.5rem}.hanzi-chip-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.hanzi-breakdown-empty{border:1px dashed var(--border);border-radius:8px;color:var(--muted);padding:9px}.word-flow{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 3px;line-height:1.35;padding:6px 0}.plain-token{white-space:pre-wrap;color:var(--muted)}.word-token{display:inline-grid;grid-auto-rows:auto;align-content:center;min-width:0;max-width:none;border:0;border-radius:6px;background:transparent;color:var(--text);padding:1px 3px 2px;text-align:center}.word-token:hover{background:var(--accent-soft)}.word-token.known{color:color-mix(in srgb,var(--success) 50%,var(--text))}.word-token.unwanted{color:color-mix(in srgb,var(--danger) 50%,var(--text))}.hidden-known{min-width:0;opacity:.75}.hanzi{font-family:var(--hanzi-font);font-size:1.45rem}.pinyin,.definition{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem}.pinyin{color:var(--accent-strong)}.definition{color:var(--muted)}.detail-panel{position:sticky;top:18px;display:grid;gap:10px}.detail-panel.empty{color:var(--muted)}.detail-header{margin-bottom:0}.detail-header span,.detail-pinyin,.detail-meta{color:var(--muted)}.detail-hanzi{display:block;font-size:2.8rem;line-height:1}.definition-list{margin:0;padding-left:18px;color:var(--muted)}.detail-meta{display:flex;flex-wrap:wrap;gap:6px}.detail-meta span,.feedback-line{border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);padding:3px 8px;font-size:.82rem}.empty-strip{border:1px dashed var(--border-strong);border-radius:8px;color:var(--muted);padding:12px}.reading-stage{min-height:220px}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.answer-grid label{display:grid;gap:6px;color:var(--muted)}.flashcard-face{display:grid;align-items:center;justify-items:start;min-height:190px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);margin-bottom:12px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.flashcard-face.is-revealed{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.compact-page-title{margin-bottom:-4px}.flashcard-review-panel{container-type:inline-size;display:grid;gap:10px;min-width:0}.flashcard-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;margin-bottom:0}.compact-toggle{justify-content:center;min-height:36px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:0 10px}.flashcard-review-form{display:grid;gap:10px}.compact-flashcard-face{align-content:center;justify-items:stretch;min-height:150px;margin-bottom:0;padding:12px}.flashcard-character-block>span{color:var(--muted)}.flashcard-face-content{display:grid;align-items:center;width:100%;min-width:0}.flashcard-face-content.has-learning-hint{grid-template-columns:auto auto;justify-content:start;gap:20px}.flashcard-character-block{display:grid;justify-items:start;min-width:0}.flashcard-word-line{position:relative;display:inline-block;max-width:100%;min-width:0;padding-right:24px}.flashcard-word-line strong{display:block;min-width:0}.flashcard-audio-button{position:absolute;top:5px;right:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid color-mix(in srgb,var(--accent) 62%,var(--border));border-radius:6px;background:var(--accent-soft);color:var(--accent-strong);padding:0}.flashcard-audio-button:hover,.flashcard-audio-button:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 82%,var(--surface));color:var(--accent-strong);box-shadow:0 0 0 3px var(--focus)}.flashcard-learning-hint{display:grid;justify-self:start;justify-items:start;gap:4px;width:fit-content;max-width:min(420px,100%);min-width:0;border:1px solid color-mix(in srgb,var(--accent) 44%,var(--border));border-radius:8px;background:color-mix(in srgb,var(--surface) 78%,var(--accent-soft));color:var(--muted);padding:10px 12px;text-align:left}.flashcard-reveal-status{color:var(--muted);font-size:.78rem;font-weight:700}.flashcard-answer-pinyin{color:var(--accent-strong)}@container (max-width: 640px){.flashcard-face-content.has-learning-hint{grid-template-columns:1fr;gap:10px}}.flashcard-answer-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:12px;align-items:start}.answer-column{display:grid;gap:8px;min-width:0}.answer-field{display:grid;gap:6px;color:var(--muted)}.answer-choice-toggle{display:inline-flex;justify-self:start}.input-with-clear{position:relative}.input-with-clear input{padding-right:40px}.input-clear-button{position:absolute;top:50%;right:5px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);transform:translateY(-50%)}.input-clear-button:hover,.input-clear-button:focus-visible{border-color:var(--border);background:var(--surface-soft);color:var(--text)}.input-clear-button:disabled{opacity:.42;cursor:default}.picker-section{display:grid;gap:6px;min-width:0}.picker-row{display:flex;flex-wrap:wrap;gap:7px;align-items:flex-start;max-width:100%;overflow:visible}.picker-chip{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:5px;min-height:34px;max-width:180px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text);padding:6px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-chip.exact{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:var(--accent-soft);color:var(--accent-strong)}.comprehension-page{max-width:900px}.comprehension-panel,.comprehension-card{display:grid;gap:12px}.comprehension-toolbar{justify-content:flex-start;margin-bottom:0}.comprehension-toolbar .button-row{margin-left:auto}.comprehension-choice-toggle{display:inline-flex;align-items:center;gap:8px}.comprehension-choice-toggle input{width:auto}.comprehension-prompt{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:12px}.comprehension-prompt>div{display:grid;gap:3px;min-width:0}.comprehension-prompt span,.comprehension-result span{color:var(--muted)}.comprehension-answer-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.comprehension-answer-form input{min-height:46px;font-family:var(--hanzi-font);font-size:1.3rem}.comprehension-choice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.comprehension-choice{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:96px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-soft);color:var(--text);padding:10px;font-family:var(--hanzi-font);font-size:1.25rem;line-height:1.45;text-align:left}.comprehension-choice.auto-feedback:disabled{opacity:1}.comprehension-choice-text{min-width:0}.comprehension-choice-feedback{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:999px;background:var(--surface);flex:0 0 auto}.comprehension-choice-feedback.good{color:var(--success)}.comprehension-choice-feedback.bad{color:var(--danger)}.comprehension-choice:not(:disabled):hover,.comprehension-choice:not(:disabled):focus-visible{border-color:var(--accent);background:var(--accent-soft)}.comprehension-choice.correct{border-color:var(--success);background:var(--success-soft);color:var(--success)}.comprehension-choice.wrong{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.comprehension-result{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:12px}.comprehension-result.good{border-color:var(--success);background:var(--success-soft);color:var(--success)}.comprehension-result.bad{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.comprehension-result p{margin-top:4px;font-family:var(--hanzi-font);font-size:1.45rem;line-height:1.4}.comprehension-actions{justify-content:flex-start}.speech-page{max-width:900px}.speech-panel,.speech-card{display:grid;gap:12px}.speech-toolbar{justify-content:space-between;margin-bottom:0}.speech-live-indicator{display:inline-flex;min-height:38px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--muted);padding:0 10px;font-weight:700}.speech-live-indicator.active{border-color:var(--success);background:var(--success-soft);color:var(--success)}.speech-prompt{display:grid;gap:6px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:14px}.speech-prompt span,.speech-prompt small,.speech-result span,.speech-feedback-lines{color:var(--muted)}.speech-prompt strong{font-family:var(--hanzi-font);font-size:3rem;line-height:1.15}.speech-prompt p{font-size:1rem;line-height:1.5}.speech-prompt .speech-english{color:var(--text);font-weight:600}.speech-result{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:12px}.speech-result.good{border-color:var(--success);background:var(--success-soft);color:var(--success)}.speech-result.bad{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.speech-result.retry{border-color:color-mix(in srgb,var(--accent) 62%,var(--border));background:var(--accent-soft);color:var(--accent-strong)}.speech-result p{margin-top:4px;font-family:var(--hanzi-font);font-size:1.5rem;line-height:1.4}.speech-result span{display:block;margin-top:4px}.speech-difference-row{display:flex;flex-wrap:wrap;gap:8px}.speech-difference-chip{border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text);padding:5px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.speech-feedback-lines{display:grid;gap:4px}.speech-attempt-message{width:fit-content}.speech-actions{justify-content:flex-start}.auto-submit-flash{min-height:24px;border-radius:8px;background:var(--success-soft);color:var(--success);padding:4px 8px;font-size:.86rem}.flashcard-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:0}.flashcard-actions>.primary-button,.flashcard-actions>.secondary-button{flex:0 1 auto;max-width:100%;white-space:nowrap}@container (max-width: 680px){.flashcard-actions>.primary-button,.flashcard-actions>.secondary-button{flex:1 1 145px}}@container (max-width: 520px){.flashcard-actions>.primary-button,.flashcard-actions>.secondary-button{flex-basis:100%}}.flashcard-result{display:grid;justify-items:start;gap:4px;border-radius:8px;padding:10px 12px;white-space:normal}.flashcard-result span{color:inherit}.flashcard-empty a{color:var(--accent-strong)}.stroke-box{display:grid;place-items:center;position:relative;min-height:220px;margin-bottom:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--accent-strong)}.stroke-box .stroke-preview-wrap>img,.stroke-box .stroke-preview-wrap>svg{width:min(100%,260px);height:260px}.stroke-preview-wrap{position:relative;isolation:isolate;display:grid;place-items:center;width:min(100%,280px);min-height:260px;overflow:hidden;border:1px solid var(--stroke-preview-border);border-radius:8px;background:var(--stroke-preview-bg);box-shadow:inset 0 0 0 1px #ffffff94}.stroke-preview-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(to right,transparent calc(50% - .5px),var(--stroke-preview-grid) calc(50% - .5px),var(--stroke-preview-grid) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),var(--stroke-preview-grid) calc(50% - .5px),var(--stroke-preview-grid) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(var(--stroke-preview-wash),var(--stroke-preview-wash))}.stroke-preview-wrap>img,.stroke-preview-wrap>svg{position:relative;z-index:1;display:block;object-fit:contain}.stroke-reload-button{position:absolute;top:8px;right:8px;z-index:2;display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);box-shadow:0 4px 14px var(--shadow)}.stroke-reload-button:hover{border-color:var(--accent);color:var(--accent-strong)}.stroke-reload-button svg{width:16px;height:16px}@keyframes hanzitrail-reveal-stroke{to{stroke-dashoffset:0}}@keyframes hanzitrail-hide-active-stroke{to{opacity:0}}@keyframes hanzitrail-show-completed-stroke{to{opacity:1}}.flashcard-face strong{font-size:6rem;line-height:1}.developer-menu{position:fixed;right:14px;bottom:64px;display:flex;flex-direction:column-reverse;align-items:flex-end;gap:8px;z-index:40}.developer-menu-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px}.developer-menu-grip{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;border:1px solid var(--accent);border-radius:8px;background:var(--surface);color:var(--accent-strong);box-shadow:var(--shadow);cursor:grab;padding:0;touch-action:none}.developer-menu-toggle{min-height:34px;border:1px solid var(--accent);border-radius:8px;background:var(--surface);color:var(--accent-strong);box-shadow:var(--shadow);padding:0 10px}.developer-menu-grip:hover,.developer-menu-grip:focus-visible,.developer-menu-toggle:hover,.developer-menu-toggle:focus-visible{background:var(--accent-soft);color:var(--accent-strong)}.developer-menu.dragging,.floating-annotation-toolbar.dragging,.developer-menu.dragging .developer-menu-grip,.floating-annotation-toolbar.dragging .toolbar-grip{cursor:grabbing}.developer-menu-panel{display:grid;gap:10px;min-width:240px;max-width:min(320px,calc(100vw - 28px));max-height:calc(100dvh - 96px);overflow:auto;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);padding:10px}.developer-menu-panel label{display:grid;gap:5px;color:var(--muted);font-size:.86rem}.developer-menu-panel .developer-menu-checkbox{display:inline-flex;align-items:center;gap:8px}.developer-menu-checkbox input{width:auto}.developer-menu-panel small{color:var(--muted);line-height:1.35}.feedback-line.good{border-color:color-mix(in srgb,var(--success) 55%,var(--border));background:var(--success-soft);color:var(--success)}.feedback-line.bad{border-color:color-mix(in srgb,var(--danger) 55%,var(--border));background:var(--danger-soft);color:var(--danger)}.audio-access-message{margin-top:8px;width:fit-content;max-width:100%}.transfer-status{margin-top:10px}.review-preview{display:grid;gap:5px}.review-preview strong{font-family:var(--hanzi-font);font-size:3rem}.story-tabs,.theme-grid,.pinyin-grid,.word-chip-list{display:flex;flex-wrap:wrap;gap:8px}.story-tabs button,.theme-grid button,.pinyin-grid button,.word-chip-list span{border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text);padding:7px 10px}.story-tabs button.active,.theme-grid button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.account-panel{display:grid;gap:12px}.account-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.account-summary>div{display:grid;gap:3px;min-width:0}.account-summary span{color:var(--muted);overflow-wrap:anywhere}.auth-provider-list{display:flex;flex-wrap:wrap;gap:8px}.auth-provider-list span{border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text);padding:7px 10px;overflow-wrap:anywhere}.auth-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.auth-form-grid label{display:grid;gap:6px;color:var(--muted);font-size:.88rem}.auth-mode-grid,.auth-form-grid .primary-button{grid-column:1 / -1}.account-status-line{width:fit-content;max-width:100%}@media (max-width: 620px){.auth-form-grid{grid-template-columns:1fr}.signup-google-row,.signup-signed-in{align-items:stretch}.signup-google-row .secondary-button,.signup-signed-in .primary-button{width:100%}}.story-intro{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding-top:4px}.story-intro svg{margin-top:2px;color:var(--accent-strong)}.story-intro h2{font-size:1.12rem;line-height:1.25}.story-intro p{max-width:78ch;margin-top:7px;color:var(--muted);line-height:1.55}.content-unlock-panel{display:grid;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.content-unlock-summary,.content-unlock-title,.content-unlock-target,.content-unlock-stats,.content-unlock-bridge-row{display:flex;align-items:center;gap:10px}.content-unlock-summary,.content-unlock-bridge-row{justify-content:space-between}.content-unlock-title{min-width:0}.content-unlock-title svg{color:var(--accent-strong);flex:0 0 auto}.content-unlock-title h3{margin:0;font-size:.98rem}.content-unlock-title span,.content-unlock-target,.content-unlock-lock-reason,.content-unlock-message{color:var(--muted);font-size:.86rem}.content-unlock-lock-reason{justify-self:start;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);padding:4px 8px}.content-unlock-target{flex:0 0 auto;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);padding:4px 8px}.content-unlock-meter{height:8px;overflow:hidden;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft)}.content-unlock-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--success))}.content-unlock-stats{flex-wrap:wrap;gap:6px}.content-unlock-stats span{border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--muted);padding:4px 8px;font-size:.82rem}.content-unlock-stats strong{color:var(--text)}.content-unlock-bridge-list{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.content-unlock-bridge-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px}.content-unlock-bridge-import{position:relative;display:inline-flex}.content-unlock-deck-menu{position:absolute;z-index:35;top:calc(100% + 4px);right:0;display:grid;min-width:210px;overflow:hidden;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);box-shadow:0 16px 36px var(--shadow)}.content-unlock-deck-menu button{display:grid;gap:2px;width:100%;border:0;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text);padding:8px 10px;text-align:left}.content-unlock-deck-menu button:last-child{border-bottom:0}.content-unlock-deck-menu button:hover,.content-unlock-deck-menu button:focus-visible{background:var(--accent-soft);outline:0}.content-unlock-deck-menu span{color:var(--muted);font-size:.78rem}.bridge-word-chip{display:grid;max-width:180px;min-height:42px;align-content:center;gap:1px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:5px 8px}.bridge-word-chip strong{font-family:var(--hanzi-font);font-size:1.05rem;line-height:1}.bridge-word-chip small{overflow:hidden;color:var(--muted);font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.content-locked-intro,.content-locked-heading{border-bottom:1px solid var(--border);padding-bottom:12px}.content-unlock-queue-panel{display:grid;gap:10px}.content-unlock-queue-panel .section-heading{margin-bottom:0}.content-unlock-queue{display:grid;gap:8px}.content-unlock-queue-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:58px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:9px 10px}.content-unlock-queue-row.locked{border-style:dashed}.content-unlock-queue-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;min-width:0}.content-unlock-queue-main svg{color:var(--accent-strong)}.content-unlock-queue-main>div{display:grid;gap:2px;min-width:0}.content-unlock-queue-main strong,.content-unlock-queue-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-unlock-queue-main span{color:var(--muted);font-size:.86rem}.content-unlock-queue-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.content-unlock-queue-panel.compact .content-unlock-queue-row{grid-template-columns:1fr;align-items:stretch}.content-unlock-queue-panel.compact .content-unlock-queue-actions{justify-content:flex-start}.story-challenge-text{display:grid;gap:4px;max-width:72ch;font-family:var(--hanzi-font);font-size:1.35rem;line-height:1.48;color:var(--text)}.story-challenge-text p{margin:0}.sentence-list button{grid-template-columns:1fr}.conversation-lines{display:grid;gap:12px}.conversation-line{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.conversation-line.reading-current{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 36%,var(--surface-soft));box-shadow:inset 3px 0 0 var(--accent)}.conversation-line-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.conversation-line-meta{display:flex;min-width:0;flex-wrap:wrap;align-items:center;gap:7px}.conversation-speaker{display:flex;align-items:center;gap:7px;color:var(--muted)}.conversation-speaker strong{color:var(--text)}.line-unlock-pill{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);padding:3px 8px;font-size:.78rem;white-space:nowrap}.line-unlock-pill.unlocked{border-color:color-mix(in srgb,var(--success) 45%,var(--border));background:var(--success-soft);color:var(--success)}.line-audio-button{display:inline-grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text)}.line-audio-button:hover,.line-audio-button:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.line-audio-button.audio-needs-work,.primary-button.audio-needs-work,.secondary-button.audio-needs-work{border-color:color-mix(in srgb,var(--danger) 70%,var(--border));background:var(--danger-soft);color:var(--danger)}.line-audio-button.audio-needs-work:hover,.line-audio-button.audio-needs-work:focus-visible,.primary-button.audio-needs-work:hover,.primary-button.audio-needs-work:focus-visible,.secondary-button.audio-needs-work:hover,.secondary-button.audio-needs-work:focus-visible{border-color:var(--danger);background:color-mix(in srgb,var(--danger-soft) 70%,var(--surface));color:var(--danger)}.line-audio-button.audio-review-click,.primary-button.audio-review-click,.secondary-button.audio-review-click{box-shadow:inset 0 0 0 1px currentColor}.audio-review-page{grid-template-columns:minmax(0,1fr)}.audio-review-summary{display:flex;align-items:center;gap:8px}.audio-review-list{display:grid;gap:12px}.audio-review-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:14px;align-items:start}.audio-review-line{display:grid;min-width:0;gap:5px}.audio-review-source{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--muted);font-size:.82rem}.audio-review-source span,.audio-review-playing,.audio-review-missing{border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--muted);padding:2px 7px;font-size:.78rem}.audio-review-hanzi{font-family:var(--hanzi-font);font-size:1.8rem;line-height:1.25}.audio-review-pinyin{color:var(--accent-strong)}.audio-review-meta{color:var(--muted);font-size:.84rem}.audio-review-variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.audio-review-variant{display:grid;align-content:start;gap:8px;min-height:116px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:10px}.audio-review-variant.marked{border-color:color-mix(in srgb,var(--danger) 58%,var(--border));background:var(--danger-soft)}.audio-review-variant>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.audio-review-variant>div:first-child span{color:var(--muted);font-size:.8rem}.audio-review-variant-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.audio-review-variant-actions .secondary-button{min-height:34px}.audio-review-playing{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:var(--accent-strong)}.audio-review-missing{width:fit-content}.audio-review-analysis{display:grid;gap:5px;border-top:1px solid var(--border);padding-top:8px;font-size:.84rem}.audio-review-analysis.good{border-top-color:color-mix(in srgb,var(--success) 55%,var(--border))}.audio-review-analysis.bad{border-top-color:color-mix(in srgb,var(--danger) 55%,var(--border))}.audio-review-analysis p{margin:0;overflow-wrap:anywhere}.audio-review-analysis-status{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.audio-review-analysis-status span{border:1px solid var(--border);border-radius:999px;color:var(--muted);padding:1px 6px;font-size:.76rem}.line-english{margin:0;color:var(--muted)}.pinyin-grid{max-height:420px;overflow:auto}.pinyin-grid button{display:grid;min-width:66px;border-radius:8px}.pinyin-grid small{color:var(--muted)}.deck-target-panel{display:grid;gap:10px}.create-decks-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);align-items:start;gap:16px}.create-decks-source-column{display:grid;gap:16px;min-width:0}.deck-import-list{max-height:340px;overflow:auto}.selectable-list-row{grid-template-columns:22px minmax(0,1fr) auto}.selectable-list-row strong,.selected-source-row strong{min-width:0;overflow-wrap:anywhere}.selectable-list-row.selected{border-color:var(--accent);background:var(--accent-soft)}.selectable-list-row.locked{border-style:dashed}.selectable-list-row.locked .selection-check{border-color:color-mix(in srgb,var(--danger) 45%,var(--border))}.selection-check{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid var(--border-strong);border-radius:5px;color:var(--accent-strong);background:var(--surface)}.selectable-list-row.selected .selection-check{border-color:var(--accent);background:var(--surface)}.create-deck-preview{margin:10px 0}.pasted-candidate-panel{display:grid;gap:10px;margin-top:10px}.generated-limit-field{display:grid;gap:4px;color:var(--muted)}.pasted-candidate-summary{margin:0}.pasted-candidate-list{display:grid;gap:4px;max-height:440px;overflow:auto;padding-right:2px}.pasted-candidate-row{display:grid;gap:10px;align-items:start;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:10px}.pasted-candidate-row.muted{opacity:.56;background:var(--surface)}.pasted-candidate-body,.pasted-candidate-title{display:grid;gap:2px;min-width:0}.pasted-candidate-title{grid-template-columns:auto auto auto minmax(0,1fr);align-items:center;column-gap:7px}.pasted-candidate-title strong{color:var(--accent-strong);overflow-wrap:anywhere}.pasted-candidate-title em{border-radius:6px;background:var(--surface);color:var(--muted);font-size:.78rem;font-style:normal;padding:2px 6px}.pasted-candidate-pinyin,.pasted-candidate-meta{color:var(--muted)}.pasted-candidate-definition{overflow-wrap:anywhere}.import-box-flight{position:fixed;left:0;top:0;z-index:80;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--accent);border-radius:8px;background:var(--accent-soft);color:var(--accent-strong);box-shadow:var(--shadow);pointer-events:none;transform:translate(var(--flight-from-x),var(--flight-from-y)) scale(1);animation:import-box-flight 2s cubic-bezier(.16,1,.3,1) forwards}@keyframes import-box-flight{0%{opacity:1;transform:translate(var(--flight-from-x),var(--flight-from-y)) scale(1)}70%{opacity:.92;transform:translate(var(--flight-to-x),var(--flight-to-y)) scale(.72)}to{opacity:0;transform:translate(var(--flight-to-x),var(--flight-to-y)) scale(.48)}}.generated-source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.generated-source-block{display:grid;align-content:start;gap:9px;min-width:0}.mini-heading{display:flex;align-items:center;gap:7px}.generated-hsk-list{grid-auto-rows:max-content;max-height:none;overflow:visible}.generated-hsk-list .selectable-list-row{display:flex;align-items:start;min-height:44px;padding-block:10px;white-space:normal;overflow:visible}.generated-hsk-list .selectable-list-row .selection-check{align-self:start;margin-top:2px}.generated-hsk-row-copy{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-width:0;overflow:visible;white-space:normal}.generated-hsk-row-copy strong{overflow-wrap:anywhere;line-height:1.25;white-space:normal}.generated-hsk-row-copy span{color:var(--muted);line-height:1.25;white-space:normal}.generated-source-copy{margin:0;color:var(--muted);font-size:.88rem;line-height:1.35}.level-import-groups{display:grid;gap:8px}.level-import-group{border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);overflow:hidden}.level-import-group summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;cursor:pointer;padding:10px 12px;font-weight:750}.level-import-group summary small{color:var(--muted);font-weight:650}.level-import-list{max-height:280px;border-top:1px solid var(--border);border-radius:0;padding:8px}.preset-button-row{display:flex;flex-wrap:wrap;gap:6px}.chip-button{width:auto;min-height:30px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text);padding:4px 10px}.import-box-panel{position:sticky;top:16px;display:grid;gap:12px}.import-destination-summary,.selected-source-summary,.import-box-policy,.import-box-warning{display:grid;gap:3px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:10px}.import-destination-summary span,.selected-source-summary span,.import-destination-summary small,.deck-destination-options small,.selected-source-row span,.import-box-policy{color:var(--muted)}.import-box-warning{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.deck-destination-options{display:grid;gap:8px}.destination-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:9px}.destination-option.selected{border-color:var(--accent);background:var(--accent-soft)}.destination-option input{width:auto;margin-top:3px}.destination-option span,.destination-fields label,.selected-source-row>div{display:grid;gap:3px;min-width:0}.destination-fields{display:grid;gap:8px}.destination-fields label{color:var(--muted)}.import-box-drop-target{display:grid;gap:8px}.selected-source-list{display:grid;gap:8px;max-height:230px;overflow:auto}.selected-source-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:8px}.import-box-preview-panel{display:grid;gap:8px}.import-box-preview-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.import-box-preview-heading strong{font-size:.9rem}.import-box-preview-heading span{color:var(--muted);font-size:.82rem;text-align:right}.import-box-word-preview{max-height:138px;overflow:auto}.import-box-action{width:100%;justify-content:center}.compact-button{min-height:32px;width:auto;padding:5px 10px}.private-word-list-manager{margin-top:16px;display:grid;gap:12px}.managed-list-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:8px}.managed-list-tab{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;min-height:42px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);color:var(--text);padding:8px 10px;text-align:left}.managed-list-tab.selected{border-color:var(--accent);background:var(--accent-soft)}.managed-list-tab strong{min-width:34px;border:1px solid var(--border);border-radius:999px;background:var(--surface);padding:2px 8px;text-align:center}.managed-list-actions-row{display:flex;justify-content:flex-start}.managed-list-toolbar{display:grid;gap:10px}.managed-list-toolbar label{display:grid;gap:4px;color:var(--muted)}.danger-outline-button,.word-remove-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;border:1px solid var(--danger);border-radius:7px;background:var(--danger-soft);color:var(--danger)}.danger-outline-button{min-height:38px;padding:7px 11px}.danger-outline-button:hover,.danger-outline-button:focus-visible,.word-remove-button:hover,.word-remove-button:focus-visible{border-color:var(--danger);background:var(--danger);color:var(--surface)}.danger-outline-button:disabled,.word-remove-button:disabled{border-color:var(--border);background:var(--surface-soft);color:var(--muted)}.managed-list-view,.managed-deck-list{display:grid;gap:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft);padding:12px}.managed-word-list-panel{display:grid;gap:10px}.managed-word-list-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.managed-word-list-header h3{margin:0;font-size:1rem}.managed-word-list-header p{margin:3px 0 0;color:var(--muted)}.managed-word-list-header>strong{min-width:38px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);padding:4px 9px;text-align:center}.managed-list-view-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.managed-list-view-header h3,.managed-list-view-header p{margin:0}.managed-list-view-header p{color:var(--muted)}.managed-list-view-header>strong{min-width:54px;border:1px solid var(--border);border-radius:999px;background:var(--surface);padding:4px 9px;text-align:center}.managed-word-table{display:grid;gap:6px;max-height:420px;overflow:auto}.managed-word-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:8px}.managed-word-row>div{display:grid;gap:2px;min-width:0}.managed-word-row strong{overflow-wrap:anywhere}.managed-word-row small{color:var(--muted)}.word-remove-button{min-height:32px;padding:5px 9px}.managed-list-pagination{display:flex;justify-content:flex-end;gap:8px}.pinyin-chart-search{margin-bottom:10px}.pinyin-chart-count{justify-self:start}.pinyin-chart-groups{display:grid;gap:12px}.pinyin-chart-group .section-heading{margin-bottom:8px}.pinyin-chart-group .pinyin-grid{max-height:none}.pinyin-chart-group .pinyin-grid button{grid-template-columns:1fr auto;justify-items:start;min-width:76px}.pinyin-chart-group .pinyin-grid small{grid-column:1 / -1}.index-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:10px}.index-count{justify-self:end}.index-table-panel{padding-top:6px}.index-table-wrap{overflow-x:auto}.index-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0 8px}.index-table th{color:var(--muted);font-size:.78rem;font-weight:700;text-align:left;text-transform:uppercase}.index-table th,.index-table td{padding:8px 10px;vertical-align:middle}.index-table td{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-soft)}.index-table td:first-child{border-left:1px solid var(--border);border-radius:8px 0 0 8px}.index-table td:last-child{border-right:1px solid var(--border);border-radius:0 8px 8px 0}.index-table tr:hover td{background:var(--accent-soft)}.index-table td>small,.index-table td>span+small,.index-table td>strong+small{display:block;margin-top:2px;color:var(--muted);font-size:.78rem}.index-hanzi-link,.index-hanzi-text{font-family:var(--hanzi-font);font-size:1.8rem;line-height:1}.index-hanzi-link{color:var(--accent-strong);text-decoration:none}.index-hanzi-link:hover,.index-hanzi-link:focus-visible{color:var(--text);text-decoration:underline}.index-hanzi-link.secondary{color:var(--text)}.radical-simple-link{font-size:2.35rem}.index-chip-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.index-chip-row span{border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);padding:2px 7px;font-family:var(--hanzi-font);font-size:1rem}.radical-index-table{min-width:820px}.measure-words-table{min-width:780px}.word-chip-list span{font-family:var(--hanzi-font);font-size:1.2rem}.word-chip-list.unwanted span{background:var(--danger-soft)}.floating-annotation-toolbar{position:fixed;right:14px;bottom:14px;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100vw - 28px);padding:6px;border:1px solid color-mix(in srgb,var(--accent) 70%,var(--border));border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 95%,var(--accent-soft)),var(--surface-soft));color:var(--text);box-shadow:0 10px 26px var(--shadow),inset 0 1px 0 color-mix(in srgb,white 36%,transparent);-webkit-user-select:none;user-select:none}.toolbar-grip{cursor:grab;touch-action:none;color:var(--accent-strong)}.toolbar-status{max-width:82px;color:var(--muted);font-size:.76rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-audio-status{max-width:72px;color:var(--muted);font-size:.76rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-divider{width:1px;height:24px;background:var(--border-strong)}.floating-annotation-toolbar button{position:relative;min-width:34px;min-height:32px;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface);color:var(--text);padding:5px 8px;font-size:.82rem;font-weight:750;overflow:hidden;white-space:nowrap}.floating-annotation-toolbar button.toolbar-grip{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding-inline:4px}.floating-annotation-toolbar button.speed-toggle{min-width:66px}.toolbar-check{display:inline-flex;align-items:center;gap:6px;min-height:32px;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface);color:var(--text);padding:5px 8px;font-size:.82rem;font-weight:700;white-space:nowrap}.toolbar-check input{width:auto;margin:0}.floating-annotation-toolbar button:hover,.floating-annotation-toolbar button:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.floating-annotation-toolbar button.active{border-color:var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 72%,white),var(--accent-soft));color:var(--accent-strong);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 32%,transparent)}.floating-annotation-toolbar button.speed-toggle.active{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 36%,transparent),0 0 16px color-mix(in srgb,var(--accent) 42%,transparent)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}@media (max-width: 1220px){.create-decks-layout{grid-template-columns:1fr}.import-box-panel{position:static}}@media (max-width: 980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:min(248px,calc(100vw - 24px));box-shadow:0 12px 30px var(--shadow)}.main-surface{padding:14px}.app-shell.sidebar-collapsed .main-surface{padding-top:58px}.page-grid{grid-template-columns:1fr}.content-word-detail{display:none}.content-word-detail.active{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);left:50%;z-index:60;display:block;width:min(420px,calc(100vw - 20px));transform:translate(-50%)}.content-word-detail.active .detail-panel{position:static;max-height:min(70vh,calc(100dvh - 20px));overflow:auto;box-shadow:0 14px 32px var(--shadow)}.page-title,.review-topline{flex-direction:column;align-items:stretch}.stat-grid,.concept-grid,.split-row,.paid-content-mode-grid,.wizard-path-grid,.wizard-action-grid,.wizard-known-panel,.wizard-known-hsk-panel,.wizard-known-hsk-actions,.wizard-undo-strip,.method-control-grid,.answer-grid,.content-picker,.create-decks-layout,.generated-source-grid,.comprehension-answer-form,.comprehension-choice-grid,.index-toolbar,.transfer-controls,.transfer-preview{grid-template-columns:1fr}.wizard-hsk-detail{padding-right:38px}.audio-review-row,.audio-review-variants{grid-template-columns:1fr}.content-unlock-summary,.content-unlock-bridge-row{align-items:stretch;flex-direction:column}.content-unlock-target,.content-unlock-bridge-row .secondary-button{align-self:stretch}.content-unlock-bridge-actions,.content-unlock-bridge-import,.content-unlock-bridge-import .secondary-button{width:100%}.content-title-row,.story-title-row{align-items:flex-start;flex-wrap:wrap}.line-search-control.open{width:100%;margin-left:0}.line-search-control.open .line-search-popover{flex:1;width:auto;min-width:0}.content-unlock-deck-menu{right:auto;left:0;width:100%}.content-level-summary,.content-unlock-queue-row{grid-template-columns:1fr;align-items:stretch}.content-level-summary{flex-direction:column}.content-unlock-queue-actions{justify-content:flex-start}.speech-toolbar{align-items:stretch}.speech-toolbar .button-row,.speech-actions{width:100%}.speech-prompt strong{font-size:2.2rem}.import-box-panel{position:static}.wizard-heading{flex-direction:column;align-items:stretch}.detail-panel{position:static}.study-hanzi-search{grid-template-columns:1fr}.study-hanzi-search>svg{display:none}.inline-check,.study-hanzi-search .primary-button{justify-self:stretch}.flashcard-toolbar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.flashcard-toolbar select{flex:1 0 100%}.flashcard-toolbar .compact-toggle{min-height:34px;padding-inline:9px}.flashcard-answer-stack{grid-template-columns:1fr}.compact-flashcard-face{min-height:132px}h1{font-size:1.55rem}.flashcard-face strong{font-size:4.5rem}.floating-annotation-toolbar{right:8px;bottom:10px}.developer-menu{right:8px;bottom:60px}.toolbar-status{display:none}}.handwriting-practice-panel,.study-handwriting-practice{display:grid;justify-items:center;gap:10px}.handwriting-review-panel{display:grid;gap:12px}.compact-field{display:grid;gap:6px;min-width:min(100%,280px);color:var(--muted)}.deck-stats{color:var(--muted);font-size:.92rem}.handwriting-card{display:grid;justify-items:center;gap:10px}.handwriting-target{min-height:1.2em;font-family:var(--hanzi-font);font-size:5.2rem;line-height:1}.hidden-target{visibility:hidden}.handwriting-prompt{min-height:1.2em;color:var(--muted)}.handwriting-pinyin{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;min-height:1.4em;color:var(--muted);font-size:1rem}.handwriting-pinyin-active{color:var(--accent-strong);font-weight:700}.handwriting-pinyin-text{min-width:0}.handwriting-definition{color:var(--muted);text-align:center}.handwriting-audio-button{flex:0 0 auto}.handwriting-definition span{color:var(--text);font-weight:700}.handwriting-canvas{display:block;width:min(100%,300px);aspect-ratio:1;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface) 70%,transparent);touch-action:none}.character-study-card .handwriting-practice-panel{width:100%}.character-study-card .handwriting-canvas{width:min(100%,260px)}.handwriting-drawing-actions,.move-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.guide-drawing-button[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 84%,var(--surface) 16%);color:var(--accent-strong);box-shadow:0 0 0 2px var(--focus),0 0 14px color-mix(in srgb,var(--accent) 48%,transparent),inset 0 1px 0 color-mix(in srgb,var(--surface) 68%,transparent)}.guide-drawing-button[aria-pressed=true]:hover,.guide-drawing-button[aria-pressed=true]:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 72%,var(--surface) 28%);color:var(--accent-strong);box-shadow:0 0 0 3px var(--focus),0 0 18px color-mix(in srgb,var(--accent) 58%,transparent),inset 0 1px 0 color-mix(in srgb,var(--surface) 62%,transparent)}.move-actions span{color:var(--muted)}.handwriting-feedback{max-width:min(100%,520px);border-radius:8px;white-space:normal;text-align:center}.handwriting-stroke-box{width:min(100%,320px);margin-top:4px;margin-bottom:0}