@charset "UTF-8";@font-face{font-family:"Source Han Serif";src:url(/assets/fonts/SourceHanSerif-Regular.otf) format("opentype");font-display:swap}@font-face{font-family:Kouzan Brush;src:url(/assets/fonts/KouzanGyoushoOTF.otf) format("opentype");font-display:swap}@font-face{font-family:CJK Radicals;src:url(/assets/fonts/CJKRadicals-Regular.otf) format("opentype");font-display:swap}:root,:root[data-theme=light]{color-scheme:light;--paper: #f6f2e8;--paper-strong: #efe8dc;--paper-deep: #d8d0c1;--paper-wash: rgb(246 242 232 / .96);--paper-wash-soft: rgb(246 242 232 / .84);--surface-strong: rgb(255 255 255 / .86);--surface: rgb(255 255 255 / .74);--surface-soft: rgb(255 255 255 / .62);--surface-ghost: rgb(255 255 255 / .48);--surface-highlight: rgb(255 255 255 / .78);--ink: #141210;--ink-muted: #5e5851;--accent: #8e2c1d;--accent-deep: #63160d;--pine: #26221d;--line-soft: rgb(20 18 16 / .08);--line: rgb(20 18 16 / .14);--line-mid: rgb(20 18 16 / .11);--line-strong: rgb(20 18 16 / .22);--page-rule: rgb(20 18 16 / .025);--shadow-soft: 0 14px 32px rgb(20 18 16 / .05);--shadow-hard: 0 24px 56px rgb(20 18 16 / .09);--page-glow: rgb(255 255 255 / .92);--page-accent-wash: rgb(216 208 193 / .28);--page-base-start: #fffdfa;--page-base-end: #f1ebdf;--card-surface: linear-gradient( 180deg, color-mix(in srgb, white 91%, var(--paper) 9%), color-mix(in srgb, white 72%, var(--paper) 28%) );--control-surface: color-mix(in srgb, white 82%, var(--paper) 18%);--control-active-surface: linear-gradient( 135deg, var(--ink) 0%, color-mix(in srgb, var(--ink) 84%, var(--paper-deep) 16%) 100% );--control-active-ink: #fffdfa;--brand-surface: color-mix(in srgb, white 82%, var(--paper) 18%);--brand-mark-surface: linear-gradient( 145deg, color-mix(in srgb, var(--accent) 92%, white 8%) 0%, color-mix(in srgb, var(--accent-deep) 72%, var(--ink) 28%) 100% );--brand-mark-ink: #fffdfa;--tile-surface: color-mix(in srgb, white 78%, var(--paper) 22%);--tile-inset-surface: color-mix(in srgb, white 78%, var(--paper-strong) 22%);--stage-rule-fill: color-mix(in srgb, white 90%, var(--paper) 10%);--stage-surface: var(--surface-soft);--content-width: 1120px;--font-body: "Source Han Serif", Georgia, serif;--font-brush: "Kouzan Brush", "Source Han Serif", serif;--font-radical: "CJK Radicals", "Source Han Serif", serif}:root[data-theme=dark]{color-scheme:dark;--paper: #1c1815;--paper-strong: #26211c;--paper-deep: #3a322a;--paper-wash: rgb(28 24 21 / .95);--paper-wash-soft: rgb(28 24 21 / .84);--surface-strong: rgb(52 46 39 / .88);--surface: rgb(45 39 33 / .78);--surface-soft: rgb(41 35 30 / .72);--surface-ghost: rgb(56 49 42 / .54);--surface-highlight: rgb(255 247 232 / .08);--ink: #f3ead9;--ink-muted: #c7baa4;--accent: #c57a63;--accent-deep: #8a4032;--pine: #f0e2cd;--line-soft: rgb(243 234 217 / .08);--line: rgb(243 234 217 / .14);--line-mid: rgb(243 234 217 / .12);--line-strong: rgb(243 234 217 / .24);--page-rule: rgb(243 234 217 / .028);--shadow-soft: 0 18px 40px rgb(0 0 0 / .28);--shadow-hard: 0 28px 70px rgb(0 0 0 / .38);--page-glow: rgb(111 92 76 / .16);--page-accent-wash: rgb(197 122 99 / .13);--page-base-start: #100d0b;--page-base-end: #191511;--card-surface: linear-gradient( 180deg, color-mix(in srgb, var(--paper-strong) 72%, black 28%), color-mix(in srgb, var(--paper) 90%, black 10%) );--control-surface: color-mix(in srgb, var(--paper-strong) 78%, black 22%);--control-active-surface: linear-gradient( 135deg, color-mix(in srgb, var(--paper-deep) 14%, var(--ink) 86%) 0%, color-mix(in srgb, var(--paper) 30%, var(--ink) 70%) 100% );--control-active-ink: #16120f;--brand-surface: color-mix(in srgb, var(--paper-strong) 80%, black 20%);--brand-mark-surface: linear-gradient( 145deg, color-mix(in srgb, var(--accent) 88%, var(--paper-deep) 12%) 0%, color-mix(in srgb, var(--accent-deep) 78%, black 22%) 100% );--brand-mark-ink: #fff7eb;--tile-surface: color-mix(in srgb, var(--paper-strong) 74%, black 26%);--tile-inset-surface: color-mix(in srgb, var(--paper-deep) 72%, black 28%);--stage-rule-fill: color-mix(in srgb, var(--paper-strong) 84%, black 16%);--stage-surface: color-mix(in srgb, var(--paper) 84%, black 16%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);font-family:var(--font-body);transition:color .18s ease,background .24s ease;background:radial-gradient(circle at top left,var(--page-glow),transparent 32%),radial-gradient(circle at top right,var(--page-accent-wash),transparent 34%),linear-gradient(180deg,var(--page-base-start) 0%,var(--paper) 44%,var(--page-base-end) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--page-rule) 1px,transparent 1px),linear-gradient(90deg,var(--page-rule) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(circle at center,black 20%,transparent 85%);mask-image:radial-gradient(circle at center,black 20%,transparent 85%);opacity:.18}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p,dl,dd{margin:0}main,section{position:relative}.page-stack{display:grid;gap:1.5rem;animation:rise .3s ease-out}.section-card{padding:1.4rem;border:1px solid var(--line);border-radius:28px;background:var(--card-surface);box-shadow:var(--shadow-soft)}.eyebrow{color:var(--accent);font-size:.8rem;text-transform:uppercase;letter-spacing:.18em}.page-title{font-size:clamp(2.3rem,5vw,4.5rem);line-height:.96}.lede{max-width:62ch;color:var(--ink-muted);line-height:1.7}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink-muted);text-decoration:none}.back-link:before{content:"\2190"}.pill-button{appearance:none;padding:.8rem 1.1rem;border:1px solid var(--line);border-radius:999px;background:var(--control-surface);color:var(--ink);cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.pill-button:hover,.pill-button:focus-visible{transform:translateY(-1px);border-color:var(--line-strong)}.pill-button.is-active,.pill-button[data-active=true]{background:var(--control-active-surface);border-color:transparent;color:var(--control-active-ink)}.kanji-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:1rem}.glyph-card{display:grid;place-items:center;min-height:112px;padding:.9rem;border:1px solid var(--line);border-radius:22px;background:var(--tile-surface);box-shadow:inset 0 1px 0 var(--surface-highlight);text-decoration:none}.glyph-card .glyph{font-size:3rem;line-height:1}.glyph{font-family:var(--font-body)}.semi-cursive{font-family:var(--font-brush)}.japanese-text{font-family:var(--font-body)}.muted{color:var(--ink-muted)}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.section-card{padding:1.15rem;border-radius:22px}.kanji-grid{grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:.85rem}}