:root{font-family:Manrope,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--surface: #faf9f5;--surface-container-low: #f4f4f0;--surface-container: #efeeea;--surface-container-high: #e9e8e4;--surface-container-highest: #e3e2df;--surface-lowest: #ffffff;--primary: #610000;--primary-container: #8b0000;--on-primary: #ffffff;--secondary: #545f72;--secondary-container: #d5e0f7;--outline: #8e706b;--outline-variant: #e3beb8;--text-color: #1b1c1a;--bg-color: var(--surface);--muted-color: #5a403c;--link-color: var(--primary);--button-bg: var(--surface-container-low);--button-text: var(--text-color);--card-bg: var(--surface-lowest);--card-text: var(--text-color);--border-color: rgba(227, 190, 184, .2);--border-light: rgba(227, 190, 184, .1);--popup-bg: var(--surface-lowest);--popup-text: var(--text-color);--popup-muted: var(--muted-color);--pinyin-color: var(--secondary);--ambient-shadow: 0 8px 32px rgba(27, 28, 26, .06);color:var(--text-color);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:Manrope,system-ui,sans-serif;color:var(--text-color)}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--primary-container)}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:4px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Manrope,system-ui,sans-serif;background-color:var(--button-bg);color:var(--button-text);cursor:pointer;transition:background-color .2s}button:hover{background-color:var(--surface-container)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:20px;border-radius:12px;background-color:var(--card-bg);color:var(--card-text);box-shadow:var(--ambient-shadow);transition:box-shadow .2s ease}.muted{font-size:12px;color:var(--muted-color);margin-top:4px}@media(prefers-color-scheme:dark){:root{--surface: #1a1714;--surface-container-low: #201c18;--surface-container: #26211d;--surface-container-high: #2c2622;--surface-container-highest: #322c27;--surface-lowest: #130f0d;--primary: #ffb4a8;--primary-container: #920703;--on-primary: #3f0000;--secondary: #bcc7dd;--secondary-container: #3c475a;--text-color: #e8e1d9;--bg-color: #1a1714;--muted-color: #c2a9a3;--link-color: #ffb4a8;--button-bg: #26211d;--button-text: #e8e1d9;--card-bg: #130f0d;--card-text: #e8e1d9;--border-color: rgba(255, 255, 255, .07);--border-light: rgba(255, 255, 255, .04);--popup-bg: #26211d;--popup-text: #e8e1d9;--popup-muted: #c2a9a3;--pinyin-color: #bcc7dd;--ambient-shadow: 0 8px 32px rgba(0, 0, 0, .3)}}[data-theme=light]{--surface: #faf9f5;--surface-container-low: #f4f4f0;--surface-container: #efeeea;--surface-container-high: #e9e8e4;--surface-container-highest: #e3e2df;--surface-lowest: #ffffff;--primary: #610000;--primary-container: #8b0000;--on-primary: #ffffff;--secondary: #545f72;--secondary-container: #d5e0f7;--text-color: #1b1c1a;--bg-color: #faf9f5;--muted-color: #5a403c;--link-color: #610000;--button-bg: #f4f4f0;--button-text: #1b1c1a;--card-bg: #ffffff;--card-text: #1b1c1a;--border-color: rgba(227, 190, 184, .2);--border-light: rgba(227, 190, 184, .1);--popup-bg: #ffffff;--popup-text: #1b1c1a;--popup-muted: #5a403c;--pinyin-color: #545f72;--ambient-shadow: 0 8px 32px rgba(27, 28, 26, .06)}[data-theme=dark]{--surface: #1a1714;--surface-container-low: #201c18;--surface-container: #26211d;--surface-container-high: #2c2622;--surface-container-highest: #322c27;--surface-lowest: #130f0d;--primary: #ffb4a8;--primary-container: #920703;--on-primary: #3f0000;--secondary: #bcc7dd;--secondary-container: #3c475a;--text-color: #e8e1d9;--bg-color: #1a1714;--muted-color: #c2a9a3;--link-color: #ffb4a8;--button-bg: #26211d;--button-text: #e8e1d9;--card-bg: #130f0d;--card-text: #e8e1d9;--border-color: rgba(255, 255, 255, .07);--border-light: rgba(255, 255, 255, .04);--popup-bg: #26211d;--popup-text: #e8e1d9;--popup-muted: #c2a9a3;--pinyin-color: #bcc7dd;--ambient-shadow: 0 8px 32px rgba(0, 0, 0, .3)}.main-content{padding:24px 32px;max-width:1200px;margin:0 auto}@media(max-width:600px){.main-content{padding:16px 12px}.card{padding:12px}}#root{min-height:100vh}.home-hanzi-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(45deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(-45deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;transform:rotate(6deg) scale(1.2)}.home-hanzi-grid-bg--card{background-image:linear-gradient(to right,rgba(97,0,0,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(97,0,0,.06) 1px,transparent 1px),linear-gradient(45deg,rgba(97,0,0,.03) 1px,transparent 1px),linear-gradient(-45deg,rgba(97,0,0,.03) 1px,transparent 1px);background-size:48px 48px;transform:none;border-radius:8px}.home{max-width:960px;margin:0 auto;padding:0 4px}.home-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:32px;padding-top:8px;flex-wrap:wrap}.home-page-title{font-size:clamp(24px,5vw,36px);font-weight:800;letter-spacing:-.04em;margin:0 0 6px;line-height:1.1;color:var(--primary)}.home-page-sub{font-size:15px;color:var(--muted-color);margin:0}.home-label-chip{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:99px;background:#ffffff26;color:#ffffffe6;margin-bottom:12px}.home-label-chip-light{background:#61000014;color:var(--primary)}.home-btn{display:inline-flex;align-items:center;padding:12px 28px;border-radius:4px;font-size:15px;font-weight:600;font-family:Manrope,system-ui,sans-serif;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer;white-space:nowrap}.home-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #1b1c1a1f}.home-btn-primary{background:linear-gradient(180deg,#610000,#8b0000);color:#fff!important;border:none}.home-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-bottom:56px}.home-bento-featured{grid-column:span 8;background:linear-gradient(145deg,#610000,#8b0000);border-radius:12px;padding:40px;position:relative;overflow:hidden;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}.home-bento-featured-inner{position:relative;z-index:1}.home-bento-featured-char{position:absolute;top:-20px;right:-16px;font-size:clamp(120px,18vw,180px);font-weight:800;color:#ffffff0f;line-height:1;pointer-events:none;z-index:0;letter-spacing:-.04em}.home-bento-featured-title{font-size:clamp(20px,3vw,28px);font-weight:800;letter-spacing:-.03em;margin:0 0 8px;line-height:1.2;font-family:Manrope,system-ui,sans-serif}.home-bento-featured-desc{font-size:14px;line-height:1.6;color:#ffffffbf;margin:0 0 24px;max-width:420px}.home-bento-featured-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.home-btn-featured{display:inline-flex;align-items:center;padding:10px 24px;border-radius:99px;font-size:14px;font-weight:700;font-family:Manrope,system-ui,sans-serif;text-decoration:none;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);transition:background .15s;white-space:nowrap}.home-btn-featured:hover{background:#ffffff40;color:#fff}.home-bento-featured-meta{font-size:12px;color:#ffffff8c;font-weight:500}.home-bento-card{grid-column:span 4;background:var(--surface-lowest);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--ambient-shadow);text-decoration:none;color:var(--text-color);transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.home-bento-card:hover{transform:translateY(-3px);box-shadow:0 16px 48px #1b1c1a1a;color:var(--text-color)}.home-bento-card-accent{background:var(--surface-container-low)}.home-bento-card-icon{font-size:28px;margin-bottom:4px;line-height:1}.home-bento-card-title{font-size:17px;font-weight:700;letter-spacing:-.02em;margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--text-color)}.home-bento-card-desc{font-size:13px;color:var(--muted-color);margin:0;line-height:1.55;flex:1}.home-bento-card-link{font-size:13px;font-weight:600;color:var(--primary);margin-top:4px}.home-bento-char-card{background:var(--surface-container-low);justify-content:space-between;gap:12px}.home-bento-char-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-color);margin:0}.home-bento-char-display{position:relative;width:80px;height:80px;border-radius:8px;background:var(--surface-lowest);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--ambient-shadow)}.home-bento-char{font-size:48px;font-weight:400;color:var(--primary);line-height:1;position:relative;z-index:1}.home-bento-char-pinyin{font-size:18px;font-weight:700;color:var(--secondary);margin:0}.home-bento-char-meaning{font-size:14px;font-weight:600;color:var(--text-color);margin:2px 0 0}.home-bento-char-meta{font-size:11px;color:var(--muted-color);margin:2px 0 0}.home-stats{display:flex;justify-content:center;gap:0;background:var(--surface-container-low);border-radius:12px;overflow:hidden;margin-bottom:56px}.home-stat{flex:1;text-align:center;padding:28px 16px}.home-stat+.home-stat{border-left:1px solid var(--border-color)}.home-stat-value{font-size:clamp(24px,6vw,36px);font-weight:800;letter-spacing:-.04em;font-family:Manrope,system-ui,sans-serif;background:linear-gradient(135deg,#610000,#8b0000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-stat-label{font-size:13px;color:var(--muted-color);margin-top:4px}.word-token{cursor:pointer;transition:background .12s,color .12s;position:relative;display:inline;border-radius:3px}.word-token:hover{background:#61000014!important}.word-token:after{content:none}.word-token:before{content:none}.word-token ruby{ruby-position:over;display:inline-flex;flex-direction:column-reverse;align-items:center;line-height:1;gap:.06rem;font-size:1em;vertical-align:bottom}.word-token ruby rt{font-size:.48em;color:var(--pinyin-color, #545f72);line-height:1.1;display:block;font-weight:500;letter-spacing:.03em;transition:color .12s}.word-token:hover ruby rt{color:#610000cc}.word-token:focus{outline:none}.learn-toggle{padding:4px 8px;border-radius:4px;border:none;background:var(--surface-container-low);color:var(--button-text);cursor:pointer;font-size:.85em;font-family:Manrope,system-ui,sans-serif}.learn-toggle[aria-pressed=true]{background:#6100001a;color:#610000;font-weight:600}.learn-toggle[disabled]{opacity:.5;cursor:default}.page-header{margin-bottom:32px}.page-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:4px}.page-title{font-size:clamp(22px,4vw,32px);font-weight:800;letter-spacing:-.04em;margin:0;color:var(--primary);font-family:Manrope,system-ui,sans-serif}.page-subtitle{font-size:14px;color:var(--muted-color);margin:6px 0 0;line-height:1.5}.section-label{font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted-color);margin:0 0 12px}.ms-card{background:var(--surface-lowest);border-radius:12px;padding:24px;box-shadow:var(--ambient-shadow)}.ms-card-section{background:var(--surface-container-low);border-radius:12px;padding:24px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:4px;font-size:14px;font-weight:700;font-family:Manrope,system-ui,sans-serif;background:linear-gradient(180deg,#610000,#8b0000);color:#fff;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s;text-decoration:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #61000040;color:#fff}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:4px;font-size:14px;font-weight:600;font-family:Manrope,system-ui,sans-serif;background:var(--surface-container-low);color:var(--text-color);border:none;cursor:pointer;transition:background .15s}.btn-secondary:hover{background:var(--surface-container)}@media(max-width:768px){.home-bento{grid-template-columns:1fr}.home-bento-featured,.home-bento-card{grid-column:span 1}.home-bento-featured{min-height:240px;padding:28px 24px}.home-bento-featured-char{font-size:100px;right:-8px;top:-12px}}@media(max-width:600px){.home-page-header{flex-direction:column;align-items:flex-start}.home-stats{flex-direction:column}.home-stat+.home-stat{border-left:none;border-top:1px solid var(--border-color)}.home-stat{padding:16px}}