:root{--bee-dark:#2c3830;--bee-mid:#4a6741;--bee-accent:#8faf72;--bee-light:#d6e8c4;--text-on-accent:#2c3830;--code-block-bg:#1e2820;--code-block-fg:#d6e8c4;--quick-action-bg:#4a6741;--bee-accent-tint:#8faf722e;--bee-accent-tint-strong:#8faf7252;--bee-accent-disabled:#8faf7273;--bg:#f2f7ec;--bg-solid:#f2f7ec;--surface:#e8f0e0;--card-bg:#fafcf8;--main-bg:#fafcf8b5;--border:#2c383029;--code-bg:#2c383014;--bg-overlay:#f2f7ec9e;--text:#4a6741;--text-h:#2c3830;--text-muted:#2c3830ad;--text-soft:#2c38307a;--topbar-bg:#2c3830;--topbar-border:#1a2818e6;--topbar-text:#d6e8c4;--topbar-text-muted:#d6e8c473;--topbar-active-bg:#d6e8c41f;--accent:var(--bee-accent);--accent-bg:#8faf7224;--accent-border:#8faf7261;--social-bg:#8faf722e;--shadow:#2c38301a 0 10px 15px -3px, #2c383012 0 4px 6px -2px;--wk-radical:#2e8b8b;--wk-radical-bg:#2e8b8b1f;--wk-kanji:#c4527a;--wk-kanji-bg:#c4527a1f;--wk-vocab:#7b4fa6;--wk-vocab-bg:#7b4fa61f;--wk-meaning:#4a6741;--wk-meaning-bg:#4a674121;--wk-reading:#2c3830;--wk-reading-fg:#d6e8c4;--danger:#dc2626;--danger-bg:#fef2f2;--danger-border:#fca5a5;--success:#166534;--success-bg:#f0fdf4;--success-border:#86efac;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}[data-theme=dark]{--bg:#151c13;--bg-solid:#151c13;--surface:#1d2a1a;--card-bg:#232f20;--main-bg:#232f20b5;--border:#8faf7238;--code-bg:#8faf721a;--text:#d6e8c4cc;--text-h:#d6e8c4;--text-muted:#d6e8c499;--text-soft:#d6e8c466;--topbar-bg:#0f1710;--topbar-border:#0a140ae6;--bg-overlay:#151c139e;--topbar-text:#d6e8c4;--topbar-text-muted:#d6e8c459;--topbar-active-bg:#d6e8c41a;--accent:var(--bee-accent);--accent-bg:#8faf7229;--accent-border:#8faf7259;--social-bg:#2c383066;--bee-accent-tint:#8faf721f;--bee-accent-tint-strong:#8faf7238;--bee-accent-disabled:#8faf7240;--text-on-accent:#151c13;--code-block-bg:#0b1009;--code-block-fg:#d6e8c4;--quick-action-bg:#2a3d24;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--danger-bg:#dc26261f;--danger-border:#dc262652;--success-bg:#16653424;--success-border:#86efac47}*,:before,:after{box-sizing:border-box}html{background-color:var(--bg-solid)}html,body{margin:0;overflow-x:hidden}body{position:relative}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(var(--bg-overlay), var(--bg-overlay)), url(/bg-day.png);background-position:0 100%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}[data-theme=dark] body:before{background-image:linear-gradient(var(--bg-overlay), var(--bg-overlay)), url(/bg-night.png)}input,select,textarea{background:var(--bg-solid);color:var(--text-h)}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex;overflow-x:clip}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@keyframes routeFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.route-fade{animation:.18s ease-out both routeFadeIn}@media (prefers-reduced-motion:reduce){.route-fade{animation:none}}@keyframes fall{0%{opacity:.9;top:0}to{opacity:.2;top:100%}}@keyframes blow-soft-left{0%{margin-left:0}to{margin-left:-50%}}@keyframes blow-medium-left{0%{margin-left:0}to{margin-left:-100%}}@keyframes blow-soft-right{0%{margin-left:0}to{margin-left:50%}}@keyframes blow-medium-right{0%{margin-left:0}to{margin-left:100%}}@keyframes sway-0{0%{transform:rotate(-5deg)}40%{transform:rotate(28deg)}to{transform:rotate(3deg)}}@keyframes sway-1{0%{transform:rotate(10deg)}40%{transform:rotate(43deg)}to{transform:rotate(15deg)}}@keyframes sway-2{0%{transform:rotate(15deg)}40%{transform:rotate(56deg)}to{transform:rotate(22deg)}}@keyframes sway-3{0%{transform:rotate(25deg)}40%{transform:rotate(74deg)}to{transform:rotate(37deg)}}@keyframes sway-4{0%{transform:rotate(40deg)}40%{transform:rotate(68deg)}to{transform:rotate(25deg)}}@keyframes sway-5{0%{transform:rotate(50deg)}40%{transform:rotate(78deg)}to{transform:rotate(40deg)}}@keyframes sway-6{0%{transform:rotate(65deg)}40%{transform:rotate(92deg)}to{transform:rotate(58deg)}}@keyframes sway-7{0%{transform:rotate(72deg)}40%{transform:rotate(118deg)}to{transform:rotate(68deg)}}@keyframes sway-8{0%{transform:rotate(94deg)}40%{transform:rotate(136deg)}to{transform:rotate(82deg)}}.sakura{pointer-events:none;position:absolute}