*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:unset;-webkit-tap-highlight-color:transparent;min-height:100vh;overflow-x:clip}a{color:var(--accent-text);transition:color var(--dur-fast) ease;text-decoration:none}@media (hover:hover){a:hover{color:var(--accent-hover)}}img{display:block}:where(img){image-rendering:pixelated}h1,h2,h3,h4{font-family:var(--font-pixel);color:var(--ink);line-height:var(--lh-snug);text-wrap:balance;font-weight:400}p{line-break:strict;word-break:normal;text-wrap:pretty}button{font-family:var(--font-ui);font-size:var(--fs-label);cursor:pointer;color:inherit;background:0 0;border:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent-soft);color:var(--ink)}@font-face{font-family:Sokebo Pixel;src:url(/fonts/sokebo-pixel-400-subset.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Sokebo Slab;src:url(/fonts/sokebo-slab-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sokebo Slab;src:url(/fonts/sokebo-slab-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Sokebo Serif SC;src:url(/fonts/sokebo-serif-sc-400-subset.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sokebo Serif SC;src:url(/fonts/sokebo-serif-sc-700-subset.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg:#d9dde2;--bg-elevated:#f2f4f7;--bg-sunken:#c9cfd6;--ink-bench:#1b1d22;--ink-bench-dim:#4c5057;--ink-bench-mute:#5c5f65;--ink-paper:#1b1d22;--ink-paper-dim:#4c5057;--ink-paper-mute:#5c5f65;--ink-plate:#ece7dd;--ink-plate-dim:#a8a49c;--ink-plate-mute:#9c9992;--border-bench:#b3bac3;--border-bench-strong:#9aa2ad;--border-paper:#dcdfe4;--border-paper-strong:#c6cbd1;--border-plate:#42474f;--border-plate-strong:#4c525b;--accent-bench:#5f6b21;--accent-bench-text:#4f5718;--accent-bench-hover:#3f4715;--accent-bench-soft:#e6e9d2;--accent-paper:#5f6b21;--accent-paper-text:#4a5314;--accent-paper-hover:#3b420f;--accent-paper-soft:#e9ebd4;--accent-plate:#b8d94f;--accent-plate-text:#c2e356;--accent-plate-hover:#cde95f;--accent-plate-soft:#2a3314;--clash-bench:#4a3fc4;--clash-paper:#4a3fc4;--clash-plate:#9a8fc4;--block-accent:#b8d94f;--block-ink:#1b1d22;--band-bg:#5f6b21;--pencil-bench:#717780;--pencil-paper:#7b818a;--pencil-plate:#8d8a84;--ink-line-bench:#6f757d;--ink-line-paper:#6f757d;--ink-line-plate:#a8a49c;--font-display:"Sokebo Pixel", "Sokebo Slab", "Sokebo Serif SC", "Rockwell", "American Typewriter", "Songti SC", "STSong", "SimSun", "Source Han Serif SC", "Noto Serif CJK SC", serif;--font-body:"PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-ui:var(--font-body);--font-pixel:var(--font-display);--fs-d1:12px;--fs-d2:24px;--fs-d3:36px;--fs-hero:72px;--fs-body:16px;--fs-lead:20px;--fs-label:13px;--ls-label:.06em;--ls-body:0;--container-w:min(720px, 92vw);--container-w-wide:min(1080px, 94vw);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--space-12:96px;--rhythm-pair:16px;--rhythm-section:64px;--lh-body:1.75;--lh-snug:1.25;--radius-cut:2px;--radius-worn:16px;--radius-paper:2px;--radius-sm:var(--radius-cut);--radius-md:var(--radius-worn);--radius-lg:var(--radius-cut);--shadow-sm:0 1px 2px #2e333c14;--shadow-md:0 4px 12px #2e333c1a;--shadow-lg:0 12px 32px #2e333c1f;--shadow-hard:3px 3px 0 #2f343b;--dur-fast:.15s;--surface-sheet:linear-gradient(180deg, #f7f9fb 0%, #eef1f4 100%);--surface-sheet-sunken:linear-gradient(180deg, #e7ebef 0%, #eff2f5 100%);--surface-tag:#1e2126;--surface-part:#2a2f36;--surface-note:#efebe3;--edge-light:inset 0 1px 0 #ffffffb8;--lift-sm:0 2px 8px #2e333c1a;--lift-hover:0 2px 4px #2e333c14, 0 14px 32px #2e333c1f;--lift-paper:0 1px 2px #2e333c14, 0 16px 34px #2e333c29;--node-line:var(--pencil-bench);--node-line-end:var(--accent-bench);--mat-cabinet-base:var(--bg);--mat-cabinet-light:radial-gradient(130% 85% at 50% -12%, #ffffff21 0%, #fff0 58%);--mat-cabinet-brush:repeating-linear-gradient(180deg, #14181e05 0 1px, transparent 1px 3px);--mat-cabinet-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.55' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");--mat-blend:normal, normal, multiply;--surface-paper:#fff;--ink:var(--ink-bench);--ink-dim:var(--ink-bench-dim);--ink-mute:var(--ink-bench-mute);--accent:var(--accent-bench);--accent-text:var(--accent-bench-text);--accent-hover:var(--accent-bench-hover);--accent-soft:var(--accent-bench-soft);--clash:var(--clash-bench);--border:var(--border-bench);--border-strong:var(--border-bench-strong);--pencil:var(--pencil-bench);--ink-line:var(--ink-line-bench);--_d-bg:#1b1d22;--_d-bg-elevated:#262a31;--_d-bg-sunken:#14161a;--_d-ink-bench:#ece7dd;--_d-ink-bench-dim:#a8a49c;--_d-ink-bench-mute:#9c9992;--_d-ink-paper:#22252b;--_d-ink-paper-dim:#5b5a55;--_d-ink-paper-mute:#6e6c66;--_d-border-bench:#3a3f47;--_d-border-bench-strong:#4c525b;--_d-border-paper:#cdc6b5;--_d-border-paper-strong:#a89f8a;--_d-accent-bench:#b8d94f;--_d-accent-bench-text:#c2e356;--_d-accent-bench-hover:#cde95f;--_d-accent-bench-soft:#2a3314;--_d-accent-paper:#5f6b21;--_d-accent-paper-text:#4a5314;--_d-accent-paper-hover:#3b420f;--_d-accent-paper-soft:#e9ebd4;--_d-clash-bench:#9a8fc4;--_d-band-bg:#b8d94f;--_d-pencil-bench:#8d8a84;--_d-pencil-paper:#6e6c66;--_d-ink-line-bench:#a8a49c;--_d-ink-line-paper:#5b5a55;--_d-shadow-sm:0 1px 2px #0006;--_d-shadow-md:0 4px 12px #0000007a;--_d-shadow-lg:0 12px 32px #0000008c;--_d-shadow-hard:3px 3px 0 #0a0b0d;--_d-surface-sheet:linear-gradient(180deg, #2a2f36 0%, #22262c 100%);--_d-surface-sheet-sunken:linear-gradient(180deg, #191c21 0%, #1e2228 100%);--_d-surface-paper:#f2efe8;--_d-surface-note:#e7e1d4;--_d-edge-light:inset 0 1px 0 #ffffff17;--_d-lift-sm:0 2px 8px #00000073;--_d-lift-hover:0 2px 4px #0006, 0 14px 32px #0000008c;--_d-lift-paper:0 1px 2px #00000059, 0 16px 34px #0000008c;--_d-mat-cabinet-light:radial-gradient(130% 85% at 50% -12%, #ffffff0d 0%, #fff0 58%);--_d-mat-cabinet-brush:repeating-linear-gradient(180deg, #ffffff04 0 1px, transparent 1px 3px);--_d-mat-blend:normal, normal, screen}:root[data-theme=dark]{--bg:var(--_d-bg);--bg-elevated:var(--_d-bg-elevated);--bg-sunken:var(--_d-bg-sunken);--ink-bench:var(--_d-ink-bench);--ink-bench-dim:var(--_d-ink-bench-dim);--ink-bench-mute:var(--_d-ink-bench-mute);--ink-paper:var(--_d-ink-paper);--ink-paper-dim:var(--_d-ink-paper-dim);--ink-paper-mute:var(--_d-ink-paper-mute);--border-bench:var(--_d-border-bench);--border-bench-strong:var(--_d-border-bench-strong);--border-paper:var(--_d-border-paper);--border-paper-strong:var(--_d-border-paper-strong);--accent-bench:var(--_d-accent-bench);--accent-bench-text:var(--_d-accent-bench-text);--accent-bench-hover:var(--_d-accent-bench-hover);--accent-bench-soft:var(--_d-accent-bench-soft);--accent-paper:var(--_d-accent-paper);--accent-paper-text:var(--_d-accent-paper-text);--accent-paper-hover:var(--_d-accent-paper-hover);--accent-paper-soft:var(--_d-accent-paper-soft);--clash-bench:var(--_d-clash-bench);--band-bg:var(--_d-band-bg);--pencil-bench:var(--_d-pencil-bench);--pencil-paper:var(--_d-pencil-paper);--ink-line-bench:var(--_d-ink-line-bench);--ink-line-paper:var(--_d-ink-line-paper);--shadow-sm:var(--_d-shadow-sm);--shadow-md:var(--_d-shadow-md);--shadow-lg:var(--_d-shadow-lg);--shadow-hard:var(--_d-shadow-hard);--surface-sheet:var(--_d-surface-sheet);--surface-sheet-sunken:var(--_d-surface-sheet-sunken);--surface-paper:var(--_d-surface-paper);--surface-note:var(--_d-surface-note);--edge-light:var(--_d-edge-light);--lift-sm:var(--_d-lift-sm);--lift-hover:var(--_d-lift-hover);--lift-paper:var(--_d-lift-paper);--mat-cabinet-light:var(--_d-mat-cabinet-light);--mat-cabinet-brush:var(--_d-mat-cabinet-brush);--mat-blend:var(--_d-mat-blend)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--_d-bg);--bg-elevated:var(--_d-bg-elevated);--bg-sunken:var(--_d-bg-sunken);--ink-bench:var(--_d-ink-bench);--ink-bench-dim:var(--_d-ink-bench-dim);--ink-bench-mute:var(--_d-ink-bench-mute);--ink-paper:var(--_d-ink-paper);--ink-paper-dim:var(--_d-ink-paper-dim);--ink-paper-mute:var(--_d-ink-paper-mute);--border-bench:var(--_d-border-bench);--border-bench-strong:var(--_d-border-bench-strong);--border-paper:var(--_d-border-paper);--border-paper-strong:var(--_d-border-paper-strong);--accent-bench:var(--_d-accent-bench);--accent-bench-text:var(--_d-accent-bench-text);--accent-bench-hover:var(--_d-accent-bench-hover);--accent-bench-soft:var(--_d-accent-bench-soft);--accent-paper:var(--_d-accent-paper);--accent-paper-text:var(--_d-accent-paper-text);--accent-paper-hover:var(--_d-accent-paper-hover);--accent-paper-soft:var(--_d-accent-paper-soft);--clash-bench:var(--_d-clash-bench);--band-bg:var(--_d-band-bg);--pencil-bench:var(--_d-pencil-bench);--pencil-paper:var(--_d-pencil-paper);--ink-line-bench:var(--_d-ink-line-bench);--ink-line-paper:var(--_d-ink-line-paper);--shadow-sm:var(--_d-shadow-sm);--shadow-md:var(--_d-shadow-md);--shadow-lg:var(--_d-shadow-lg);--shadow-hard:var(--_d-shadow-hard);--surface-sheet:var(--_d-surface-sheet);--surface-sheet-sunken:var(--_d-surface-sheet-sunken);--surface-paper:var(--_d-surface-paper);--surface-note:var(--_d-surface-note);--edge-light:var(--_d-edge-light);--lift-sm:var(--_d-lift-sm);--lift-hover:var(--_d-lift-hover);--lift-paper:var(--_d-lift-paper);--mat-cabinet-light:var(--_d-mat-cabinet-light);--mat-cabinet-brush:var(--_d-mat-cabinet-brush);--mat-blend:var(--_d-mat-blend)}}body{padding-top:56px}.page{flex-direction:column;min-height:100vh;display:flex}.page-main{width:100%;padding:var(--space-10) var(--space-5) var(--space-12);flex-direction:column;flex:1;align-items:center;display:flex}.container{width:var(--container-w);max-width:100%}.topbar{z-index:100;width:100%;height:56px;padding:0 var(--space-6);background:var(--bg);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.topbar-logo{font-family:var(--font-display);font-size:var(--fs-d2);color:var(--ink);text-decoration:none;position:relative}.topbar-logo:before{content:"";position:absolute;inset:-4px -8px}.topbar-logo:after{content:"";background:currentColor;width:4px;height:4px;margin-left:2px;display:inline-block}@keyframes logo-dot-breathe{0%,to{opacity:1}50%{opacity:.22}}.topbar-logo.is-breath:after{animation:2.4s ease-in-out infinite logo-dot-breathe}@media (hover:hover){.topbar-logo:hover{color:var(--ink)}}.topbar-divider{background:var(--border-strong);width:1px;height:24px;margin-left:var(--space-4);margin-right:var(--space-4);flex-shrink:0;align-self:center}.topbar-nav{align-items:center;margin-left:auto;display:flex}.theme-toggle{color:var(--ink-dim);padding:var(--space-2) 0;align-items:center;transition:color .15s;display:inline-flex;position:relative}@media (hover:hover){.theme-toggle:hover{color:var(--ink)}}.theme-toggle:active{color:var(--ink)}.theme-toggle:after{content:"";position:absolute;inset:0 -8px}.topbar>.theme-toggle .theme-toggle-label{display:none}.theme-toggle-icon{width:16px;height:16px;display:block}.theme-bite-hole{transition:r .42s cubic-bezier(.4,0,.2,1)}:root[data-theme=dark] .theme-bite-hole{r:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-bite-hole{r:0}}.topbar-link{font-family:var(--font-body);font-size:var(--fs-label);color:var(--ink-dim);padding:var(--space-2) 0;text-decoration:none;transition:color .15s}@media (hover:hover){.topbar-link:hover{color:var(--ink)}}.topbar-link.active{color:var(--ink)}.topbar-link:before{content:"";width:4px;height:4px;margin-right:var(--space-2);vertical-align:middle;background:0 0;display:inline-block}.topbar-link.active:before{background:var(--ink)}.topbar-github{color:var(--ink-dim);padding:var(--space-2) 0;border-bottom:1px solid #0000;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex;position:relative}.topbar-github:after{content:"";position:absolute;inset:0 -8px}@media (hover:hover){.topbar-github:hover{color:var(--ink)}}.topbar-github svg{width:18px;height:18px;display:block}.topbar-menu-btn{justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;display:none;position:relative}.topbar-menu-btn:after{content:"";position:absolute;inset:-6px}.topbar-menu-btn svg{width:18px;height:18px}.topbar-menu-btn:active{border-color:var(--accent)}.topbar-mobile-nav{z-index:99;background:var(--bg-elevated);border-bottom:1px solid var(--border);padding:var(--space-3) 0;box-shadow:var(--shadow-md);flex-direction:column;display:none;position:fixed;top:56px;left:0;right:0}.topbar-mobile-nav.open{display:flex}.topbar-mobile-link{padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--fs-label);color:var(--ink);border-bottom:1px solid var(--bg-sunken);text-decoration:none}.topbar-mobile-link:last-child{border-bottom:none}.topbar-mobile-link.active{color:var(--accent);background:var(--accent-soft)}.footer{width:100%;padding:var(--space-6) var(--space-5);background:var(--bg);align-items:center;gap:var(--space-3);font-size:var(--fs-label);color:var(--ink-mute);flex-wrap:wrap;display:flex}.footer-divider{background:var(--border-strong);width:1px;height:16px;margin:0 var(--space-3);flex-shrink:0;align-self:center}.footer-left{color:var(--ink);letter-spacing:1px;margin-right:auto}.footer-signature{color:inherit;border-bottom:1px solid #0000;text-decoration:none;transition:border-color .15s}@media (hover:hover){.footer-signature:hover{border-bottom-color:currentColor}}.footer-signature:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:1px}.footer-right{gap:var(--space-4);align-items:center;display:flex}.footer-link{font-family:var(--font-body);font-size:var(--fs-label);color:var(--ink-dim);text-decoration:none;transition:color .15s;position:relative}.footer-link:after{content:"";position:absolute;inset:-12px -14px}@media (hover:hover){.footer-link:hover{color:var(--ink)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-body);font-size:var(--fs-d1);color:var(--bg-elevated);background:var(--accent-text);border:2px solid var(--accent-text);border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}@media (hover:hover){.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--bg-elevated);transform:translateY(-2px)}}.btn:active{transform:translateY(0)}.work-item{padding:var(--space-6)}.work-item-tag{font-size:var(--fs-label);letter-spacing:var(--ls-label);margin-bottom:var(--space-3);padding:2px 8px;display:inline-block}.work-item-name{font-family:var(--font-display);font-size:var(--fs-d3);color:var(--ink);margin-bottom:var(--space-2)}.work-item-kind{font-size:var(--fs-body);color:var(--ink-mute);margin-bottom:var(--space-3)}.work-item-desc{font-size:var(--fs-body);color:var(--ink-dim);line-height:var(--lh-body);max-width:640px}.explain{margin-top:var(--space-6);max-width:640px}.explain-fig{flex-direction:column;align-items:stretch;display:flex}.explain-fig svg{display:none}.explain-node{width:100%;padding:var(--space-3);border:2px solid var(--border-strong);border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:2px;display:flex}.explain-node-endpoint{border-color:var(--accent)}.explain-node-endpoint .explain-node-kind{color:var(--accent-text)}.explain-node-kind{font-family:var(--font-body);font-size:var(--fs-label);color:var(--ink-mute)}.explain-node-name{font-size:var(--fs-body);color:var(--ink);line-height:var(--lh-snug);text-align:center}.explain-hop-label{padding:var(--space-2) 0;font-family:var(--font-body);font-size:var(--fs-body);color:var(--ink-dim);text-align:center;white-space:nowrap}.explain-hop-label:before{content:"";width:2px;margin:0 auto var(--space-2);display:block}@media (width>=766px){.explain{max-width:none}.explain-fig{width:100%;height:165px;display:block;position:relative}.explain-fig svg{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.explain-node{width:23.4375%;height:60px;padding:var(--space-2);justify-content:center;position:absolute}.explain-node:first-of-type{top:0;left:3.125%}.explain-node:nth-of-type(2){top:105px;left:38.2813%}.explain-node:nth-of-type(3){top:0;left:73.4375%}.explain-hop-label{padding:0;position:absolute;transform:translate(-50%,-50%)}.explain-hop-label:before{display:none}.explain-hop-a{top:96px;left:30.625%}.explain-hop-b{top:96px;left:69.375%}}.explain-cap{line-height:var(--lh-body);margin-top:var(--space-4)}.work-more{align-items:center;gap:var(--space-2);margin-top:var(--space-5);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-label);color:var(--ink-mute);letter-spacing:0;background:0 0;border:0;padding:0;display:inline-flex;position:relative}.work-more:after{content:"";position:absolute;inset:-16px -12px}.work-more:focus-visible,.work-more:active{color:var(--accent)}@media (hover:hover){.work-more:hover{color:var(--accent)}}.work-more-mark{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid;width:0;height:0;transition:transform .15s}.work-more[aria-expanded=true] .work-more-mark{transform:rotate(90deg)}.work-expand{grid-template-rows:0fr;transition:grid-template-rows .24s;display:grid}.work-expand.is-open{grid-template-rows:1fr}.work-expand-in{min-height:0;overflow:hidden}.l-scene{max-width:560px;margin-top:var(--space-5);font-size:var(--fs-body);color:var(--ink);line-height:var(--lh-body)}.l-scene b{font-weight:600}.l-real{margin-top:var(--space-5)}.l-note{margin-top:var(--space-3);font-size:var(--fs-body);color:var(--ink-dim);line-height:var(--lh-body)}.l-note b{color:var(--ink);font-weight:600}.real-fig{padding:var(--space-4);background:var(--bg-sunken);border-radius:var(--radius-sm);flex-direction:column;display:flex}.real-fig svg{display:none}.real-node{text-align:center;width:100%;font-size:var(--fs-body);line-height:var(--lh-snug);white-space:nowrap;border:2px solid var(--border-strong);border-radius:var(--radius-sm);padding:6px 0}.real-node-end{border-color:var(--accent)}.real-node-mid{background:0 0;border-style:dashed}.real-hop{padding:var(--space-2) 0;text-align:center;font-family:var(--font-body);font-size:var(--fs-label);color:var(--ink-mute);white-space:nowrap}.real-hop:before{content:"";width:2px;height:var(--space-4);margin:0 auto var(--space-2);background:var(--accent);display:block}@media (width>=766px){.real-fig{width:640px;height:88px;padding:0;display:block;position:relative}.real-fig svg{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.real-node{width:96px;position:absolute;top:44px}.real-node:first-of-type{left:24px}.real-node:nth-of-type(3){left:272px}.real-node:nth-of-type(5){left:520px}.real-hop{padding:0;position:absolute;transform:translate(-50%,-50%)}.real-hop:before{display:none}.real-hop:nth-of-type(2){top:22px;left:196px}.real-hop:nth-of-type(4){top:22px;left:444px}}.l-claim{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border)}.l-claim-line{font-family:var(--font-body);font-size:var(--fs-d2);color:var(--ink);line-height:var(--lh-body);font-weight:500}.l-claim-sub{margin-top:var(--space-3);font-size:var(--fs-body);color:var(--ink-mute);line-height:var(--lh-body)}.page-title{font-size:var(--fs-d3);color:var(--ink);margin-bottom:var(--space-3);letter-spacing:2px}.page-claim{font-size:var(--fs-lead);color:var(--ink);line-height:var(--lh-body);margin-top:var(--space-5);margin-bottom:var(--space-6)}.section{margin-bottom:var(--space-12);width:100%;min-width:0}.section-title{font-size:var(--fs-d3);margin-bottom:var(--space-3)}.section-desc{font-size:var(--fs-body);color:var(--ink-dim);line-height:var(--lh-body);margin-bottom:var(--space-5);max-width:640px}.skip-link{top:-100px;left:var(--space-2);z-index:1000;padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--fs-label);color:var(--bg-elevated);background:var(--accent-text);border:2px solid var(--accent-text);text-decoration:none;transition:top .15s;position:absolute}.skip-link:focus,.skip-link:focus-visible{top:var(--space-2);color:var(--bg-elevated);outline:none}[data-device=mobile] .skip-link{left:var(--space-2)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hero{text-align:center;padding:var(--space-8) 0 var(--space-10);flex-direction:column;align-items:center;display:flex}.hero-compact{padding:var(--space-6) 0 var(--space-6)}.hero-kobo-link{cursor:default;border-radius:var(--radius-md);text-decoration:none;display:inline-block}.hero-kobo{width:80px;height:80px;margin-bottom:var(--space-3);justify-content:center;align-items:center;display:flex}.hero-kobo canvas{width:100%;height:100%;image-rendering:pixelated}.hero-title{font-family:var(--font-display);font-size:var(--fs-hero);margin-bottom:var(--space-3)}.hero-subtitle{font-size:var(--fs-body);color:var(--ink-dim);margin-bottom:var(--space-4);letter-spacing:0}.kobo-display-wrap{margin-bottom:var(--space-8);flex-direction:column;align-items:center;display:flex}.kobo-display{background-color:var(--bg-sunken);border-radius:var(--radius-lg);width:256px;height:256px;margin-bottom:var(--space-4);border:2px solid var(--border);justify-content:center;align-items:center;display:flex;position:relative}@media (prefers-reduced-motion:no-preference){.kobo-display:not(.loaded){animation:1.8s ease-in-out infinite kobo-display-breathe}}@keyframes kobo-display-breathe{0%,to{background-color:var(--bg-sunken)}50%{background-color:var(--border)}}.kobo-display canvas{width:100%;height:100%;image-rendering:pixelated}.kobo-state-info{text-align:center}.kobo-state-name{font-size:var(--fs-d2);color:var(--ink);margin-bottom:var(--space-1)}.kobo-state-desc{font-size:var(--fs-body);color:var(--ink-dim)}.kobo-states-group{margin-bottom:var(--space-6)}.kobo-states-group-inside{margin-top:var(--space-3)}.kobo-states-label{font-size:var(--fs-label);color:var(--ink-mute);letter-spacing:var(--ls-label);text-transform:uppercase;margin-bottom:var(--space-3)}.kobo-extras-details{margin-bottom:var(--space-6)}.kobo-extras-summary{cursor:pointer;font-family:var(--font-body);font-size:var(--fs-label);color:var(--ink-dim);letter-spacing:var(--ls-label);padding:var(--space-2) 0;-webkit-user-select:none;user-select:none;list-style:none;transition:color .15s;display:inline-block}.kobo-extras-summary::-webkit-details-marker{display:none}.kobo-extras-summary:before{content:"▸ ";margin-right:2px;transition:transform .15s;display:inline-block}.kobo-extras-details[open] .kobo-extras-summary:before{content:"▾ "}.kobo-extras-summary:active{color:var(--accent)}@media (hover:hover){.kobo-extras-summary:hover{color:var(--accent)}}.kobo-viewer{gap:var(--space-2);grid-template-columns:repeat(4,1fr);display:grid}.kobo-state-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);border:2px solid var(--border);font-family:var(--font-body);cursor:pointer;flex-direction:column;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.kobo-state-btn:active{border-color:var(--accent);transform:translateY(0)}@media (hover:hover){.kobo-state-btn:hover{border-color:var(--accent);transform:translateY(-2px)}}.kobo-state-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}.kobo-state-btn-icon canvas{image-rendering:pixelated}.principles{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(2,1fr);max-width:540px;margin-left:auto;margin-right:auto;display:grid}.principle-card{padding:var(--space-5);text-align:center;min-width:0;transition:transform .2s,box-shadow .2s,border-color .2s}@media (hover:hover){.principle-card:hover{border-color:var(--ink-dim);box-shadow:var(--shadow-hard);transform:translateY(-2px)}}.principle-title{font-size:var(--fs-d3);color:var(--ink);margin-bottom:var(--space-3)}.principle-desc{font-size:var(--fs-body);color:var(--ink-dim);line-height:var(--lh-body)}.contact-list{gap:var(--space-3);font-size:var(--fs-body);flex-direction:column;list-style:none;display:flex}.contact-list a{color:var(--ink);align-items:center;gap:var(--space-2);text-decoration:none;display:inline-flex}@media (hover:hover){.contact-list a:hover{color:var(--accent)}}.contact-label{color:var(--ink-mute);font-size:var(--fs-label);letter-spacing:var(--ls-label);margin-right:var(--space-2);text-transform:uppercase}.not-found{text-align:center;padding:var(--space-12) 0;flex-direction:column;align-items:center;display:flex}.not-found-kobo{margin-bottom:var(--space-5);justify-content:center;align-items:center;display:flex}.not-found-kobo canvas{width:100%;height:100%;image-rendering:pixelated}.not-found-code{font-family:var(--font-display);color:var(--accent);margin-bottom:var(--space-3);font-size:96px;line-height:1}.not-found-title{font-size:var(--fs-d3);color:var(--ink);margin-bottom:var(--space-3);letter-spacing:2px}.not-found-desc{font-size:var(--fs-body);color:var(--ink-dim);margin-bottom:var(--space-6);max-width:420px}.privacy-section{margin-bottom:var(--space-8)}.privacy-list{gap:var(--space-2);flex-direction:column;padding-left:0;list-style:none;display:flex}.privacy-list li{font-size:var(--fs-body);color:var(--ink-dim);line-height:var(--lh-body)}.privacy-sublist{margin-top:var(--space-2);gap:var(--space-1);flex-direction:column;padding-left:0;list-style:none;display:flex}.privacy-sublist li{font-size:var(--fs-body);color:var(--ink-dim);line-height:var(--lh-body)}.privacy-list code{font-family:var(--font-body);font-size:var(--fs-body);border-radius:var(--radius-sm);padding:3px 6px;line-height:1}.privacy-list a{position:relative}.privacy-list a:after{content:"";position:absolute;inset:-10px 0}.privacy-meta{font-size:var(--fs-label);color:var(--ink-mute);letter-spacing:var(--ls-label);margin-top:var(--space-10);text-align:right}.section+.section{padding-top:var(--space-6)}.page-title,.section-title,.principle-title{letter-spacing:0}.principle-title,.kobo-state-name{font-family:var(--font-display)}.kobo-state-btn-label{font-family:var(--font-body);font-size:var(--fs-label);letter-spacing:var(--ls-label)}.about-story{font-size:var(--fs-body);color:var(--ink);line-height:var(--lh-body);margin-bottom:var(--space-3)}.about-cta{font-size:var(--fs-body);color:var(--ink-mute);margin-top:var(--space-5);margin-bottom:var(--space-10)}.about-cta a{font-family:var(--font-body);color:var(--accent-text);border-bottom:1px solid;padding-bottom:1px;text-decoration:none}@media (hover:hover){.about-cta a:hover{color:var(--accent-hover)}}.section>:last-child,.page-main>:last-child{margin-bottom:0}.section{margin-bottom:var(--rhythm-section)}.section-title{margin-bottom:var(--rhythm-pair)}.section-title[data-count]{justify-content:space-between;align-items:baseline}.section-title[data-count]:after{font-family:var(--font-body)}.about-story,.page-claim,.about-cta{max-width:560px}body{background-color:var(--mat-cabinet-base);background-image:var(--mat-cabinet-light), var(--mat-cabinet-brush), var(--mat-cabinet-grain);background-blend-mode:var(--mat-blend);background-size:auto,auto,auto}.tf-sheet,.work-item,.principle-card{background:var(--surface-paper);border-radius:var(--radius-cut);box-shadow:var(--edge-light), var(--lift-paper);border:0}.tf-sheet{padding:var(--space-5) var(--space-6) var(--space-6)}.tf-sheet .work-item,.tf-sheet .principle-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.work-item.tf-sheet,.principle-card.tf-sheet{padding:var(--space-6)}@media (hover:hover){.principle-card:hover{box-shadow:var(--edge-light), var(--lift-hover)}}.tf-board,.topbar{background:var(--surface-sheet);border-bottom:0;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #0006,0 8px 20px #00000073}.topbar{border-bottom:3px solid var(--band-bg)}.tf-board:after{content:"";background:var(--band-bg);pointer-events:none;height:3px;position:absolute;bottom:0;left:0;right:0}:root[data-theme=dark] .tf-board,:root[data-theme=dark] .topbar{box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0006,0 8px 24px #00000073}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tf-board,:root:not([data-theme=light]) .topbar{box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #0006,0 8px 24px #00000073}}.tf-board{position:relative}.topbar-menu-btn{border:1px solid var(--border-strong);background:var(--bg-elevated)}.tf-divider,.topbar-divider{background:var(--pencil);width:1px;height:20px}.tf-edge,.footer{padding-top:calc(var(--space-6) + 4px);border-top:0;position:relative}.tf-edge:before,.footer:before{content:"";background:var(--surface-sheet);border-bottom:1px solid var(--border-strong);height:4px;position:absolute;top:0;left:0;right:0}.tf-tag,.work-item-tag,.explain-cap{background:var(--surface-tag);border-radius:var(--radius-cut);box-shadow:var(--edge-light)}.work-item-tag{border:1px solid var(--border)}.explain-cap{align-items:center;gap:var(--space-2);font-size:var(--fs-label);color:var(--ink-dim);box-shadow:none;background:0 0;padding:5px 10px;display:inline-flex;position:relative}.explain-cap:not([data-hd-frame=on]):after{content:"";border:2px solid var(--pencil);border-radius:var(--radius-cut);filter:url(#tf-pencil-loose);pointer-events:none;position:absolute;inset:-3px -5px}.explain-cap:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.tf-ink-line,.explain-fig path,.real-fig{background:0 0}.real-fig path{stroke:var(--ink-line);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.explain-fig svg,.real-fig svg{filter:url(#tf-ink)}.explain-hop-label:before{height:var(--space-3);background:var(--ink-line)}@media (width<=765px){.explain-node,.real-node{position:relative}}.explain-node,.real-node:not(.real-node-mid){border-color:#0000}.explain-node:not([data-hd-frame=on]):after,.real-node:not(.real-node-mid):not([data-hd-frame=on]):after{content:"";border:2px solid var(--node-line);border-radius:inherit;filter:url(#tf-pencil-loose);pointer-events:none;position:absolute;inset:-2px}.hd-frame{pointer-events:none;position:absolute;overflow:visible}.hd-frame path{fill:none;stroke:var(--node-line);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.kobo-display{border-radius:var(--radius-cut);box-shadow:none;background:0 0;border-width:0}.kobo-display canvas{width:192px;height:192px}.kobo-state-btn{color:var(--ink-paper);box-shadow:none;border-radius:var(--radius-cut);background:0 0;border-color:#0000}.kobo-state-btn-icon{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.kobo-state-btn-icon canvas{width:32px;height:32px}.kobo-state-btn:hover{--node-line:var(--ink-line-paper);transform:none}.kobo-state-btn.active{box-shadow:none;--node-line:var(--accent-paper);background:0 0;border-color:#0000}.kobo-state-btn.active .kobo-state-btn-label{color:var(--accent-paper)}.explain-node-endpoint,.real-node-end{--node-line:var(--node-line-end)}.explain-node{box-shadow:none;background:0 0}.not-found-kobo canvas{display:none}.not-found-kobo{border:2px dashed var(--pencil);background:var(--surface-sheet-sunken);border-radius:0;width:128px;height:128px;position:relative}.not-found-kobo:after{content:"";border-top:2px solid var(--pencil);border-right:2px solid var(--pencil);filter:url(#tf-pencil);border-top-right-radius:8px;width:34px;height:26px;margin-left:-17px;position:absolute;top:30px;left:50%}.not-found-code{isolation:isolate;color:var(--ink);position:relative}.not-found-code:before{content:"";z-index:-1;background:var(--surface-sheet);border:2px solid var(--node-line);border-radius:var(--radius-cut);filter:url(#tf-pencil-soft);position:absolute;inset:-10px -26px -10px -18px}:root[data-theme=dark] .theme-toggle-icon{filter:drop-shadow(0 0 5px #b3cc5c99)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle-icon{filter:drop-shadow(0 0 5px #b3cc5c99)}}.tf-cut,.explain-node,.real-node,.real-fig,.privacy-list code,.kobo-display{border-radius:var(--radius-cut)}.tf-worn,.btn,.kobo-state-btn,.skip-link,.topbar-menu-btn{border-radius:var(--radius-worn)}.tf-sheet,.work-item,.principle-card{--ink:var(--ink-paper);--ink-dim:var(--ink-paper-dim);--ink-mute:var(--ink-paper-mute);--accent:var(--accent-paper);--accent-text:var(--accent-paper-text);--accent-hover:var(--accent-paper-hover);--accent-soft:var(--accent-paper-soft);--clash:var(--clash-paper);--border:var(--border-paper);--border-strong:var(--border-paper-strong);--pencil:var(--pencil-paper);--ink-line:var(--ink-line-paper);--node-line:var(--pencil);--node-line-end:var(--accent)}.real-node{color:var(--ink);background:0 0}.privacy-list code{background:var(--surface-note);border:1px solid var(--border);color:var(--ink)}.section-title,.section-title[data-count]{padding:2px var(--space-3) 4px;background:var(--block-accent);color:var(--block-ink);border:1px solid var(--block-ink);border-radius:var(--radius-cut);letter-spacing:.0833em;display:inline-block}.section-title[data-count]:after{content:attr(data-count);margin-left:var(--space-3);padding-left:var(--space-3);font-family:var(--font-body);font-size:var(--fs-label);color:var(--block-ink);letter-spacing:var(--ls-label,.06em);vertical-align:.28em;border-left:1px solid #1b1d2252}.tf-sheet .principle-card,.principle-card{border-left:4px solid var(--clash);padding-left:var(--space-4)}.work-item-tag{background:var(--clash-paper);color:var(--ink-plate);border:0}.hero-title{color:var(--accent)}.tf-display,.section-title,.principle-title{font-family:var(--font-display)}.tf-weight-brand,.topbar-logo,.work-item-name,.section-title,.tf-weight-display,.hero-title,.not-found-code{font-weight:400}h1,h2,h3,h4,.tf-display,.section-title,.principle-title,.tf-weight-brand,.topbar-logo,.work-item-name,.tf-weight-display,.hero-title,.not-found-code,.kobo-state-name{-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;font-smooth:never;letter-spacing:.0833em}.tf-ui,button,input,select,textarea{font-family:var(--font-ui);font-size:var(--fs-label);letter-spacing:var(--ls-body);font-weight:400}.tf-meta{font-family:var(--font-ui);font-size:var(--fs-label);letter-spacing:var(--ls-label);color:var(--ink-mute);font-weight:400}[data-device=mobile] .topbar{height:48px;padding:0 var(--space-4)}[data-device=mobile] body{padding-top:48px}[data-device=mobile] .topbar-nav,[data-device=mobile] .topbar-divider{display:none}[data-device=mobile] .topbar>.theme-toggle{margin-left:auto;margin-right:16px}[data-device=mobile] .topbar-menu-btn{margin-left:0;display:flex}[data-device=mobile] .topbar-logo{font-size:var(--fs-d1)}[data-device=mobile] .page-main{padding:var(--space-6) var(--space-4) calc(var(--space-12) + 80px)}[data-device=mobile] .page-title{font-size:var(--fs-d3);letter-spacing:1px}[data-device=mobile] .section{margin-bottom:var(--space-8)}[data-device=mobile] .card{padding:var(--space-5)}[data-device=mobile] .placeholder-card{padding:var(--space-6) var(--space-4)}[data-device=mobile] .footer{padding:var(--space-5) var(--space-4);align-items:flex-start;gap:var(--space-2);flex-direction:column}[data-device=mobile] .footer-left{margin-right:0}[data-device=mobile] .footer-divider{width:16px;height:1px;margin:var(--space-1) 0}[data-device=mobile] .footer-right{gap:var(--space-3);flex-wrap:wrap}[data-device=mobile] .kobo-viewer{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}[data-device=mobile] .kobo-state-btn{padding:var(--space-2);gap:var(--space-1)}[data-device=mobile] .kobo-state-btn-icon{width:28px;height:28px}[data-device=mobile] .kobo-state-btn-label{font-size:var(--fs-d1)}[data-device=mobile] .kobo-display{width:200px;height:200px}[data-device=mobile] .hero{padding:var(--space-6) 0}[data-device=mobile] .hero-kobo{width:100px;height:100px}[data-device=mobile] .hero-title{font-size:var(--fs-d3);letter-spacing:0}[data-device=mobile] .hero-subtitle{font-size:var(--fs-body);margin-bottom:var(--space-6)}[data-device=mobile] .principles,[data-device=mobile] .exploring-grid{gap:var(--space-3);grid-template-columns:1fr}@supports (padding:max(0px)){[data-device=mobile] .topbar{padding-left:max(var(--space-4), env(safe-area-inset-left));padding-right:max(var(--space-4), env(safe-area-inset-right))}[data-device=mobile] .page-main{padding-top:max(var(--space-6), env(safe-area-inset-top));padding-bottom:max(calc(var(--space-12) + 80px), env(safe-area-inset-bottom))}[data-device=mobile] .footer{padding-bottom:max(var(--space-5), env(safe-area-inset-bottom))}}:root{--clip-from:circle(0px at 50% 50%);--clip-to:circle(150vmax at 50% 50%);--anim-new:theme-reveal;--anim-old:none;--z-new:2;--z-old:1;--reveal-inset:0px;--reveal-scb:0px;--reveal-origin:none}::view-transition-old(root){animation-duration:.35s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;animation-name:var(--anim-old,none);mix-blend-mode:normal;z-index:var(--z-old,1)}::view-transition-new(root){animation-duration:.35s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;animation-name:var(--anim-new,theme-reveal);mix-blend-mode:normal;z-index:var(--z-new,2)}::view-transition-image-pair(root){mix-blend-mode:normal}@keyframes theme-reveal{0%{clip-path:var(--clip-from)}to{clip-path:var(--clip-to)}}