@font-face{font-family:Geist;src:url(../../../fonts/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(../../../fonts/GeistMono-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--fg:#e8e6e3;--mute:#9b9894;--dim:#5f5d5a;--line:#1c1b1a;--line2:#242322;--soft:#131312;--accent:#c4a88a;--live:#7fbf8e;--red:#e06c75;--f-sans:"Geist", "Segoe UI", system-ui, -apple-system, sans-serif;--f-mono:"Geist Mono", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--fg);font-family:var(--f-sans);-webkit-font-smoothing:antialiased;margin:0;padding-block:0 48px;padding-inline:20px;font-size:14.5px;line-height:1.7}a{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--dim);text-decoration-color:var(--dim);text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}a:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}::selection{background:#c4a88a4d}p,h1,h2,ul{margin:0}.page{flex-direction:column;gap:28px;max-width:560px;margin:0 auto;padding-top:clamp(48px,12vh,120px);display:flex}.top{align-items:center;gap:14px;display:flex}.top svg.av{border:1px solid var(--line);background:#050505;border-radius:12px;flex-shrink:0;width:52px;height:52px;padding:5px}.top h1{font-size:17px;font-weight:600;line-height:1.3}.top p{color:var(--mute);font-size:13.5px;line-height:1.4}.top .st{color:var(--mute);white-space:nowrap;align-items:center;gap:7px;margin-left:auto;font-size:12.5px;display:inline-flex}.top .st:before{content:"";background:var(--live);border-radius:50%;width:7px;height:7px}nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px 18px;padding-bottom:10px;display:flex}nav button{cursor:pointer;color:var(--dim);font-size:14px;font-family:var(--f-sans);background:0 0;border:none;padding:0;transition:color .15s;position:relative}nav button:hover,nav button.active{color:var(--fg)}nav button.active:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:-11px;left:0;right:0}.panel{flex-direction:column;gap:22px;display:flex}.hydrated .panel{display:none}.hydrated .panel.active{display:flex}.panel-heading{display:none}:not(.hydrated) .panel-heading{color:var(--dim);border-bottom:1px solid var(--line);margin-bottom:4px;padding-bottom:8px;font-size:13px;font-weight:500;display:block}.bio{color:var(--mute)}.bio b{color:var(--fg);font-weight:500}h2{color:var(--dim);margin-bottom:8px;font-size:12.5px;font-weight:500}.list{flex-direction:column;gap:4px;padding:0;list-style:none;display:flex}.list li{align-items:baseline;gap:10px;display:flex}.list li:before{content:"–";color:var(--dim);flex-shrink:0}.list .k{color:var(--mute);min-width:88px}.ic{vertical-align:-1px;width:13px;height:13px;margin-right:5px}.accent{color:var(--accent)}.dim{color:var(--dim)}.now{border-left:1px solid var(--accent);color:var(--mute);padding-left:14px}.now b{color:var(--fg);font-weight:500}.proj{border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding-bottom:18px;display:flex}.proj:last-child{border-bottom:0;padding-bottom:0}.proj-h{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.proj-h b{font-weight:500}.proj-h span{color:var(--dim);font-size:13px}.proj p{color:var(--mute)}.made{color:var(--dim);flex-wrap:wrap;gap:2px 14px;margin-top:2px;font-size:13px;display:flex}.made span{color:var(--mute);align-items:center;display:inline-flex}.hi{flex-direction:column;gap:3px;margin:2px 0 4px;padding:0 0 0 14px;display:flex}.hi li{color:var(--mute);font-size:13px}.tag-sm{font-family:var(--f-mono);color:var(--dim);font-size:11.5px}.tag-sm.live{color:var(--live)}.tag-sm.wip{color:var(--accent)}.stack li{flex-wrap:wrap}.stack .v{flex-wrap:wrap;gap:2px 12px;display:inline-flex}.stack .v span{white-space:nowrap;align-items:center;display:inline-flex}.tools-list a{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 0;text-decoration:none;display:grid}.tools-list a:last-child{border-bottom:0}.tools-list a b{font-weight:500}.tools-list a span{color:var(--mute);grid-column:1;font-size:13.5px}.tools-list a i{color:var(--dim);grid-area:1/2;font-style:normal;transition:transform .15s,color .15s}.tools-list a:hover i{color:var(--accent);transform:translate(3px)}.tools-list a:hover b{color:var(--accent)}.btns{flex-wrap:wrap;gap:8px;display:flex}.btns img{width:88px;height:31px;image-rendering:pixelated;display:block}.btns canvas,.btns .b88{display:block}.embed{font-family:var(--f-mono);color:var(--dim);background:var(--soft);border:1px solid var(--line);white-space:pre;-webkit-user-select:all;user-select:all;border-radius:6px;padding:8px 10px;font-size:11.5px;overflow-x:auto}footer{border-top:1px solid var(--line);color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;font-size:12.5px;display:flex}.tool-page{flex-direction:column;gap:20px;display:flex}.tool-page h1{font-size:16px;font-weight:600}.tool-back{color:var(--dim);align-items:center;gap:6px;font-size:13px;text-decoration:none;display:inline-flex}.tool-back:hover{color:var(--fg);text-decoration:none}.pane{border:1px solid var(--line2);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.pt{letter-spacing:.07em;text-transform:uppercase;border-bottom:1px solid var(--line2);background:var(--soft);padding:9px 16px;font-size:10.5px;font-weight:600}.tool{flex-direction:column;gap:16px;padding:16px;display:flex}.out{font-family:var(--f-mono);background:var(--soft);border:1px solid var(--line);word-break:break-all;border-radius:6px;padding:10px 12px;font-size:13px;overflow-x:auto}label{color:var(--mute);margin-bottom:4px;font-size:12.5px;display:block}input[type=text],input[type=number],textarea{background:var(--soft);border:1px solid var(--line);width:100%;color:var(--fg);font-family:var(--f-mono);resize:vertical;border-radius:6px;outline:none;padding:8px 10px;font-size:13px}input[type=text]:focus,input[type=number]:focus,textarea:focus{border-color:var(--dim)}input[type=range],input[type=checkbox]{accent-color:var(--accent)}.btn{background:var(--soft);border:1px solid var(--line);color:var(--mute);font-size:13px;font-family:var(--f-sans);cursor:pointer;border-radius:6px;flex:1;padding:5px 12px;transition:color .15s,border-color .15s}.btn:hover{color:var(--fg);border-color:var(--dim)}.btn.on{color:var(--accent);border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.row{flex-wrap:wrap;gap:8px;display:flex}.meter{background:var(--line);border-radius:2px;height:4px;overflow:hidden}.meter i{height:100%;transition:width .3s;display:block}.kv2{font-family:var(--f-mono);grid-template-columns:max-content 1fr;gap:3px 16px;font-size:12px;display:grid}.kv2 span:nth-child(odd){color:var(--dim)}.tag{font-family:var(--f-mono);background:var(--soft);border:1px solid var(--line);color:var(--mute);border-radius:4px;padding:2px 7px;font-size:11px}.tag.good{color:var(--live);border-color:currentColor}.tag.warn{color:var(--accent);border-color:currentColor}.tag.bad{color:#e06c75;border-color:currentColor}.note{color:var(--dim);font-size:12.5px}.note code{font-family:var(--f-mono);font-size:11.5px}.mu{color:var(--mute)}.b{font-weight:500}.mono{font-family:var(--f-mono)}.c-cy{color:#56b6c2}.c-gr{color:var(--live)}.c-re{color:#e06c75}.fp-summary{background:var(--soft);border:1px solid var(--line2);border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.fp-hash{flex-direction:column;gap:2px;display:flex}.fp-hash code{font-family:var(--f-mono);letter-spacing:.05em;font-size:14px;font-weight:500}.sig-group{flex-direction:column;gap:0;display:flex}.sig-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--dim);border-bottom:1px solid var(--line2);margin-bottom:0;padding-bottom:7px;font-size:10px}.sig{border-bottom:1px solid var(--line);flex-direction:column;gap:3px;padding:9px 0;display:flex}.sig:last-child{border-bottom:0}.sig-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sig-label{color:var(--mute);flex-shrink:0;font-size:13px}.sig-value{font-family:var(--f-mono);color:var(--fg);overflow-wrap:anywhere;font-size:12px}.sig-issue{color:var(--red);font-size:11.5px}.sig-explain{color:var(--dim);font-size:12px;line-height:1.5}.posts li{flex-direction:column;align-items:flex-start;gap:2px}.posts li a{color:var(--fg);font-weight:500}.posts li a:hover{color:var(--accent)}.post-desc{color:var(--dim);margin:0;font-size:12.5px}.prose-page{max-width:680px}.prose-page .back{color:var(--mute);margin-bottom:28px;font-size:13px;text-decoration:none;display:inline-block}.prose-page .back:hover{color:var(--fg)}.prose h1{color:var(--fg);margin:0 0 24px;font-size:18px;font-weight:600;line-height:1.3}.prose h2{color:var(--fg);text-transform:lowercase;margin:32px 0 10px;font-size:14px;font-weight:600}.prose p{color:var(--mute);margin:0 0 14px;font-size:13.5px;line-height:1.7}.prose strong{color:var(--fg);font-weight:500}.prose a{color:var(--accent)}.prose a:hover{text-decoration:underline}.prose ul,.prose ol{margin:0 0 14px;padding-left:20px}.prose li{color:var(--mute);margin-bottom:4px;font-size:13.5px;line-height:1.7}.prose li strong{color:var(--fg)}.prose code{font-family:var(--f-mono);background:var(--soft);border:1px solid var(--line);color:var(--accent);border-radius:3px;padding:1px 5px;font-size:12px}.prose blockquote{border-left:2px solid var(--line);color:var(--dim);margin:0 0 14px;padding:4px 0 4px 14px;font-style:italic}@media (width<=480px){body{padding-inline:16px}.top .st{display:none}.list .k{min-width:76px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}