.hanzi-app{--bg:#f2ede2;--bg-deep:#ebe4d3;--surface:#fff;--card:#fbf7ed;--card-soft:#f5efe0;--primary:#2f4a38;--primary-ink:#1f3526;--primary-soft:#2f4a3812;--primary-tint:#2f4a3824;--accent:#c9a961;--accent-soft:#c9a96129;--water:#6b9dc2;--water-soft:#6b9dc224;--text:#1a2e22;--text-dim:#5a6b5f;--caption:#8b9489;--hairline:#3c463c14;--border:#e5dece;--border-strong:#d6cdb9;--success:#5a8060;--warning:#c9a961;--danger:#b87466;--danger-soft:#b874661f;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-2xl:36px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-7:32px;--s-8:40px;--s-9:56px;--font-display:"Instrument Serif", "Newsreader", "Cormorant Garamond", Georgia, serif;--font-body:"Geist", "Inter Tight", system-ui, -apple-system, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace;--t-eyebrow:11px;--t-caption:12px;--t-small:13px;--t-body:15px;--t-body-lg:17px;--t-h4:20px;--t-h3:24px;--t-h2:32px;--t-h1:40px;--t-display:56px;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.45;--lh-relaxed:1.6;--tracking-tight:-.022em;--tracking-snug:-.012em;--tracking-wide:.04em;--tracking-wider:.12em;--shadow-xs:0 1px 2px #141e180a;--shadow-sm:0 2px 6px #141e180f, 0 1px 2px #141e180a;--shadow-md:0 8px 20px #141e1814, 0 2px 4px #141e180a;--shadow-lg:0 16px 40px #141e181f, 0 4px 8px #141e180f;--shadow-sheet:0 -8px 32px #141e182e;--nav-blur:saturate(180%) blur(20px);--card-shadow:var(--shadow-sm);--card-border:1px solid var(--hairline);background:var(--bg);color:var(--text);font-family:var(--font-body);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.hanzi-app[data-palette=sage]{--bg:#f8f9f2;--bg-deep:#f1f4e8;--surface:#fff;--card:#fff;--card-soft:#f5f7ec;--primary:#6b8f5a;--primary-ink:#4f6e40;--primary-soft:#6b8f5a14;--primary-tint:#6b8f5a24;--accent:#d4a574;--accent-soft:#d4a57429;--text:#2f3b2c;--text-dim:#5c6b58;--caption:#8a9583;--border:#e3edd8;--border-strong:#d2dec2}.hanzi-app[data-palette=mediterranean]{--bg:#f5eddc;--bg-deep:#eee2c8;--surface:#fff;--card:#fbf4e4;--card-soft:#f2e8d0;--primary:#8b5a3c;--primary-ink:#6b4128;--primary-soft:#8b5a3c14;--primary-tint:#8b5a3c24;--accent:#6b8550;--accent-soft:#6b855029;--text:#3a2a1e;--text-dim:#6b5544;--caption:#9a8870;--border:#e8dcc2;--border-strong:#d5c5a2}.hanzi-app[data-palette=night]{--bg:#0a0f0c;--bg-deep:#060a07;--surface:#131a15;--card:#1a231d;--card-soft:#222c26;--primary:#9bc4a9;--primary-ink:#b8d6c2;--primary-soft:#9bc4a91a;--primary-tint:#9bc4a933;--accent:#e6c677;--accent-soft:#e6c6772e;--water:#8fb7d8;--water-soft:#8fb7d82e;--text:#f1ecd9;--text-dim:#c8c4b5;--caption:#8a9089;--hairline:#fff6dc12;--border:#2b362f;--border-strong:#3a4640;--success:#8fb99e;--warning:#e6c677;--danger:#d89687;--danger-soft:#d8968724;--shadow-sm:0 2px 6px #00000059, 0 1px 2px #00000040;--shadow-md:0 8px 20px #0006, 0 2px 4px #00000040;--shadow-lg:0 16px 40px #00000080, 0 4px 8px #0000004d;--shadow-sheet:0 -8px 32px #00000080}.hanzi-app[data-dark="1"]:not([data-palette=night]){--bg:#0f1612;--bg-deep:#0a100d;--surface:#1a231d;--card:#222c26;--card-soft:#2a352e;--primary:#8fb99e;--primary-ink:#a6ceb3;--primary-soft:#8fb99e1a;--primary-tint:#8fb99e33;--accent:#d4b871;--accent-soft:#d4b8712e;--water:#8fb7d8;--water-soft:#8fb7d829;--text:#f1ecd9;--text-dim:#c8c4b5;--caption:#8a9089;--hairline:#fff6dc12;--border:#2b362f;--border-strong:#3a4640;--success:#8fb99e;--warning:#d4b871;--danger:#d89687;--danger-soft:#d8968724;--shadow-sm:0 2px 6px #00000059, 0 1px 2px #00000040;--shadow-md:0 8px 20px #0006, 0 2px 4px #00000040;--shadow-lg:0 16px 40px #00000080, 0 4px 8px #0000004d;--shadow-sheet:0 -8px 32px #00000080}.hanzi-app[data-type=modern]{--font-display:"Geist", "Inter Tight", system-ui, sans-serif}.hanzi-app[data-type=mixed]{--font-display:"Newsreader", "Source Serif Pro", Georgia, serif}.hanzi-app[data-density=airy]{--s-4:18px;--s-5:24px;--s-6:28px;--s-7:36px}.hanzi-app[data-density=dense]{--s-4:14px;--s-5:18px;--s-6:22px;--s-7:28px}.hanzi-app[data-cards=outlined]{--card-shadow:none;--card-border:1px solid var(--border)}.hanzi-app[data-cards=elevated]{--card-shadow:var(--shadow-md);--card-border:none}.hanzi-app *{box-sizing:border-box}.hanzi-app button{color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}.hanzi-app input,.hanzi-app textarea,.hanzi-app select{font:inherit;color:inherit}.hanzi-scroll::-webkit-scrollbar{width:0;height:0}.hanzi-scroll{scrollbar-width:none;-ms-overflow-style:none}.h-display{font-family:var(--font-display);font-size:var(--t-display);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--text);font-weight:400}.h-h1{font-family:var(--font-display);font-size:var(--t-h1);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--text);font-weight:400}.h-h2{font-family:var(--font-display);font-size:var(--t-h2);line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);color:var(--text);font-weight:400}.h-h3{font-family:var(--font-body);font-size:var(--t-h3);line-height:var(--lh-snug);letter-spacing:var(--tracking-snug);color:var(--text);font-weight:600}.h-h4{font-family:var(--font-body);font-size:var(--t-h4);line-height:var(--lh-snug);letter-spacing:var(--tracking-snug);color:var(--text);font-weight:600}.h-body-lg{font-size:var(--t-body-lg);line-height:var(--lh-normal);color:var(--text)}.h-body{font-size:var(--t-body);line-height:var(--lh-normal);color:var(--text)}.h-small{font-size:var(--t-small);line-height:var(--lh-normal);color:var(--text-dim)}.h-caption{font-size:var(--t-caption);line-height:var(--lh-normal);color:var(--caption)}.h-eyebrow{font-family:var(--font-body);font-size:var(--t-eyebrow);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--caption);font-weight:600;line-height:1.2}.h-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.h-card{background:var(--card);border-radius:var(--r-xl);box-shadow:var(--card-shadow);border:var(--card-border)}.h-card-flat{background:var(--card);border-radius:var(--r-xl);border:1px solid var(--border)}.h-hairline{background:var(--hairline);width:100%;height:1px}.h-sheet-backdrop{z-index:200;background:#0a100d6b;animation:.18s ease-out hSheetFade;position:absolute;inset:0}.h-sheet{background:var(--surface);border-top-left-radius:var(--r-2xl);border-top-right-radius:var(--r-2xl);z-index:201;box-shadow:var(--shadow-sheet);flex-direction:column;max-height:92%;animation:.28s cubic-bezier(.2,.8,.2,1) hSheetUp;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.h-sheet-grabber{background:var(--border-strong);border-radius:999px;flex-shrink:0;width:36px;height:5px;margin:8px auto 0}@keyframes hSheetFade{0%{opacity:0}to{opacity:1}}@keyframes hSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.h-row{align-items:center;display:flex}.h-stack{flex-direction:column;display:flex}.h-spacer{flex:1}.h-pill{border-radius:var(--r-pill);background:var(--primary-soft);color:var(--primary);font-size:var(--t-caption);letter-spacing:var(--tracking-snug);align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.h-chip{border-radius:var(--r-pill);background:var(--card-soft);border:1px solid var(--hairline);font-size:var(--t-small);color:var(--text-dim);align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.h-btn-primary{background:var(--primary);color:#fbf7ed;border-radius:var(--r-pill);font-size:var(--t-body);letter-spacing:var(--tracking-snug);justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-weight:600;display:inline-flex}.h-btn-ghost{background:var(--card-soft);color:var(--text);border-radius:var(--r-pill);font-size:var(--t-body);border:1px solid var(--hairline);justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:500;display:inline-flex}.hanzi-app .recharts-cartesian-axis-tick text{fill:var(--caption)}.hanzi-app .recharts-default-tooltip{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--r-md)!important}.hanzi-app{overscroll-behavior:contain;width:100%;min-height:100dvh}