:root{--font-ui:var(--font-hanken), "Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-kana:var(--font-zenmaru), "Zen Maru Gothic", "Hiragino Sans", system-ui, sans-serif;--r-sm:12px;--r-md:18px;--r-lg:26px;--r-xl:34px;--shadow-soft:0 1px 2px #2325440a, 0 8px 24px #2325440f;--shadow-lift:0 2px 6px #2325440f, 0 18px 44px #2325441a;--ease:cubic-bezier(.22, .61, .36, 1);--app-max:480px}:root,[data-theme=light]{--bg:#f1ead9;--surface:#faf6ec;--surface-2:#f4eddf;--ink:#242641;--ink-soft:#5b5d78;--ink-faint:#8e90a6;--line:#e6ddca;--line-strong:#d8cdb6;--primary:#3b3f8f;--primary-ink:#2c2f72;--primary-soft:#e7e7f4;--on-primary:#fbfaf4;--matcha:#6f9148;--matcha-fill:#e2eccf;--matcha-bright:#9fb87a;--coral:#c97d4f;--coral-fill:#f6e3d3;--coral-bright:#e8a87c;--sakura:#d98aa0;--gold:#c79a3e;--gold-fill:#f3e8c9}[data-theme=dark]{--bg:#14141c;--surface:#1e1e2a;--surface-2:#262636;--ink:#ece8df;--ink-soft:#aeafc2;--ink-faint:#7e7f95;--line:#2f2f40;--line-strong:#3b3b50;--primary:#9498e6;--primary-ink:#b9bcf0;--primary-soft:#2a2b48;--on-primary:#15151f;--matcha:#aac98a;--matcha-fill:#2c3826;--matcha-bright:#b6d191;--coral:#e6a982;--coral-fill:#3a2c22;--coral-bright:#edb792;--sakura:#e0a0b3;--gold:#e0bd6a;--gold-fill:#383016}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background .4s var(--ease), color .4s var(--ease)}.kana{font-family:var(--font-kana);font-weight:500}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:padding-box;border:3px solid #0000;border-radius:99px}::-webkit-scrollbar-track{background:0 0}@keyframes fadeUp{0%{transform:translateY(12px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.96)}60%{transform:scale(1.01)}to{transform:scale(1)}}@keyframes softPulse{0%{box-shadow:0 0 #9fb87a80}to{box-shadow:0 0 0 16px #9fb87a00}}@keyframes sheetUp{0%{transform:translateY(14px)}to{transform:translateY(0)}}.anim-fadeUp{animation:fadeUp .5s var(--ease)}.anim-fadeIn{animation:fadeIn .4s var(--ease)}.anim-pop{animation:popIn .35s var(--ease)}.sheet-pop{animation:sheetUp .32s var(--ease)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.paper-grain:before{content:"";pointer-events:none;opacity:.5;z-index:0;background-image:radial-gradient(#786e5a0d .5px,#0000 .5px);background-size:4px 4px;position:fixed;inset:0}.content-wrap{width:100%;max-width:660px;padding-left:max(0px, env(safe-area-inset-left));padding-right:max(0px, env(safe-area-inset-right));margin:0 auto}.content-wrap.focus{max-width:540px}.grid-auto{grid-template-columns:repeat(2,1fr)}@media (min-width:560px){.grid-auto{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.grid-auto{grid-template-columns:repeat(4,1fr)}}.sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;flex-shrink:0;gap:6px;width:248px;padding:26px 18px 22px;display:flex;overflow-y:auto}.side-link{text-align:left;width:100%;color:var(--ink-soft);transition:background .18s var(--ease), color .18s var(--ease);background:0 0;border:none;border-radius:14px;align-items:center;gap:14px;padding:12px 14px;font-size:15.5px;font-weight:650;display:flex}.side-link:hover{background:var(--surface-2);color:var(--ink)}.side-link.active{background:var(--primary-soft);color:var(--primary)}@media (min-width:800px){.home-brand{display:none}}[data-theme=dark] .lesson-name{color:#fff}