:root{--space-1:.5rem;--space-2:1rem;--space-3:2rem;--space-4:3.5rem;--space-5:6rem;--radius:22px;--content-max-width:44rem;--site-max-width:68rem;--header-h:64px}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--surface);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.8;overflow-x:hidden}a{color:inherit;text-underline-offset:.2em}img{max-width:100%;height:auto}.site-header{height:var(--header-h);justify-content:space-between;align-items:center;gap:var(--space-2);z-index:40;background:0 0;padding:0 clamp(1rem,4vw,2.5rem);display:flex;position:fixed;top:0;left:0;right:0}body{padding-top:var(--header-h)}.site-brand{letter-spacing:.02em;align-items:center;gap:.55rem;margin:0;font-size:1.05rem;font-weight:800;display:flex}.site-brand a{align-items:center;gap:.55rem;text-decoration:none;display:flex}.site-brand .character{display:block}.site-header nav ul{flex-wrap:wrap;gap:clamp(.9rem,2.5vw,1.8rem);margin:0;padding:0;font-size:.92rem;font-weight:700;list-style:none;display:flex}.site-header nav a{padding:.3rem .1rem;text-decoration:none}.site-header nav a:hover{text-decoration:underline 2px}.site-header nav a[aria-current=page]{text-underline-offset:.3em;text-decoration:underline 3px}.nav-toggle{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:.3rem .1rem;font-size:.92rem;font-weight:700;display:none}.nav-toggle-close,.nav-toggle[aria-expanded=true] .nav-toggle-open{display:none}.nav-toggle[aria-expanded=true] .nav-toggle-close{display:inline}.site-header nav .nav-char{display:none}@media (width<=720px){.js-nav .nav-toggle{display:inline-block}.js-nav .nav-toggle:hover,.js-nav .nav-toggle[aria-expanded=true]{text-decoration:underline 2px}.js-nav .site-nav{top:var(--header-h);backdrop-filter:blur(6px);border-top:1px solid var(--line);background:#faf7f0ad;padding:1.5rem 1rem 3rem;display:none;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.js-nav .nav-toggle[aria-expanded=true]+.site-nav{flex-direction:column;justify-content:center;align-items:center;animation:.25s ease-out both nav-fade;display:flex}html:has(.nav-toggle[aria-expanded=true]){overflow:hidden}html:has(.nav-toggle[aria-expanded=true]) .site-header{background:var(--surface)}.js-nav .site-nav ul{border:1px solid var(--line);background-color:#fff;background-image:radial-gradient(#5046280f 1px,#0000 1.3px);background-size:18px 18px;border-radius:2rem;flex-direction:column;align-items:center;gap:.35rem;width:min(100%,21rem);padding:1.1rem 1rem;font-size:1.45rem;box-shadow:0 24px 60px -34px #3c321e99}.js-nav .nav-toggle[aria-expanded=true]+.site-nav ul{animation:.4s cubic-bezier(.2,1.2,.35,1) both nav-card}.js-nav .site-nav a{text-align:center;border:1px solid #0000;border-radius:999px;align-items:center;gap:.65rem;padding:.55rem 1.5rem .55rem 1.1rem;display:inline-flex}.js-nav .site-nav a .nav-char{flex:none;display:block}.js-nav .site-nav a:hover,.js-nav .site-nav a[aria-current=page]{background:var(--paper);border-color:var(--line);text-decoration:none}.js-nav .nav-toggle[aria-expanded=true]+.site-nav li{animation:.55s cubic-bezier(.2,1.4,.35,1) both nav-pop}.js-nav .site-nav li:nth-child(2){animation-delay:60ms}.js-nav .site-nav li:nth-child(3){animation-delay:.12s}.js-nav .site-nav li:nth-child(4){animation-delay:.18s}.js-nav .site-nav li:nth-child(5){animation-delay:.24s}}@keyframes nav-pop{0%{opacity:0;translate:0 16px;scale:.94}to{opacity:1;translate:0;scale:1}}@keyframes nav-fade{0%{opacity:0}to{opacity:1}}@keyframes nav-card{0%{opacity:0;translate:0 12px;scale:.96}to{opacity:1;translate:0;scale:1}}@media (prefers-reduced-motion:reduce){.js-nav .site-nav,.js-nav .site-nav ul,.js-nav .site-nav li{animation:none!important}}.main-content{max-width:var(--content-max-width);padding:var(--space-4) var(--space-2);margin:0 auto}.main-full{display:block}.site-footer{background:var(--surface);border-top:1px solid var(--line);padding:var(--space-3) var(--space-2);text-align:center;color:var(--ink-soft);font-size:.85rem}.site-footer p{margin:0}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin:0 0 .5rem;font-weight:700;display:flex}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline 2px}.paper{background-color:var(--paper);background-image:radial-gradient(#5046280d 1px,#0000 1.2px);background-size:22px 22px}.panel{background:var(--surface);border-radius:var(--radius);padding:clamp(1.5rem,4vw,3rem);position:relative}.peek{z-index:1;position:absolute}.character{user-select:none;transition:transform .25s}.char-pupil{transition:transform .18s ease-out}.peek:hover{transform:translateY(-3px)rotate(-2deg)}@media (prefers-reduced-motion:reduce){.character,.char-pupil{transition:none}.peek:hover{transform:none}}.list-link{font-size:.92rem;font-weight:700;text-decoration:none}.list-link:hover{text-decoration:underline 2px}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}