@layer tokens{@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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ui-font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--hanzi-display-font:"Mandarin Arphic Kaiti", "AR PL KaitiM GB", KaiTi, STKaiti, "Noto Serif CJK SC", serif;--hanzi-ui-font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", sans-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;--premium-gold:#9a6500;--premium-gold-strong:#684100;--premium-gold-soft:#fff2b8;--premium-gold-border:#c69219;--selection-chip-empty-bg:transparent;--selection-chip-empty-border:color-mix(in srgb, var(--accent) 62%, var(--border));--selection-chip-empty-text:var(--text);--selection-chip-empty-muted:var(--muted);--selection-chip-bg:color-mix(in srgb, var(--accent) 24%, var(--surface));--selection-chip-border:color-mix(in srgb, var(--accent) 74%, var(--border));--selection-chip-text:var(--text);--selection-chip-muted:color-mix(in srgb, var(--text) 70%, var(--muted));--selection-chip-shadow:color-mix(in srgb, var(--accent) 34%, transparent);--primary-bg:#19140c;--primary-hover:#2a2114;--primary-text:#fff5dc;--focus:#d5a0315c;--shadow:#1e181029;--readable-page-text-shadow:0 1px 2px #000000d9, 0 0 12px #00000073;--danger:#ad3128;--danger-soft:#fff1ed;--success:#17613f;--success-soft:#e8f5eb;--warning:#7a5208;--warning-soft:#fff3cf;--app-icon-shadow:0 0 0 1px var(--border), 0 4px 12px var(--shadow);--floating-sidebar-toggle-top:10px;--floating-sidebar-toggle-size:42px;--floating-sidebar-toggle-gap:8px;--sticky-annotation-toolbar-top:14px;--stroke-preview-bg:color-mix(in srgb, var(--surface) 36%, white 64%);--stroke-preview-wash:#ffffff94;--stroke-preview-grid:#332b1f33;--stroke-preview-border:color-mix(in srgb, var(--border-strong) 72%, var(--stroke-preview-bg));--handwriting-grid:#332b1f29;--handwriting-guide:#6f4308d1;--handwriting-guide-halo:#fffdf8e6;--art-paper:#f8f1df;--art-ink:#8a5b1b;--art-glow:#ffe6a4ad;--home-art-ink:var(--art-ink);--page-art-paper:var(--art-paper);--page-art-ink:var(--art-ink);--page-art-glow:var(--art-glow);--page-direct-art-active-image:var(--page-direct-art-image);--home-direct-art-image:image-set(url(/theme-art/new/light/hero-1600.avif) type("image/avif") 1x, url(/theme-art/new/light/hero-1600.avif) type("image/avif") 2x, url(/theme-art/new/light/hero-1600.webp) type("image/webp") 1x, url(/theme-art/new/light/hero-1600.webp) type("image/webp") 2x);--home-direct-art-mobile-image:image-set(url(/theme-art/new/light/hero-1600.avif) type("image/avif") 1x, url(/theme-art/new/light/hero-1600.avif) type("image/avif") 2x, url(/theme-art/new/light/hero-1600.webp) type("image/webp") 1x, url(/theme-art/new/light/hero-1600.webp) type("image/webp") 2x);--home-direct-art-position:right top;--page-direct-art-image:image-set(url(/theme-art/new/light/content-wide-1080.avif) type("image/avif") 1x, url(/theme-art/new/light/content-wide-1600.avif) type("image/avif") 2x, url(/theme-art/new/light/content-wide-1080.webp) type("image/webp") 1x, url(/theme-art/new/light/content-wide-1600.webp) type("image/webp") 2x);--page-direct-art-image-narrow:image-set(url(/theme-art/new/light/content-narrow-480.avif) type("image/avif") 1x, url(/theme-art/new/light/content-narrow-720.avif) type("image/avif") 2x, url(/theme-art/new/light/content-narrow-480.webp) type("image/webp") 1x, url(/theme-art/new/light/content-narrow-720.webp) type("image/webp") 2x);--page-direct-art-position:right top;--page-direct-art-size:cover;--home-veil-opacity:.84;--page-veil-opacity:.68;--home-direct-art-render-opacity:1;--page-direct-art-render-opacity:1;--page-art-top-opacity:.28;--page-art-bottom-opacity:.34;--page-art-scale:1;--page-art-x:0px;--page-art-y:0px;--content-art-left:0px;--surface-panel-bg-mix:58%;--surface-inset-bg-mix:82%;--surface-panel-bg:color-mix(in srgb, var(--surface) var(--surface-panel-bg-mix), transparent);--surface-inset-bg:color-mix(in srgb, var(--surface-soft) var(--surface-inset-bg-mix), transparent);--surface-floating-bg:color-mix(in srgb, var(--surface) 100%, var(--bg));--surface-floating-soft-bg:color-mix(in srgb, var(--surface-soft) 100%, var(--surface));--surface-radius:8px;--surface-panel-shadow:0 2px 8px color-mix(in srgb, var(--shadow) 58%, transparent);--surface-floating-shadow:0 14px 32px var(--shadow);--surface-saturation:.8;--surface-panel-blur-radius:3px;--surface-panel-blur:blur(var(--surface-panel-blur-radius)) saturate(var(--surface-saturation));--surface-inset-blur:none;--popup-panel-bg:var(--surface-floating-bg);--popup-panel-soft-bg:var(--surface-floating-soft-bg);--popup-panel-border:var(--border-strong);--popup-panel-z:2147480000;--panel-border:color-mix(in srgb, var(--border) 82%, transparent);--sidebar-width:280px;--sidebar-standard-bg-mix:0%;--sidebar-bg-mix:var(--sidebar-standard-bg-mix);--sidebar-enhanced-bg-mix:95%;--sidebar-bg:color-mix(in srgb, var(--surface) var(--sidebar-bg-mix), transparent);--sidebar-blur-radius:7px;--sidebar-blur:blur(var(--sidebar-blur-radius)) saturate(var(--surface-saturation));--sidebar-art-image:var(--page-direct-art-image);--sidebar-art-position:55% 65%;--sidebar-art-size:auto 165%}html.backdrop-scroll-recovery{--surface-panel-blur:none}html[data-hanzi-font=standard]{--hanzi-display-font:var(--hanzi-ui-font)}html[data-enhanced-contrast=true]{--home-direct-art-render-opacity:calc(1 - var(--home-veil-opacity));--page-direct-art-render-opacity:calc(1 - var(--page-veil-opacity));--sidebar-bg-mix:var(--sidebar-enhanced-bg-mix)}html[data-addon-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;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:#f0c15b47;--shadow:#0000007a;--danger:#f06f61;--danger-soft:#331c19;--success:#7fd9a1;--success-soft:#142820;--warning:#f0c15b;--warning-soft:#2b2417;--handwriting-grid:#f3ead824;--handwriting-guide:#f0c15bd6;--handwriting-guide-halo:#000000c7;--art-paper:#11100d;--art-ink:#5b4a31;--art-glow:#a67c3329;--home-art-ink:#f5df8a;--page-art-paper:#17120b;--page-art-ink:#d7a33f;--page-art-glow:#ffb85c33;--home-direct-art-image:image-set(url(/theme-art/new/dark/hero-1600.avif) type("image/avif") 1x, url(/theme-art/new/dark/hero-1600.avif) type("image/avif") 2x, url(/theme-art/new/dark/hero-1600.webp) type("image/webp") 1x, url(/theme-art/new/dark/hero-1600.webp) type("image/webp") 2x);--home-direct-art-mobile-image:image-set(url(/theme-art/new/dark/hero-1600.avif) type("image/avif") 1x, url(/theme-art/new/dark/hero-1600.avif) type("image/avif") 2x, url(/theme-art/new/dark/hero-1600.webp) type("image/webp") 1x, url(/theme-art/new/dark/hero-1600.webp) type("image/webp") 2x);--page-direct-art-image:image-set(url(/theme-art/new/dark/content-wide-1080.avif) type("image/avif") 1x, url(/theme-art/new/dark/content-wide-1600.avif) type("image/avif") 2x, url(/theme-art/new/dark/content-wide-1080.webp) type("image/webp") 1x, url(/theme-art/new/dark/content-wide-1600.webp) type("image/webp") 2x);--page-direct-art-image-narrow:image-set(url(/theme-art/new/dark/content-narrow-480.avif) type("image/avif") 1x, url(/theme-art/new/dark/content-narrow-720.avif) type("image/avif") 2x, url(/theme-art/new/dark/content-narrow-480.webp) type("image/webp") 1x, url(/theme-art/new/dark/content-narrow-720.webp) type("image/webp") 2x);--home-direct-art-position:right top;--page-direct-art-position:right top;--page-direct-art-size:cover;--home-veil-opacity:.88;--page-veil-opacity:.56;--page-art-top-opacity:.82;--page-art-bottom-opacity:0;--page-art-scale:1;--page-art-x:0px;--page-art-y:0px;--panel-border:color-mix(in srgb, var(--border) 88%, transparent)}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:#007d6857;--shadow:#03372f3d;--danger:#aa362e;--danger-soft:#fff0ed;--success:#1e6b45;--success-soft:#ddf0e6;--warning:#76530b;--warning-soft:#fff1c7;--app-icon-shadow:0 0 0 1px #06493d, 0 0 0 4px #f2d87b66, 0 6px 16px #03372f45;--handwriting-grid:#0628212b;--handwriting-guide:#06493dd1;--handwriting-guide-halo:#f8ffe8e6;--art-paper:#dcefcf;--art-ink:#08745f;--art-glow:#eedb8694;--home-direct-art-image:image-set(url(/theme-art/new/jade/hero-1600.avif) type("image/avif") 1x, url(/theme-art/new/jade/hero-1600.avif) type("image/avif") 2x, url(/theme-art/new/jade/hero-1600.webp) type("image/webp") 1x, url(/theme-art/new/jade/hero-1600.webp) type("image/webp") 2x);--home-direct-art-mobile-image:image-set(url(/theme-art/new/jade/hero-1600.avif) type("image/avif") 1x, url(/theme-art/new/jade/hero-1600.avif) type("image/avif") 2x, url(/theme-art/new/jade/hero-1600.webp) type("image/webp") 1x, url(/theme-art/new/jade/hero-1600.webp) type("image/webp") 2x);--home-direct-art-position:right top;--page-direct-art-image:image-set(url(/theme-art/new/jade/content-wide-1080.avif) type("image/avif") 1x, url(/theme-art/new/jade/content-wide-1600.avif) type("image/avif") 2x, url(/theme-art/new/jade/content-wide-1080.webp) type("image/webp") 1x, url(/theme-art/new/jade/content-wide-1600.webp) type("image/webp") 2x);--page-direct-art-image-narrow:image-set(url(/theme-art/new/jade/content-narrow-480.avif) type("image/avif") 1x, url(/theme-art/new/jade/content-narrow-720.avif) type("image/avif") 2x, url(/theme-art/new/jade/content-narrow-480.webp) type("image/webp") 1x, url(/theme-art/new/jade/content-narrow-720.webp) type("image/webp") 2x);--page-direct-art-position:right top;--page-direct-art-size:cover;--page-art-top-opacity:.22;--page-art-bottom-opacity:.3}html[data-addon-theme=marine]{--lightningcss-light: ;--lightningcss-dark:initial;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:#68c9ec57;--shadow:#00080e7a;--danger:#ff9077;--danger-soft:#3a1713;--success:#8be0bf;--success-soft:#123428;--warning:#ffd077;--warning-soft:#3a2b13;--app-icon-shadow:0 0 0 1px #68c9ec, 0 0 0 4px #0f62866b, 0 6px 16px #00080e61;--handwriting-grid:#fff4e224;--handwriting-guide:#b4edffd6;--handwriting-guide-halo:#00080ed1;--art-paper:#071923;--art-ink:#24475a;--art-glow:#5796b024;--home-art-ink:#f5e48e;--page-art-ink:#9eddf2;--page-art-paper:#0a202d;--page-art-glow:#a0e2ff2e;--home-direct-art-image:image-set(url(/theme-art/new/marine/hero-1600.avif) type("image/avif") 1x, url(/theme-art/new/marine/hero-1600.avif) type("image/avif") 2x, url(/theme-art/new/marine/hero-1600.webp) type("image/webp") 1x, url(/theme-art/new/marine/hero-1600.webp) type("image/webp") 2x);--home-direct-art-mobile-image:image-set(url(/theme-art/new/marine/hero-1600.avif) type("image/avif") 1x, url(/theme-art/new/marine/hero-1600.avif) type("image/avif") 2x, url(/theme-art/new/marine/hero-1600.webp) type("image/webp") 1x, url(/theme-art/new/marine/hero-1600.webp) type("image/webp") 2x);--page-direct-art-image:image-set(url(/theme-art/new/marine/content-wide-1080.avif) type("image/avif") 1x, url(/theme-art/new/marine/content-wide-1600.avif) type("image/avif") 2x, url(/theme-art/new/marine/content-wide-1080.webp) type("image/webp") 1x, url(/theme-art/new/marine/content-wide-1600.webp) type("image/webp") 2x);--page-direct-art-image-narrow:image-set(url(/theme-art/new/marine/content-narrow-480.avif) type("image/avif") 1x, url(/theme-art/new/marine/content-narrow-720.avif) type("image/avif") 2x, url(/theme-art/new/marine/content-narrow-480.webp) type("image/webp") 1x, url(/theme-art/new/marine/content-narrow-720.webp) type("image/webp") 2x);--home-direct-art-position:right top;--home-veil-opacity:.86;--page-veil-opacity:.52;--page-art-top-opacity:.82;--page-art-bottom-opacity:0;--page-art-scale:1;--page-art-x:0px;--page-art-y:0px;--panel-border:color-mix(in srgb, var(--border) 88%, transparent)}html[data-addon-theme=fire]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#180f0d;--surface:#241715;--surface-soft:#331c18;--surface-muted:#49241e;--text:#ffe9d3;--muted:#d8ad91;--subtle:#b98b70;--border:#67372e;--border-strong:#a45e4d;--accent:#ff9a3d;--accent-strong:#ffd2a8;--accent-soft:#4d2418;--primary-bg:#d85a25;--primary-hover:#f06b2e;--primary-text:#180f0d;--focus:#ff9a3d57;--shadow:#08010085;--danger:#ff9b8c;--danger-soft:#421d19;--success:#8fdaa8;--success-soft:#183127;--warning:#ffc06f;--warning-soft:#452819;--handwriting-grid:#ffe9d324;--handwriting-guide:#ffd2a8d6;--handwriting-guide-halo:#180f0dd1;--art-paper:#1b100d;--art-ink:#6d3827;--art-glow:#b8532629;--home-art-ink:#ffd99c;--page-art-ink:#ffd08a;--page-art-paper:#21100a;--page-art-glow:#ff8f4c33;--home-direct-art-image:image-set(url(/theme-art/new/fire/hero-1600.avif) type("image/avif") 1x, url(/theme-art/new/fire/hero-1600.avif) type("image/avif") 2x, url(/theme-art/new/fire/hero-1600.webp) type("image/webp") 1x, url(/theme-art/new/fire/hero-1600.webp) type("image/webp") 2x);--home-direct-art-mobile-image:image-set(url(/theme-art/new/fire/hero-1600.avif) type("image/avif") 1x, url(/theme-art/new/fire/hero-1600.avif) type("image/avif") 2x, url(/theme-art/new/fire/hero-1600.webp) type("image/webp") 1x, url(/theme-art/new/fire/hero-1600.webp) type("image/webp") 2x);--page-direct-art-image:image-set(url(/theme-art/new/fire/content-wide-1080.avif) type("image/avif") 1x, url(/theme-art/new/fire/content-wide-1600.avif) type("image/avif") 2x, url(/theme-art/new/fire/content-wide-1080.webp) type("image/webp") 1x, url(/theme-art/new/fire/content-wide-1600.webp) type("image/webp") 2x);--page-direct-art-image-narrow:image-set(url(/theme-art/new/fire/content-narrow-480.avif) type("image/avif") 1x, url(/theme-art/new/fire/content-narrow-720.avif) type("image/avif") 2x, url(/theme-art/new/fire/content-narrow-480.webp) type("image/webp") 1x, url(/theme-art/new/fire/content-narrow-720.webp) type("image/webp") 2x);--home-direct-art-position:right top;--home-veil-opacity:.88;--page-veil-opacity:.54;--page-art-top-opacity:.82;--page-art-bottom-opacity:0;--page-art-scale:1;--page-art-x:0px;--page-art-y:0px;--panel-border:color-mix(in srgb, var(--border) 88%, transparent)}html[data-addon-theme=candy]{--bg:#f8eaf3;--surface:#fff9fd;--surface-soft:#f4dff0;--surface-muted:#dfd8fa;--text:#2f1830;--muted:#725471;--subtle:#8a6a87;--border:#ddb6d7;--border-strong:#b77aaa;--accent:#b4518c;--accent-strong:#71305f;--accent-soft:#f8d7ef;--primary-bg:#863d8d;--primary-hover:#a950a8;--primary-text:#fff5fd;--focus:#b4518c52;--shadow:#4e214b33;--danger:#a52f42;--danger-soft:#ffedf1;--success:#246343;--success-soft:#e3f3e9;--warning:#76520b;--warning-soft:#fff1c9;--handwriting-grid:#2f183026;--handwriting-guide:#863d8dd1;--handwriting-guide-halo:#fff9fde6;--art-paper:#f9eaf3;--art-ink:#9a4a81;--art-glow:#ffd6ec94;--home-direct-art-image:image-set(url(/theme-art/new/candy/hero-1600.avif) type("image/avif") 1x, url(/theme-art/new/candy/hero-1600.avif) type("image/avif") 2x, url(/theme-art/new/candy/hero-1600.webp) type("image/webp") 1x, url(/theme-art/new/candy/hero-1600.webp) type("image/webp") 2x);--home-direct-art-mobile-image:image-set(url(/theme-art/new/candy/hero-1600.avif) type("image/avif") 1x, url(/theme-art/new/candy/hero-1600.avif) type("image/avif") 2x, url(/theme-art/new/candy/hero-1600.webp) type("image/webp") 1x, url(/theme-art/new/candy/hero-1600.webp) type("image/webp") 2x);--home-direct-art-position:right top;--page-direct-art-image:image-set(url(/theme-art/new/candy/content-wide-1080.avif) type("image/avif") 1x, url(/theme-art/new/candy/content-wide-1600.avif) type("image/avif") 2x, url(/theme-art/new/candy/content-wide-1080.webp) type("image/webp") 1x, url(/theme-art/new/candy/content-wide-1600.webp) type("image/webp") 2x);--page-direct-art-image-narrow:image-set(url(/theme-art/new/candy/content-narrow-480.avif) type("image/avif") 1x, url(/theme-art/new/candy/content-narrow-720.avif) type("image/avif") 2x, url(/theme-art/new/candy/content-narrow-480.webp) type("image/webp") 1x, url(/theme-art/new/candy/content-narrow-720.webp) type("image/webp") 2x);--page-direct-art-position:right top;--page-direct-art-size:cover;--page-art-top-opacity:.21;--page-art-bottom-opacity:.29}html[data-addon-theme=dragon]{--bg:#f3ddc2;--surface:#fff8eb;--surface-soft:#f4e2c8;--surface-muted:#e9d0aa;--text:#24170e;--muted:#6f5138;--subtle:#967557;--border:#dfc49c;--border-strong:#b88b56;--accent:#3c846b;--accent-strong:#235845;--accent-soft:#dcebd4;--primary-bg:#7b4525;--primary-hover:#965531;--primary-text:#fff8eb;--focus:#3c846b52;--shadow:#5332182e;--danger:#ad3a2b;--danger-soft:#fff0e8;--success:#2b704a;--success-soft:#e2f1df;--warning:#79520d;--warning-soft:#fff0c6;--app-icon-shadow:0 0 0 1px #b88b56, 0 0 0 4px #ddaf6047, 0 6px 16px #53321838;--stroke-preview-bg:color-mix(in srgb, var(--surface) 50%, white 50%);--stroke-preview-wash:#fff8eba8;--stroke-preview-grid:#3c29182e;--stroke-preview-border:color-mix(in srgb, var(--border-strong) 68%, var(--stroke-preview-bg));--handwriting-grid:#24170e26;--handwriting-guide:#235845d1;--handwriting-guide-halo:#fff8ebe6;--art-paper:#f6dfbd;--art-ink:#a36b39;--art-glow:#ffda9694;--home-direct-art-image:image-set(url(/theme-art/new/dragon/hero-1600.avif) type("image/avif") 1x, url(/theme-art/new/dragon/hero-1600.avif) type("image/avif") 2x, url(/theme-art/new/dragon/hero-1600.webp) type("image/webp") 1x, url(/theme-art/new/dragon/hero-1600.webp) type("image/webp") 2x);--home-direct-art-mobile-image:image-set(url(/theme-art/new/dragon/hero-1600.avif) type("image/avif") 1x, url(/theme-art/new/dragon/hero-1600.avif) type("image/avif") 2x, url(/theme-art/new/dragon/hero-1600.webp) type("image/webp") 1x, url(/theme-art/new/dragon/hero-1600.webp) type("image/webp") 2x);--home-direct-art-position:right top;--page-direct-art-image:image-set(url(/theme-art/new/dragon/content-wide-1080.avif) type("image/avif") 1x, url(/theme-art/new/dragon/content-wide-1600.avif) type("image/avif") 2x, url(/theme-art/new/dragon/content-wide-1080.webp) type("image/webp") 1x, url(/theme-art/new/dragon/content-wide-1600.webp) type("image/webp") 2x);--page-direct-art-image-narrow:image-set(url(/theme-art/new/dragon/content-narrow-480.avif) type("image/avif") 1x, url(/theme-art/new/dragon/content-narrow-720.avif) type("image/avif") 2x, url(/theme-art/new/dragon/content-narrow-480.webp) type("image/webp") 1x, url(/theme-art/new/dragon/content-narrow-720.webp) type("image/webp") 2x);--page-direct-art-position:right top;--page-direct-art-size:cover;--page-art-top-opacity:.23;--page-art-bottom-opacity:.31}html[data-addon-theme=keli]{--lightningcss-light: ;--lightningcss-dark:initial;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:#53c2ce57;--shadow:#00000085;--danger:#ff7c68;--danger-soft:#41211e;--success:#ffd063;--success-soft:#3c3017;--warning:#ffd063;--warning-soft:#3c3017;--app-icon-shadow:0 0 0 1px #6bb7bf, 0 0 0 4px #53c2ce38, 0 8px 22px #0000006b;--stroke-preview-bg:color-mix(in srgb, var(--surface-soft) 56%, white 44%);--stroke-preview-wash:#ffffff4d;--stroke-preview-grid:#12141438;--stroke-preview-border:#6bb7bf80;--handwriting-grid:#b8f4f429;--handwriting-guide:#b8f4f4d6;--handwriting-guide-halo:#000000d1;--art-paper:#151919;--art-ink:#31585d;--art-glow:#5cb4ba1f;--home-art-ink:#f5e48e;--page-art-ink:#b8f4f4;--page-art-paper:#182223;--page-art-glow:#a9ff852e;--home-direct-art-image:image-set(url(/theme-art/new/keli/hero-1600.avif) type("image/avif") 1x, url(/theme-art/new/keli/hero-1600.avif) type("image/avif") 2x, url(/theme-art/new/keli/hero-1600.webp) type("image/webp") 1x, url(/theme-art/new/keli/hero-1600.webp) type("image/webp") 2x);--home-direct-art-mobile-image:image-set(url(/theme-art/new/keli/hero-1600.avif) type("image/avif") 1x, url(/theme-art/new/keli/hero-1600.avif) type("image/avif") 2x, url(/theme-art/new/keli/hero-1600.webp) type("image/webp") 1x, url(/theme-art/new/keli/hero-1600.webp) type("image/webp") 2x);--page-direct-art-image:image-set(url(/theme-art/new/keli/content-wide-1080.avif) type("image/avif") 1x, url(/theme-art/new/keli/content-wide-1600.avif) type("image/avif") 2x, url(/theme-art/new/keli/content-wide-1080.webp) type("image/webp") 1x, url(/theme-art/new/keli/content-wide-1600.webp) type("image/webp") 2x);--page-direct-art-image-narrow:image-set(url(/theme-art/new/keli/content-narrow-480.avif) type("image/avif") 1x, url(/theme-art/new/keli/content-narrow-720.avif) type("image/avif") 2x, url(/theme-art/new/keli/content-narrow-480.webp) type("image/webp") 1x, url(/theme-art/new/keli/content-narrow-720.webp) type("image/webp") 2x);--home-direct-art-position:right top;--home-veil-opacity:.86;--page-veil-opacity:.52;--page-art-top-opacity:.82;--page-art-bottom-opacity:0;--page-art-scale:1;--page-art-x:0px;--page-art-y:0px;--panel-border:color-mix(in srgb, var(--border) 88%, transparent)}html[data-addon-theme=dark],html[data-addon-theme=marine],html[data-addon-theme=fire],html[data-addon-theme=keli]{--sidebar-standard-bg-mix:20%;--premium-gold:#f0bd43;--premium-gold-strong:#ffe39a;--premium-gold-soft:#382d12;--premium-gold-border:#b98a28;--selection-chip-empty-bg:transparent;--selection-chip-empty-border:color-mix(in srgb, var(--accent) 70%, var(--border-strong));--selection-chip-empty-text:var(--text);--selection-chip-empty-muted:color-mix(in srgb, var(--muted) 86%, var(--text));--selection-chip-bg:color-mix(in srgb, var(--accent) 46%, var(--surface));--selection-chip-border:color-mix(in srgb, var(--accent) 82%, var(--border-strong));--selection-chip-text:var(--text);--selection-chip-muted:color-mix(in srgb, var(--text) 78%, var(--muted));--selection-chip-shadow:color-mix(in srgb, var(--accent) 58%, transparent)}}@layer shell{*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);font-family:var(--ui-font);margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:1}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;transition:grid-template-columns .16s;display:grid}.app-shell.sidebar-collapsed{--content-art-left:0px;grid-template-columns:1fr}.app-shell.sidebar-collapsed .main-surface{padding-top:22px}.sidebar{z-index:3;isolation:isolate;width:var(--sidebar-width);border-right:1px solid var(--panel-border);background:var(--bg);flex-direction:column;height:100dvh;max-height:100dvh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar:before,.sidebar:after{content:"";width:var(--sidebar-width);clip-path:inset(0);pointer-events:none;height:100dvh;position:fixed;top:0;left:0}.sidebar:before{z-index:-2;background-color:var(--bg);background-image:var(--sidebar-art-image);background-position:var(--sidebar-art-position);background-repeat:no-repeat;background-size:var(--sidebar-art-size);filter:var(--sidebar-blur)}.sidebar:after{z-index:-1;background:var(--sidebar-bg)}.sidebar-scroll-region{z-index:1;overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;gap:18px;width:100%;height:100%;min-height:0;padding:18px;display:flex;position:relative;overflow:hidden auto}.sidebar-backdrop,.sidebar-edge-gesture-zone{display:none}.sidebar-header{align-items:center;gap:12px;min-height:32px;display:flex}.brand-lockup{min-width:0;color:var(--text);text-align:left;flex:auto;align-items:center;gap:12px;display:flex}.brand-icon-toggle{width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.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{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, var(--bg));width:32px;height:32px;color:var(--text);box-shadow:0 2px 8px var(--shadow);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.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-title-link{color:inherit;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;text-decoration:none;display:block}.brand-title-link *{-webkit-user-drag:none}.brand-copy span,.muted-copy{color:var(--muted)}.brand-icon{width:32px;height:32px;box-shadow:var(--app-icon-shadow);border-radius:7px;flex:none;display:block}.floating-sidebar-toggle{top:var(--floating-sidebar-toggle-top);z-index:60;width:var(--floating-sidebar-toggle-size);height:var(--floating-sidebar-toggle-size);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);box-shadow:0 5px 18px var(--shadow);border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:fixed;left:10px}.floating-sidebar-toggle:hover,.floating-sidebar-toggle:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.sidebar-next-dot{border:2px solid var(--surface);background:var(--accent);width:13px;height:13px;box-shadow:0 1px 4px var(--shadow);border-radius:999px;position:absolute;top:-4px;right:-4px}.primary-nav{gap:0;display:grid}.nav-section-label{color:var(--muted);text-transform:uppercase;margin:16px 0 2px 6px;font-size:.72rem;font-weight:700;line-height:1.2}.nav-section-toggle{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:calc(100% - 6px);padding:0;font-family:inherit;display:flex}.nav-section-toggle svg{transition:transform .16s}.nav-section-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.nav-section-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.primary-nav .nav-link{width:100%;min-height:32px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:18px minmax(0,1fr) minmax(42px,max-content);align-items:center;gap:10px;padding:5px 10px;text-decoration:none;display:grid}.primary-nav .nav-label{overflow-wrap:normal;white-space:normal;min-width:0;line-height:1.25}.primary-nav .nav-status-column{place-self:center end;justify-items:end;gap:3px;min-width:42px;display:inline-grid}.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{border:1px solid var(--border);color:var(--subtle);border-radius:999px;padding:1px 6px;font-size:.68rem}.primary-nav .nav-link.nav-link-due{box-shadow:inset 3px 0 0 var(--accent)}.primary-nav .nav-link.nav-link-next{background:color-mix(in srgb, var(--accent-soft) 78%, var(--surface));box-shadow:inset 3px 0 0 var(--accent)}.nav-next-indicator{border:1px solid color-mix(in srgb, var(--accent) 70%, var(--border));background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;padding:1px 7px;font-size:.68rem;font-weight:800;line-height:1.4}.primary-nav .nav-link.nav-link-attention{background:color-mix(in srgb, var(--success-soft) 68%, var(--surface));box-shadow:inset 3px 0 0 var(--success), 0 0 0 2px color-mix(in srgb, var(--success) 24%, transparent);animation:1.4s ease-in-out 3 nav-unlock-flash}.primary-nav .nav-link.nav-link-attention .nav-due-indicator{border-color:color-mix(in srgb, var(--success) 62%, var(--border));background:var(--success-soft);color:var(--success)}@keyframes nav-unlock-flash{0%,to{background:color-mix(in srgb, var(--success-soft) 52%, var(--surface))}45%{background:color-mix(in srgb, var(--success-soft) 88%, var(--surface))}}@media (prefers-reduced-motion:reduce){.primary-nav .nav-link.nav-link-attention{animation:none}}.nav-due-indicator{border:1px solid color-mix(in srgb, var(--accent) 60%, var(--border));background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;padding:1px 7px;font-size:.68rem;font-weight:700;line-height:1.4}.sidebar-footer{gap:8px;margin-top:auto;display:grid}.sidebar-logout-button{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, var(--bg));width:100%;min-height:34px;color:var(--text);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;display:flex}.sidebar-logout-button:hover,.sidebar-logout-button:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.sidebar-copyright{border-top:1px solid var(--border);color:var(--muted);padding-top:8px;font-size:.72rem;line-height:1.35}.sidebar-legal-links{flex-wrap:wrap;gap:8px;margin-bottom:6px;display:flex}.sidebar-copyright a{color:var(--muted);text-decoration:none}.sidebar-copyright a:hover,.sidebar-copyright a:focus-visible,.sidebar-legal-links a:hover,.sidebar-legal-links a:focus-visible{color:var(--accent-strong);text-decoration:underline}.main-surface{isolation:isolate;background:radial-gradient(circle at 88% 9%, color-mix(in srgb, var(--page-art-glow) 58%, transparent), transparent 26vw), linear-gradient(180deg, color-mix(in srgb, var(--bg) 86%, var(--page-art-paper)), var(--bg) 46vh);min-width:0;min-height:100vh;padding:22px;position:relative;overflow-x:clip}.main-surface:before,.main-surface:after{content:"";right:0;left:var(--content-art-left);z-index:0;pointer-events:none;display:none;position:fixed}.main-surface:before{background:var(--page-art-ink);opacity:var(--page-art-top-opacity);transform:translate(var(--page-art-x), var(--page-art-y)) scale(var(--page-art-scale));transform-origin:100% 0;top:0;bottom:0}.main-surface:after{background:var(--page-art-ink);opacity:var(--page-art-bottom-opacity);transform:translate(var(--page-art-x), var(--page-art-y)) scale(var(--page-art-scale));transform-origin:bottom;top:0;bottom:0}.main-surface>*{z-index:1;position:relative}html:is([data-addon-theme=light],[data-addon-theme=jade],[data-addon-theme=candy],[data-addon-theme=dragon],[data-addon-theme=dark],[data-addon-theme=marine],[data-addon-theme=fire],[data-addon-theme=keli]) .main-surface{background:var(--bg)}html:is([data-addon-theme=light],[data-addon-theme=jade],[data-addon-theme=candy],[data-addon-theme=dragon],[data-addon-theme=dark],[data-addon-theme=marine],[data-addon-theme=fire],[data-addon-theme=keli]) .app-shell[data-art-surface=secondary] .main-surface:before{background-color:#0000;background-image:var(--page-direct-art-active-image);background-position:var(--page-direct-art-position);background-repeat:no-repeat;background-size:var(--page-direct-art-size);opacity:var(--page-direct-art-render-opacity);mix-blend-mode:normal;display:block;-webkit-mask-image:none;mask-image:none}html:is([data-addon-theme=light],[data-addon-theme=jade],[data-addon-theme=candy],[data-addon-theme=dragon],[data-addon-theme=dark],[data-addon-theme=marine],[data-addon-theme=fire],[data-addon-theme=keli]) .app-shell[data-art-surface=secondary] .main-surface:after{opacity:0;mix-blend-mode:normal;background:0 0;display:none;transform:none;-webkit-mask-image:none;mask-image:none}@media (width<=720px){html:is([data-addon-theme=light],[data-addon-theme=jade],[data-addon-theme=candy],[data-addon-theme=dragon],[data-addon-theme=dark],[data-addon-theme=marine],[data-addon-theme=fire],[data-addon-theme=keli]){--home-direct-art-image:var(--home-direct-art-mobile-image);--home-direct-art-position:right top}}@media (width<=720px),(orientation:portrait){html:is([data-addon-theme=light],[data-addon-theme=jade],[data-addon-theme=candy],[data-addon-theme=dragon],[data-addon-theme=dark],[data-addon-theme=marine],[data-addon-theme=fire],[data-addon-theme=keli]){--page-direct-art-active-image:var(--page-direct-art-image-narrow);--page-direct-art-position:right top}}.top-right-floating-actions{z-index:55;pointer-events:none;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:min(520px,100vw - 28px);display:flex;position:fixed;top:14px;right:14px}.top-right-floating-actions>*{pointer-events:auto}.top-right-floating-action,.logged-out-auth-floating{white-space:nowrap;min-height:40px;padding-inline:13px}.logged-out-shell .main-surface{padding-top:max(76px, calc(env(safe-area-inset-top,0px) + 76px))}.popup-panel-layer{z-index:var(--popup-panel-z);padding:max(18px, env(safe-area-inset-top,0px)) max(14px, env(safe-area-inset-right,0px)) max(18px, env(safe-area-inset-bottom,0px)) max(14px, env(safe-area-inset-left,0px));place-items:center;display:grid;position:fixed;inset:0}.popup-panel{border:1px solid var(--popup-panel-border);background:var(--popup-panel-bg);width:min(88vw,980px);max-width:calc(100vw - 24px);min-height:min(62dvh,560px);max-height:min(84dvh,760px);color:var(--text);box-shadow:0 22px 58px color-mix(in srgb, var(--shadow) 78%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:8px;outline:none;grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.popup-panel-close{z-index:1;width:36px;min-height:36px;padding:0;position:absolute;top:10px;right:10px}.popup-panel-header{border-bottom:1px solid var(--border);min-width:0;padding:22px 58px 16px 22px}.popup-panel-header h2{margin:0;font-size:clamp(1.18rem,2.2vw,1.72rem);line-height:1.15}.popup-panel-body{min-height:0;padding:20px 22px 24px;overflow:auto}.route-help-content{color:var(--muted);gap:18px;font-size:.98rem;line-height:1.56;display:grid}.route-help-intro{max-width:820px;color:var(--text);margin:0;font-size:1.04rem}.route-help-section{gap:8px;display:grid}.route-help-section h3{color:var(--accent-strong);letter-spacing:0;margin:0;font-size:.96rem}.route-help-section p{max-width:860px;margin:0}.route-help-icon-notes{gap:0;max-width:860px;margin:2px 0 4px;display:grid}.route-help-icon-note{border-top:1px solid color-mix(in srgb, var(--border) 72%, transparent);grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px;padding:10px 0;display:grid}.route-help-icon-note:first-child{border-top:0;padding-top:0}.route-help-icon-note-symbol{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border));background:color-mix(in srgb, var(--accent-soft) 54%, var(--popup-panel-bg));width:28px;height:28px;color:var(--accent-strong);border-radius:999px;place-items:center;display:grid}.route-help-icon-note p{gap:2px;max-width:none;display:grid}.route-help-icon-note strong{color:var(--text);font-size:.94rem}.route-help-icon-note span{color:var(--muted)}.route-help-mnemonic-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;margin-top:4px;display:grid}.route-help-mnemonic-card{border:1px solid color-mix(in srgb, var(--accent) 34%, var(--popup-panel-border));background:var(--popup-panel-soft-bg);border-radius:8px;grid-template-columns:minmax(76px,auto) minmax(0,1fr);align-items:start;gap:14px;min-width:0;padding:14px;display:grid}.route-help-mnemonic-symbol{border:1px solid color-mix(in srgb, var(--accent) 48%, var(--border));background:color-mix(in srgb, var(--surface) 78%, var(--accent-soft));width:76px;min-height:86px;color:var(--accent-strong);font-family:var(--hanzi-display-font);border-radius:8px;place-items:center;font-size:3rem;line-height:1;display:grid}.route-help-mnemonic-copy{gap:6px;min-width:0;display:grid}.route-help-mnemonic-copy strong{color:var(--text);font-size:1rem}.route-help-mnemonic-copy span,.route-help-mnemonic-note{color:var(--muted);font-size:.88rem}.route-help-mnemonic-formula{border:1px solid color-mix(in srgb, var(--accent) 38%, var(--border));background:color-mix(in srgb, var(--accent-soft) 54%, var(--popup-panel-bg));width:fit-content;max-width:100%;color:var(--accent-strong);border-radius:999px;padding:4px 8px;font-size:.9rem;font-weight:700}.page-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px;display:grid}.page-main,.page-aside{align-content:start;gap:16px;display:grid}.content-word-detail-hidden{grid-template-columns:minmax(0,1fr)}}@layer components{.page-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-title>div{min-width:0}.app-shell.sidebar-collapsed .page-title{align-items:center;min-height:42px;padding-left:52px}.compact-app-title{align-items:center}.compact-app-title .feedback-line{white-space:nowrap}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:1.9rem}h2{font-size:1rem}.page-title p{color:var(--muted);margin-top:6px}.page-title :is(h1,h2,p,.feedback-line),.page-main>.feedback-line{color:var(--text);text-shadow:none}@media (width>=721px){html:is([data-addon-theme=marine],[data-addon-theme=fire]):not([data-enhanced-contrast=true]) .page-title p{font-size:1.2rem;font-weight:700}}.tool-panel,.detail-panel{border:1px solid var(--panel-border);border-radius:var(--surface-radius);background:var(--surface-panel-bg);box-shadow:var(--surface-panel-shadow);-webkit-backdrop-filter:var(--surface-panel-blur);backdrop-filter:var(--surface-panel-blur);padding:14px}.surface-inset,.surface-callout{border:1px solid var(--panel-border);border-radius:var(--surface-radius);background:var(--surface-inset-bg);box-shadow:none;-webkit-backdrop-filter:var(--surface-inset-blur);backdrop-filter:var(--surface-inset-blur)}.surface-callout{--surface-semantic-color:var(--accent)}.surface-callout:is(.is-key,.is-info,.is-danger){border-color:color-mix(in srgb, var(--surface-semantic-color) 58%, var(--panel-border));background:color-mix(in srgb, var(--surface-semantic-color) 10%, var(--surface-inset-bg));border-inline-start-width:4px}.route-recovery-grid{grid-template-columns:minmax(0,680px)}.route-recovery-panel{justify-items:start;gap:10px;display:grid}.route-recovery-panel p{color:var(--muted);line-height:1.5}.walkthrough-next-action{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent), 0 5px 14px var(--shadow);position:relative;border-color:var(--accent-strong)!important}.walkthrough-next-action:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 72%, transparent);outline-offset:4px}.dashboard-membership-card.is-premium-member,.account-membership-offer.is-premium-member,.premium-status-panel.is-premium-member{border-color:var(--premium-gold-border);background:color-mix(in srgb, var(--premium-gold-soft) 52%, var(--surface));box-shadow:inset 3px 0 0 var(--premium-gold-border)}.paid-members-only-panel{gap:12px;max-width:760px;display:grid}.paid-members-only-heading{margin-bottom:0}.paid-members-only-heading svg{color:var(--accent-strong);flex:none}.paid-members-only-panel p{color:var(--muted);max-width:720px;line-height:1.5}.paid-members-only-benefits{gap:8px;display:grid}.paid-members-only-benefits ul{gap:7px;margin:0;padding-left:20px;display:grid}.paid-members-only-benefits li{line-height:1.45}.section-heading,.button-row,.review-topline,.detail-header{align-items:center;gap:10px;display:flex}.section-heading,.review-topline,.detail-header{justify-content:space-between;margin-bottom:12px}.section-heading{justify-content:flex-start}.button-row{flex-wrap:wrap}.pwa-install-popup{width:min(92vw,540px);min-height:0}.pwa-install-instructions{color:var(--text);gap:12px;line-height:1.55;display:grid}.pwa-install-instructions p,.pwa-install-instructions ol{margin:0}.pwa-install-instructions ol{gap:7px;padding-left:1.35rem;display:grid}.primary-button,.secondary-button,.icon-button{border:1px solid var(--primary-bg);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:7px 11px;text-decoration:none;display:inline-flex}.primary-button{background-color:var(--primary-bg);background-image:linear-gradient(180deg, color-mix(in srgb, var(--primary-bg) 84%, white), var(--primary-bg));color:var(--primary-text);box-shadow:inset 0 1px 0 #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}input,select,textarea{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:9px 10px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.5}.guided-text-field::placeholder{color:var(--muted);opacity:.34;transition:opacity .12s}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{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.transfer-controls.single{grid-template-columns:minmax(0,1fr)}.transfer-controls label{gap:6px;display:grid}.transfer-mode-grid{margin-top:2px}.transfer-file-input{color:var(--muted);gap:7px;margin:0 0 12px;font-size:.88rem;display:grid}.transfer-file-input input{color:var(--text)}.transfer-file-input small,.transfer-hint{color:var(--muted);font-size:.86rem}.transfer-hint{margin:-2px 0 10px}.transfer-controls label>span,.checkbox-row{color:var(--muted);font-size:.86rem}.checkbox-row{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.checkbox-row label{border:1px solid var(--border);background:var(--surface-soft);width:auto;min-height:38px;color:var(--text);border-radius:8px;align-items:center;gap:7px;padding:7px 10px;display:inline-flex}.checkbox-row input{width:auto}.transfer-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.transfer-preview-group{border-top:1px solid var(--border);gap:5px;min-width:0;padding-top:10px;display:grid}.transfer-preview-group strong{font-size:1.25rem}.transfer-preview-group>span{color:var(--muted);font-size:.86rem}.sample-chip-list{flex-wrap:wrap;gap:5px;display:flex}.sample-chip-list span{background:var(--surface-soft);color:var(--text);font-family:var(--hanzi-ui-font);border-radius:999px;padding:3px 7px}.flashcards-page-grid,.create-targets-page,.index-page,.pinyin-chart-page{grid-template-columns:minmax(0,1fr)}.inline-check{white-space:nowrap;color:var(--muted);align-items:center;gap:7px;display:inline-flex}.inline-check input{width:auto}.small-pill{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);border-radius:999px;padding:3px 8px;font-size:.8rem}.result-list,.compact-list{gap:8px;display:grid}.dictionary-result,.list-row{border:1px solid var(--border);background:var(--surface-soft);width:100%;min-height:44px;color:var(--text);text-align:left;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.dictionary-result:hover,.list-row:hover{background:var(--accent-soft)}.result-hanzi{font-family:var(--hanzi-ui-font);font-size:1.6rem}.text-link-button{border:1px solid var(--border-strong);background:var(--surface-soft);min-height:36px;color:var(--text);border-radius:8px;justify-content:center;justify-self:start;align-items:center;gap:7px;padding:6px 9px;text-decoration:none;display:inline-flex}.text-link-button:hover,.text-link-button:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.compact-stroke-box{aspect-ratio:1;justify-self:center;width:min(100%,260px);min-height:0;margin-bottom:0}.compact-stroke-box .stroke-preview-wrap>img{width:100%;height:100%}.compact-stroke-box .stroke-preview-wrap{width:100%;height:100%;min-height:0}.word-flow{flex-wrap:wrap;align-items:baseline;gap:6px 3px;padding:6px 0;line-height:1.35;display:flex}.plain-token{white-space:pre-wrap;color:var(--muted)}.hidden-known{opacity:.75;min-width:0}.hanzi{font-family:var(--hanzi-ui-font);font-size:1.45rem}.hanzi-sentence,.hanzi-sentence .hanzi,.hanzi-sentence .plain-token{font-family:var(--hanzi-display-font)}.hanzi-sentence .pinyin,.hanzi-sentence .definition{font-family:var(--hanzi-ui-font)}.pinyin,.definition{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.pinyin{color:var(--accent-strong)}.definition{color:var(--muted)}.detail-panel{gap:10px;display:grid;position:sticky;top:18px}.detail-panel.empty{color:var(--muted)}.detail-header{margin-bottom:0}.detail-header span,.detail-pinyin,.detail-meta{color:var(--muted)}.detail-hanzi{font-family:var(--hanzi-display-font);font-size:2.8rem;line-height:1;display:block}.deck-stats{color:var(--muted);font-size:.92rem}.definition-list{color:var(--muted);margin:0;padding-left:18px}.detail-meta{flex-wrap:wrap;gap:6px;display:flex}.detail-meta span,.feedback-line{border:1px solid var(--border);background:var(--surface-soft);border-radius:999px;padding:3px 8px;font-size:.82rem}.empty-strip{border:1px dashed var(--border-strong);color:var(--muted);border-radius:8px;padding:12px}.review-title-copy{min-width:0}.review-title-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.compact-toggle{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;justify-content:center;min-height:36px;padding:0 10px}.answer-field{color:var(--muted);gap:6px;display:grid}.input-with-clear{position:relative}.input-with-clear input{padding-right:40px}.content-search-input{height:var(--content-picker-control-height,40px);border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 10px;display:grid}.content-search-input:has(select){grid-template-columns:auto minmax(86px,max-content) minmax(0,1fr)}.content-search-input select{height:calc(var(--content-picker-control-height,40px) - 12px);border-color:var(--border);background-color:var(--surface-soft);min-width:0;color:var(--text);border-radius:6px;padding-left:8px}.content-search-input select:focus,.content-search-input input:focus{outline:0}.content-search-input input{background:0 0;border:0;height:100%;padding:0}.content-search-input:focus-within{outline:3px solid var(--focus);outline-offset:2px}.input-clear-button{width:30px;height:30px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.content-target-action-message{border:1px solid var(--border);background:var(--surface-soft);max-width:min(260px,100%);min-height:30px;color:var(--muted);text-overflow:ellipsis;white-space:normal;border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:.78rem;font-weight:800;line-height:1.2;display:inline-flex;overflow:hidden}.content-target-action-message.bad{border-color:color-mix(in srgb, var(--danger) 45%, var(--border));background:var(--danger-soft);color:var(--danger)}.line-audio-button{border:1px solid var(--border-strong);background:var(--surface);width:34px;height:34px;color:var(--text);border-radius:8px;flex:none;place-items:center;display:inline-grid}.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}.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}.auto-submit-flash{background:var(--success-soft);min-height:24px;color:var(--success);border-radius:8px;padding:4px 8px;font-size:.86rem}.stroke-box{border:1px solid var(--border);background:var(--surface-soft);min-height:220px;color:var(--accent-strong);border-radius:8px;place-items:center;margin-bottom:12px;display:grid;position:relative}.stroke-box .stroke-preview-wrap>img{width:min(100%,260px);height:260px}.stroke-preview-wrap{isolation:isolate;border:1px solid var(--stroke-preview-border);background:var(--stroke-preview-bg);border-radius:8px;place-items:center;width:min(100%,280px);min-height:260px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff94}.stroke-preview-wrap:before{content:"";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));position:absolute;inset:0}.stroke-preview-wrap>img{z-index:1;object-fit:contain;display:block;position:relative}.stroke-reload-button{z-index:2;border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text);box-shadow:0 4px 14px var(--shadow);border-radius:8px;place-items:center;display:inline-grid;position:absolute;top:8px;right:8px}.stroke-reload-button:hover{border-color:var(--accent);color:var(--accent-strong)}.stroke-reload-button svg{width:16px;height:16px}.developer-menu{z-index:2147483647;flex-direction:column-reverse;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:64px;right:14px}.developer-menu-controls{justify-content:flex-end;align-items:center;gap:6px;display:flex}.developer-menu-grip{border:1px solid var(--accent);background:var(--surface);min-width:34px;min-height:34px;color:var(--accent-strong);box-shadow:var(--shadow);cursor:grab;touch-action:none;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.developer-menu-toggle{border:1px solid var(--accent);background:var(--surface);min-height:34px;color:var(--accent-strong);box-shadow:var(--shadow);border-radius:8px;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,.developer-menu.dragging .developer-menu-grip{cursor:grabbing}.developer-menu-panel{border:1px solid var(--border-strong);background:var(--surface);min-width:240px;max-width:min(320px,100vw - 28px);max-height:calc(100dvh - 96px);box-shadow:var(--shadow);border-radius:8px;gap:10px;padding:10px;display:grid;overflow:auto}.developer-menu-panel label{color:var(--muted);gap:5px;font-size:.86rem;display:grid}.developer-menu-panel .developer-menu-checkbox{align-items:center;gap:8px;display:inline-flex}.developer-menu-checkbox input{width:auto}.developer-menu-panel small{color:var(--muted);line-height:1.35}.developer-menu-section{border-top:1px solid var(--border);gap:8px;padding-top:8px;display:grid}.developer-menu-suggestion-list{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;gap:4px;padding:4px;display:grid}.developer-menu-suggestion{color:var(--text);text-align:left;background:0 0;border:0;border-radius:6px;gap:2px;padding:6px 8px;display:grid}.developer-menu-suggestion:hover,.developer-menu-suggestion:focus-visible{background:var(--accent-soft);color:var(--accent-strong)}.developer-menu-suggestion span{overflow-wrap:anywhere}.theme-art-tuner{border-top:1px solid var(--border);gap:10px;min-width:min(300px,100vw - 52px);padding-top:8px;display:grid}.theme-art-tuner-heading{color:var(--text);align-items:center;gap:7px;font-size:.92rem;display:inline-flex}.theme-art-tuner-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.theme-art-tuner-group{border:1px solid var(--panel-border);background:var(--surface-inset-bg);border-radius:8px;gap:8px;margin:0;padding:8px;display:grid}.theme-art-tuner-group legend{color:var(--muted);text-transform:uppercase;padding:0 4px;font-size:.76rem;font-weight:700}.theme-art-tuner-slider{color:var(--muted);gap:5px;font-size:.86rem;display:grid}.theme-art-tuner-slider span{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.theme-art-tuner-slider output{color:var(--text);font-variant-numeric:tabular-nums}.theme-art-tuner-slider input[type=range]{width:100%;accent-color:var(--accent)}.theme-art-tuner-actions{flex-wrap:wrap;gap:6px;display:flex}.theme-art-tuner-actions .secondary-button{min-height:32px;padding:6px 9px}.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{flex-wrap:wrap;align-items:center;gap:7px;width:fit-content;max-width:100%;margin-top:8px;display:inline-flex}.audio-access-auth-links{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.audio-access-auth-links a{color:inherit;text-underline-offset:2px;font-weight:700;text-decoration:underline}.transfer-status{margin-top:10px}@media (width<=620px){.top-right-floating-actions{max-width:calc(100vw - 74px);top:10px;right:10px}.top-right-floating-action,.logged-out-auth-floating{text-overflow:ellipsis;min-height:42px;overflow:hidden}.route-help-floating{gap:0;width:42px;height:42px;min-height:42px;padding:0;line-height:1}.route-help-floating svg{flex:none;margin:0;display:block}.route-help-floating-label{display:none}.popup-panel-layer{padding:max(10px, env(safe-area-inset-top,0px)) max(8px, env(safe-area-inset-right,0px)) max(10px, env(safe-area-inset-bottom,0px)) max(8px, env(safe-area-inset-left,0px))}.popup-panel{width:min(94vw,980px);max-width:calc(100vw - 16px);min-height:min(72dvh,620px);max-height:min(88dvh,760px)}.popup-panel-header{padding:18px 54px 14px 16px}.popup-panel-body{padding:16px}.logged-out-shell .main-surface{padding-top:max(68px, calc(env(safe-area-inset-top,0px) + 68px))}}.word-detail-message{color:var(--muted);font-size:.88rem}.developer-stroke-canvas-panel .handwriting-practice-panel{--handwriting-canvas-size:300px;width:100%}.handwriting-fixtures-editor .handwriting-practice-panel{--handwriting-canvas-size:min(420px, 100%);width:100%}.secondary-button.danger-button,.danger-button{border-color:color-mix(in srgb, var(--danger) 58%, var(--border));background:var(--danger-soft);color:var(--danger)}.danger-button:hover,.danger-button:focus-visible{background:var(--danger-soft);color:var(--danger)}.line-english{color:var(--muted);margin:0}.compact-button{width:auto;min-height:32px;padding:5px 10px}.special-mandarin-deck-action,.radical-import-panel{align-items:center;gap:12px;display:grid}.special-mandarin-deck-action>div,.radical-import-panel>div:first-child{gap:3px;display:grid}.special-mandarin-deck-action span,.special-mandarin-deck-action small,.radical-import-panel p,.radical-preview-panel p{color:var(--muted)}.hsk-gap-manage-tool .content-level-guidance-card{background:0 0}.sticky-annotation-toolbar{top:var(--sticky-annotation-toolbar-top);z-index:20;border:1px solid color-mix(in srgb, var(--accent) 70%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 95%, var(--accent-soft)), var(--surface-soft));width:100%;max-width:100%;color:var(--text);box-shadow:0 8px 20px var(--shadow), inset 0 1px 0 #ffffff5c;-webkit-user-select:none;user-select:none;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;padding:6px;display:flex;position:sticky}.toolbar-status{max-width:82px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:700;overflow:hidden}.toolbar-audio-status{max-width:72px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:700;overflow:hidden}.toolbar-divider{background:var(--border-strong);width:1px;height:24px}.sticky-annotation-toolbar button{border:1px solid var(--border-strong);background:var(--surface);min-width:34px;min-height:32px;color:var(--text);white-space:nowrap;border-radius:7px;padding:5px 8px;font-size:.82rem;font-weight:750;position:relative;overflow:hidden}.sticky-annotation-toolbar button.speed-toggle{min-width:48px}.sticky-annotation-toolbar button.toolbar-play-button{border-color:color-mix(in srgb, var(--accent) 62%, var(--border-strong));color:var(--accent-strong)}.toolbar-play-icon{fill:currentColor}.toolbar-check{border:1px solid var(--border-strong);background:var(--surface);min-height:32px;color:var(--text);white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:5px 8px;font-size:.82rem;font-weight:700;display:inline-flex}.toolbar-check input{width:auto;margin:0}.sticky-annotation-toolbar button:hover,.sticky-annotation-toolbar button:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.sticky-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)}}@layer features{.primary-nav .nav-link.nav-link-premium-member{color:var(--premium-gold-strong)}.primary-nav .nav-link.nav-link-premium-member.active{background:color-mix(in srgb, var(--premium-gold-soft) 82%, var(--surface));box-shadow:inset 3px 0 0 var(--premium-gold-border)}.primary-nav .nav-link.nav-link-premium-member>svg,.premium-member-action>svg,.premium-member-mark svg{color:var(--premium-gold);fill:color-mix(in srgb, var(--premium-gold) 24%, transparent)}.nav-premium-indicator{border:1px solid var(--premium-gold-border);background:var(--premium-gold-soft);color:var(--premium-gold-strong);border-radius:999px;padding:1px 7px;font-size:.68rem;font-weight:800;line-height:1.4}.premium-member-mark{border:1px solid var(--premium-gold-border);background:var(--premium-gold-soft);width:max-content;color:var(--premium-gold-strong);border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:.76rem;font-weight:800;line-height:1;display:inline-flex}.premium-member-mark.is-compact{padding:4px 7px;font-size:.68rem}.premium-member-action{border-color:var(--premium-gold-border);color:var(--premium-gold-strong)}.developer-menu-admin-switch{border-bottom:1px solid var(--border);gap:8px;padding-bottom:8px;display:grid}.developer-handwriting-injection-row{align-items:center;gap:6px;display:inline-flex}.developer-handwriting-injection-input{text-align:center;width:54px;min-width:54px}.getting-started-card{border-color:color-mix(in srgb, var(--accent) 48%, var(--panel-border));background:color-mix(in srgb, var(--surface) 92%, var(--accent-soft));gap:12px;margin-bottom:18px;display:grid}.getting-started-route-guide{border-color:color-mix(in srgb, var(--accent) 48%, var(--panel-border));background:color-mix(in srgb, var(--surface) 92%, var(--accent-soft));gap:12px;margin:0 0 16px;display:grid}.app-shell.sidebar-collapsed .getting-started-route-guide{margin-inline-start:calc(var(--floating-sidebar-toggle-size) + var(--floating-sidebar-toggle-gap))}.getting-started-route-guide h2,.getting-started-route-guide p{margin:0}.getting-started-route-guide p{margin-top:4px}.getting-started-card.compact{grid-template-columns:minmax(0,1fr) auto;align-items:center}.getting-started-card h2,.getting-started-card p{margin:0}.getting-started-card.compact p{color:var(--muted);margin-top:4px}.getting-started-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.getting-started-kicker{color:var(--accent-strong);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:.74rem;font-weight:800;display:block}.getting-started-model{background:var(--surface-soft);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:11px 12px;display:grid}.getting-started-model.compact{padding-block:9px}.getting-started-model svg{color:var(--accent-strong);margin-top:2px}.getting-started-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.getting-started-feature-links{flex-wrap:wrap;gap:8px;display:flex}.getting-started-feature-links a{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);border-radius:999px;padding:6px 10px;text-decoration:none}.getting-started-feature-links a:hover,.getting-started-feature-links a:focus-visible{border-color:var(--accent);color:var(--accent-strong)}@media (width<=640px){.getting-started-card.compact{grid-template-columns:1fr}.getting-started-heading{display:grid}.getting-started-actions,.getting-started-actions :is(a,button){width:100%}}}@layer overrides{.tool-panel,.detail-panel,.paid-members-only-panel,.flashcard-review-panel,.comprehension-panel,.speech-panel,.account-panel,.content-unlock-panel,.content-unlock-queue-panel,.import-box-panel,.managed-deck-list,.sticky-annotation-toolbar,.index-table-panel{border-color:var(--panel-border);border-radius:var(--surface-radius);background:var(--surface-panel-bg);box-shadow:var(--surface-panel-shadow);-webkit-backdrop-filter:var(--surface-panel-blur);backdrop-filter:var(--surface-panel-blur)}.surface-inset,.surface-callout,.admin-rate-limit-block,.beginner-guide-mini-card,.beginner-sound-card,.beginner-tone-card,.content-completion-next-card,.content-level-guidance-card,.deck-workflow-card,.generated-source-block,.lesson-reading-card,.radical-pairs-card,.radical-pairs-intro-card,.speech-coach-campaign-panel,.syllable-speech-card,.dashboard-practice-card,.character-study-card,.comprehension-card,.speech-card,.onboarding-card,.onboarding-detail-panel,.onboarding-detected-panel,.onboarding-placement-panel,.pasted-candidate-panel,.managed-list-view,.dashboard-practice-card-icon,.dashboard-practice-badge,.paid-content-mode,.checkbox-row label,.sample-chip-list span,.search-bar,.content-search-input,.content-search-input select,.content-picker-count,.content-picker-search-toggle,.content-picker-select-button,.content-picker-select-menu,.content-picker-select-option,.content-picker-result,.small-pill,.dictionary-result,.list-row,.alternate-readings button,.hanzi-chip,.text-link-button,.character-glyph,.detail-meta span,.feedback-line:not(.flashcard-result-panel),.empty-strip,.flashcard-face,.flashcard-toolbar,.flashcard-learning-hint,.compact-flashcard-face,.compact-toggle,.answer-choice-toggle,.picker-chip,.comprehension-prompt,.comprehension-choice,.comprehension-result,.speech-coach-sentence-id-field input,.speech-prompt,.speech-coach-recording-review,.speech-result,.speech-difference-chip,.stroke-box,.stroke-reload-button,.developer-menu-grip,.developer-menu-toggle,.developer-menu-suggestion-list,.theme-art-tuner-group,.theme-grid button,.pinyin-grid button,.pinyin-search-chip,.auth-provider-list span,.settings-toggle-row,.onboarding-choice:not(.selected),.content-study-target-card,.content-study-target-meta span,.content-unlock-target,.content-unlock-meter,.word-detail-deck-menu,.word-detail-deck-menu button,.bridge-word-chip,.content-unlock-queue-row,.onboarding-answer-grid button,.onboarding-token-list span,.line-unlock-pill,.line-grammar-pill,.line-audio-button,.grammar-point-note,.audio-review-source span,.audio-review-playing,.audio-review-missing,.audio-review-variant,.audio-review-analysis-status span,.search-input-shell,.admin-user-chip-row,.selection-check,.pasted-candidate-row,.pasted-candidate-title em,.chip-button,.import-destination-summary,.selected-source-summary,.import-box-policy,.destination-option,.selected-source-row,.managed-list-tab,.managed-list-tab strong,.managed-list-view-header>strong,.managed-word-row,.index-table td,.measure-word-example-link{border-color:var(--panel-border);background:var(--surface-inset-bg);box-shadow:none;-webkit-backdrop-filter:var(--surface-inset-blur);backdrop-filter:var(--surface-inset-blur)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}@media (width<=1540px){.page-grid,.app-shell:not(.sidebar-collapsed) .page-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=980px){:root{--sticky-annotation-toolbar-top:calc(var(--floating-sidebar-toggle-top) + var(--floating-sidebar-toggle-size) + var(--floating-sidebar-toggle-gap))}.app-shell{--content-art-left:0px;grid-template-columns:1fr}.sidebar{--mobile-sidebar-width:min(360px, calc(100vw - 16px));--sidebar-width:var(--mobile-sidebar-width);--content-art-left:var(--mobile-sidebar-width);z-index:50;width:var(--mobile-sidebar-width);height:auto;max-height:none;box-shadow:0 12px 30px var(--shadow);touch-action:pan-y;transition:transform .18s;position:fixed;inset:0 auto 0 0;transform:translate(0)}.sidebar-scroll-region{scrollbar-gutter:auto}.sidebar-edge-gesture-zone{z-index:55;touch-action:pan-y;background:0 0;width:32px;display:block;position:fixed;inset:0 auto 0 0}.app-shell.sidebar-collapsed .sidebar{transform:translate(-100%)}.sidebar.is-opening{animation:none}.sidebar.is-dragging-open{transform:translateX(calc(-100% + min(var(--sidebar-drag-offset,0px), 100%)));pointer-events:none;transition:none}.sidebar.is-dragging-close{transform:translateX(calc(-1 * min(var(--sidebar-drag-offset,0px), 100%)));transition:none}.sidebar.is-settling{transition:transform .18s}.sidebar-backdrop{z-index:45;pointer-events:auto;touch-action:none;background:0 0;display:block;position:fixed;inset:0}.main-surface{padding:14px}.app-shell.sidebar-collapsed .main-surface{padding-top:14px}.app-shell.logged-out-shell.sidebar-collapsed .main-surface{padding-top:max(68px, calc(env(safe-area-inset-top,0px) + 68px))}.page-grid,.special-mandarin-deck-action,.radical-import-panel{grid-template-columns:1fr}.page-title,.review-topline:not(.flashcard-toolbar){flex-direction:column;align-items:stretch}.app-shell.sidebar-collapsed .page-title{flex-direction:row;align-items:center;gap:8px;padding-left:46px}.app-shell.sidebar-collapsed .page-title .feedback-line{margin-left:auto}.review-title-actions{justify-content:flex-end;gap:6px}.paid-content-mode-grid,.content-picker,.create-targets-layout,.generated-source-grid,.comprehension-answer-form,.comprehension-choice-grid,.index-toolbar,.transfer-controls,.transfer-preview{grid-template-columns:1fr}.detail-panel{position:static}h1{font-size:1.55rem}.developer-menu{bottom:60px;right:8px}.toolbar-status{display:none}}.dashboard-practice-card,.character-study-card,.flashcard-face,.onboarding-card,.content-study-target-card,.content-unlock-queue-row,.audio-review-variant{border-radius:var(--surface-radius)}.content-picker-progress-badge{border-color:var(--panel-border);background:var(--surface-inset-bg);box-shadow:none;-webkit-backdrop-filter:var(--surface-inset-blur);backdrop-filter:var(--surface-inset-blur)}.secondary-button,.icon-button{background:var(--surface-inset-bg);-webkit-backdrop-filter:var(--surface-inset-blur);backdrop-filter:var(--surface-inset-blur)}.popup-panel,.developer-menu-panel,.content-word-detail.active .detail-panel{border-color:var(--popup-panel-border);background:var(--surface-floating-bg);box-shadow:var(--surface-floating-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.developer-menu-suggestion{background:var(--surface-floating-soft-bg);-webkit-backdrop-filter:none;backdrop-filter:none}html:is([data-addon-theme=light],[data-addon-theme=jade],[data-addon-theme=candy],[data-addon-theme=dragon],[data-addon-theme=dark],[data-addon-theme=marine],[data-addon-theme=fire],[data-addon-theme=keli]) .app-shell[data-art-surface=home]{--page-direct-art-active-image:var(--home-direct-art-image);--page-direct-art-position:var(--home-direct-art-position);--page-direct-art-size:cover}html:is([data-addon-theme=light],[data-addon-theme=jade],[data-addon-theme=candy],[data-addon-theme=dragon],[data-addon-theme=dark],[data-addon-theme=marine],[data-addon-theme=fire],[data-addon-theme=keli]) .app-shell[data-art-surface=home] .main-surface:before{background-color:#0000;background-image:var(--page-direct-art-active-image);background-position:var(--page-direct-art-position);background-repeat:no-repeat;background-size:var(--page-direct-art-size);height:100lvh;opacity:var(--home-direct-art-render-opacity);mix-blend-mode:normal;display:block;bottom:auto;-webkit-mask-image:none;mask-image:none}html:is([data-addon-theme=light],[data-addon-theme=jade],[data-addon-theme=candy],[data-addon-theme=dragon],[data-addon-theme=dark],[data-addon-theme=marine],[data-addon-theme=fire],[data-addon-theme=keli]) .app-shell[data-art-surface=home] .main-surface:after{opacity:0;mix-blend-mode:normal;background:0 0;display:none;transform:none;-webkit-mask-image:none;mask-image:none}@media (width<=720px){html:is([data-addon-theme=light],[data-addon-theme=jade],[data-addon-theme=candy],[data-addon-theme=dragon],[data-addon-theme=dark],[data-addon-theme=marine],[data-addon-theme=fire],[data-addon-theme=keli]) .app-shell[data-art-surface=home]{--page-direct-art-active-image:var(--home-direct-art-image);--page-direct-art-position:var(--home-direct-art-position);--page-direct-art-size:cover}}@media (width<=450px){html:is([data-addon-theme=light],[data-addon-theme=jade],[data-addon-theme=candy],[data-addon-theme=dragon],[data-addon-theme=dark],[data-addon-theme=marine],[data-addon-theme=fire],[data-addon-theme=keli]) .app-shell[data-art-surface=home]{--page-direct-art-position:calc(100% + 70px) top}}@media (prefers-reduced-motion:reduce){.nav-section-toggle svg{transition:none}}}@layer late-features;