:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafaf7;--surface:#fff;--surface-2:#f1f0ec;--text:#1c1b1a;--text-secondary:#5a5853;--border:#dad8d2;--primary:#c8372d;--primary-strong:#a12a22;--on-primary:#fff;--accent:#2f5d8a;--success:#276e45;--warning:#8a5300;--danger:#b3261e;--srs-again:var(--danger);--srs-hard:var(--warning);--srs-good:var(--success);--srs-easy:var(--accent);--focus-ring:#2f5d8a;--font-ui:system-ui, sans-serif;--font-jp:"Hiragino Sans", "Yu Gothic UI", "Meiryo", "Noto Sans CJK JP", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-jp-prompt:clamp(2.5rem, 2rem + 2.5vw, 3rem);--text-kanji-hero:clamp(6rem, 4rem + 10vw, 8rem);--leading-tight:1.25;--leading-body:1.5;--leading-jp:1.8;--weight-regular:400;--weight-medium:500;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--tab-target:3rem;--tab-bar-height:3.5rem;--rail-width:5rem;--sidebar-width:15rem;--content-study:45rem;--content-wide:75rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#121212;--surface:#1c1c1e;--surface-2:#26262a;--text:#eceae6;--text-secondary:#a9a69f;--border:#3a3a3f;--primary:#f0685c;--primary-strong:#f58a80;--on-primary:#121212;--accent:#7faedb;--success:#6bcb8f;--warning:#f0b44c;--danger:#f2827a;--focus-ring:#7faedb}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121212;--surface:#1c1c1e;--surface-2:#26262a;--text:#eceae6;--text-secondary:#a9a69f;--border:#3a3a3f;--primary:#f0685c;--primary-strong:#f58a80;--on-primary:#121212;--accent:#7faedb;--success:#6bcb8f;--warning:#f0b44c;--danger:#f2827a;--focus-ring:#7faedb}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme-pending]{visibility:hidden}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-body);overflow-wrap:break-word;margin:0}:lang(ja){font-family:var(--font-jp);letter-spacing:normal;line-break:strict;font-style:normal}p:lang(ja),li:lang(ja){font-size:var(--text-lg);line-height:var(--leading-jp)}h1:lang(ja),h2:lang(ja),h3:lang(ja){word-break:keep-all}rt{color:var(--text-secondary);ruby-position:over}h1{font-size:var(--text-3xl);line-height:var(--leading-tight);margin:0 0 var(--space-4)}a{color:var(--primary-strong)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}main{width:100%;max-width:var(--content-wide);padding:var(--space-6) var(--space-4);margin-inline:auto;display:block}.skip-link{inset-inline-start:var(--space-2);top:var(--space-2);z-index:100;padding:var(--space-2) var(--space-4);background:var(--surface);color:var(--primary-strong);border-radius:var(--radius-sm);position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:767.98px){html:has([data-layout=app]){scroll-padding-bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom,0px) + var(--space-2))}}html:has([data-layout=focus]){scroll-padding-top:calc(3.5rem + var(--space-2))}