:root{--white:oklch(98.8% .002 250);--mist:oklch(96.5% .004 250);--ink:oklch(17% .012 262);--ink-soft:oklch(40% .012 262);--ink-faint:oklch(52% .01 262);--signal:oklch(66% .215 38);--signal-text:oklch(54% .2 36);--color-bg:var(--white);--color-bg-alt:var(--mist);--color-text:var(--ink);--color-text-muted:var(--ink-soft);--color-text-subtle:var(--ink-faint);--color-rule:var(--ink);--color-hairline:oklch(17% .012 262/.1);--color-grid:oklch(17% .012 262/.07);--color-accent:var(--signal);--color-accent-text:var(--signal-text);--color-focus:var(--signal-text);--color-chart:var(--signal);--color-invert-bg:var(--ink);--color-invert-text:oklch(96% .004 250);--color-invert-muted:oklch(72% .008 250);--color-code-bg:oklch(17% .012 262);--color-code-fg:oklch(94% .004 250);--font-sans:"Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", system-ui, sans-serif;--font-display:"Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.3125rem;--text-2xl:1.625rem;--text-3xl:clamp(1.75rem, 1.3rem + 1.8vw, 2.5rem);--text-4xl:clamp(2rem, 1.3rem + 2.8vw, 3.25rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--container:1240px;--prose:680px;--gutter:16px;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.14s;--dur-base:.22s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (width>=640px){:root{--gutter:24px}}@media (width>=1024px){:root{--gutter:40px}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:oklch(15% .008 262);--color-bg-alt:oklch(19% .01 262);--color-text:oklch(95% .004 250);--color-text-muted:oklch(78% .008 250);--color-text-subtle:oklch(65% .008 250);--color-rule:oklch(95% .004 250);--color-hairline:oklch(100% 0 0/.12);--color-grid:oklch(100% 0 0/.07);--color-accent:oklch(70% .18 40);--color-accent-text:oklch(74% .16 42);--color-focus:oklch(74% .16 42);--color-chart:oklch(66% .18 40);--color-invert-bg:oklch(95% .004 250);--color-invert-text:oklch(15% .008 262);--color-invert-muted:oklch(42% .01 262);--color-code-bg:oklch(11% .006 262);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--color-bg:oklch(15% .008 262);--color-bg-alt:oklch(19% .01 262);--color-text:oklch(95% .004 250);--color-text-muted:oklch(78% .008 250);--color-text-subtle:oklch(65% .008 250);--color-rule:oklch(95% .004 250);--color-hairline:oklch(100% 0 0/.12);--color-grid:oklch(100% 0 0/.07);--color-accent:oklch(70% .18 40);--color-accent-text:oklch(74% .16 42);--color-focus:oklch(74% .16 42);--color-chart:oklch(66% .18 40);--color-invert-bg:oklch(95% .004 250);--color-invert-text:oklch(15% .008 262);--color-invert-muted:oklch(42% .01 262);--color-code-bg:oklch(11% .006 262);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);letter-spacing:.02em;-webkit-font-smoothing:antialiased;font-kerning:normal;margin:0;line-height:1.85;overflow-x:hidden}img,svg{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.005em;font-feature-settings:"palt";text-wrap:balance;word-break:auto-phrase;overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.45}p{margin:0}ul,ol{margin:0;padding:0}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{left:var(--space-4);background:var(--color-invert-bg);color:var(--color-invert-text);padding:var(--space-2) var(--space-4);z-index:100;position:absolute;top:-100px}.skip-link:focus{top:var(--space-4)}.display{font-family:var(--font-display);letter-spacing:-.005em;font-feature-settings:"palt"}.num,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.link{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--color-hairline);text-decoration-color:var(--color-hairline);transition:text-decoration-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out)}.link:hover{color:var(--color-accent-text);text-decoration-color:currentColor}.rubric{justify-content:space-between;align-items:center;gap:var(--space-4);border-top:1px solid var(--color-hairline);padding-top:var(--space-4);margin-bottom:var(--space-6);display:flex}.rubric h2{align-items:center;gap:var(--space-2);font-size:var(--text-sm);letter-spacing:.06em;font-weight:700;display:flex}.rubric .count{font-family:var(--font-mono);color:var(--color-text-subtle);font-weight:400;font-size:var(--text-xs)}.rubric .more{min-height:32px;font-size:var(--text-xs);white-space:nowrap;align-items:center;gap:6px;font-weight:600;display:inline-flex}.rubric .more:hover{color:var(--color-accent-text);text-underline-offset:4px;text-decoration:underline}.rubric.big{padding-top:var(--space-4);margin-bottom:var(--space-8);align-items:flex-end}.rubric.big h2{font-size:var(--text-3xl);letter-spacing:-.01em;gap:var(--space-3);font-weight:900;line-height:1.3}.rubric{position:relative}.rubric:before{content:"";background:var(--color-accent);transform-origin:0;width:56px;height:2px;transition:transform .9s var(--ease-out);position:absolute;top:-1px;left:0;transform:scaleX(0)}.rubric.big:before{width:96px;height:3px;top:-2px}.rubric.in:before{transform:scaleX(1)}.rubric.big .count{font-size:var(--text-sm);align-self:flex-end;padding-bottom:4px}.band{--color-bg:oklch(15% .008 262);--color-bg-alt:oklch(19% .01 262);--color-text:oklch(95% .004 250);--color-text-muted:oklch(78% .008 250);--color-text-subtle:oklch(65% .008 250);--color-rule:oklch(95% .004 250);--color-hairline:oklch(100% 0 0/.12);--color-grid:oklch(100% 0 0/.07);--color-chart:oklch(66% .18 40);--color-accent-text:oklch(74% .16 42);--color-focus:oklch(74% .16 42);--color-invert-bg:oklch(95% .004 250);--color-invert-text:oklch(15% .008 262);--color-invert-muted:oklch(42% .01 262);background:var(--color-bg);color:var(--color-text);padding-block:var(--space-16) var(--space-16)}:root[data-theme=dark] .band{--color-bg:oklch(20% .012 262)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .band{--color-bg:oklch(20% .012 262)}}@property --cx{syntax:"<percentage>";inherits:false;initial-value:78%}@property --sw{syntax:"<percentage>";inherits:false;initial-value:-20%}@property --cy{syntax:"<percentage>";inherits:false;initial-value:28%}.circuit{isolation:isolate;position:relative}.circuit:before,.circuit:after{content:"";z-index:-1;pointer-events:none;-webkit-mask:url(/circuit.svg) 0 0 / 640px 640px repeat, var(--circuit-fade,linear-gradient(to left, #000 0%, #0000008c 40%, transparent 85%));-webkit-mask-composite:source-in;-webkit-mask:url(/circuit.svg) 0 0 / 640px 640px repeat, var(--circuit-fade,linear-gradient(to left, #000 0%, #0000008c 40%, transparent 85%));mask:url(/circuit.svg) 0 0 / 640px 640px repeat, var(--circuit-fade,linear-gradient(to left, #000 0%, #0000008c 40%, transparent 85%));position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.circuit:before{background:var(--color-text);opacity:var(--circuit-ink,.065)}.circuit:after{background:linear-gradient(104deg, transparent calc(var(--sw) - 9%), var(--color-accent) var(--sw), transparent calc(var(--sw) + 9%)), radial-gradient(var(--glow,260px) circle at var(--px,var(--cx)) var(--py,var(--cy)), var(--color-accent), transparent 72%);opacity:var(--circuit-glow,.4);animation:22s ease-in-out infinite alternate circuit-drift,9s linear infinite circuit-sweep}@keyframes circuit-drift{0%{--cx:92%;--cy:18%}35%{--cx:64%;--cy:74%}70%{--cx:84%;--cy:52%}to{--cx:48%;--cy:22%}}@keyframes circuit-sweep{0%{--sw:-20%}70%,to{--sw:120%}}@media (prefers-reduced-motion:reduce){.circuit:after{animation:none}}@media print{.circuit:before,.circuit:after{display:none}}.num[data-count]{min-width:1ch;display:inline-block}.kicker{font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-text-subtle);font-weight:600;display:inline-block}.btn{min-height:44px;padding:0 var(--space-6);background:var(--color-invert-bg);color:var(--color-invert-text);border:1px solid var(--color-invert-bg);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:oklch(15% .01 262)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.motion [data-reveal]{opacity:0;clip-path:inset(0 0 100%);transition:opacity .6s var(--ease-out), transform .7s var(--ease-out), clip-path .7s var(--ease-out);transition-delay:calc(var(--i,0) * 70ms);transform:translateY(18px)}.motion [data-reveal].in{opacity:1;clip-path:inset(0 0 -20%);transform:none}@supports (animation-timeline:view()){.band.circuit:before{animation:linear both circuit-shift;animation-timeline:view()}@keyframes circuit-shift{0%{transform:translateY(-24px)}to{transform:translateY(24px)}}}.rubric:after{content:"";pointer-events:none;background:repeating-linear-gradient(to right, var(--color-hairline) 0 1px, transparent 1px 12px);clip-path:inset(0 100% 0 0);height:5px;transition:clip-path 1.1s .15s var(--ease-out);position:absolute;top:-1px;left:0;right:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 55%);mask-image:linear-gradient(90deg,#000,#0000 55%)}.rubric.in:after{clip-path:inset(0)}.shelf-col li:before{content:"";background:var(--color-accent);transform-origin:0;width:100%;height:1px;transition:transform .42s var(--ease-out);position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.shelf-col li:hover:before,.shelf-col li:focus-within:before{transform:scaleX(1)}.ac h3 a,.ac .title a{transition:background-size .42s var(--ease-out), color var(--dur-fast) var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat}.ac:hover h3 a,.ac:hover .title a,.ac h3 a:focus-visible,.ac .title a:focus-visible{background-size:100% 1px}@media (prefers-reduced-motion:reduce){.motion [data-reveal]{opacity:1;clip-path:none;transition:none;transform:none}body:before,.band.circuit:before{animation:none}.rubric:after{clip-path:none;transition:none}}@media print{.motion [data-reveal]{opacity:1;clip-path:none;transform:none}body:before{display:none}}.rubric h2>svg{color:var(--color-text-subtle);flex:none;align-self:center}.rubric.big h2>svg{color:var(--color-accent-text)}.rubric.big.in{background:linear-gradient(90deg, transparent, var(--color-accent) 50%, transparent) no-repeat -160px 0 / 160px 1px;animation:11s linear 1.2s infinite rubric-run}@keyframes rubric-run{0%{background-position:-160px 0}to{background-position:calc(100% + 160px) 0}}@media (prefers-reduced-motion:reduce){.rubric.big.in{background:0 0;animation:none}}@media print{.rubric.big.in{background:0 0;animation:none}}