:root{--bg:#0a0a0b;--dot:#1b1c20;--hair:#34363c;--dim:#7c7e86;--soft:#b9b8b2;--ink:#e9e8e3;--signal:#ff5b1f;--signal-mid:#e24c16;--signal-low:#b0380e;--face-top:#18191d;--face-l:#111215;--face-r:#0d0d10;--mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--gutter:clamp(16px, 3.2vw, 48px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg) radial-gradient(var(--dot) 1.2px, transparent 1.5px) 0 0 / 20px 20px;min-height:100svh;color:var(--ink);font:400 13px/1.75 var(--mono);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::selection{background:var(--signal);color:var(--bg)}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.up{text-transform:uppercase;letter-spacing:.06em}.dim{color:var(--dim)}.frame{min-height:100svh;padding:calc(var(--gutter) * .75) var(--gutter);padding-left:max(var(--gutter), env(safe-area-inset-left));padding-right:max(var(--gutter), env(safe-area-inset-right));grid-template-rows:auto 1fr auto;display:grid;position:relative}.crop{border:0 solid var(--hair);width:16px;height:16px;position:absolute}.crop.tl{border-top-width:1px;border-left-width:1px;top:12px;left:12px}.crop.tr{border-top-width:1px;border-right-width:1px;top:12px;right:12px}.crop.bl{border-bottom-width:1px;border-left-width:1px;bottom:12px;left:12px}.crop.br{border-bottom-width:1px;border-right-width:1px;bottom:12px;right:12px}.meta{justify-content:space-between;align-items:flex-start;gap:24px;line-height:1.45;display:flex}.meta ul{margin:0;padding:0;list-style:none}.meta .links{text-align:right}.meta .links a:hover,.bracket:hover,.meta .links .on{color:var(--signal)}main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,56px);padding-block:clamp(16px,3vh,40px);display:grid}.copy{grid-template-columns:minmax(0,1fr);gap:clamp(14px,2.2vh,22px);min-width:0;max-width:620px;display:grid}.flourish{color:var(--dim);margin:0}h1{margin:0;line-height:0}.wordmark{width:min(100%,470px);height:auto;color:var(--ink)}h2{font:500 13px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;margin:0}h2:before{content:"# ";color:var(--dim)}.sub{color:var(--soft);text-wrap:pretty;max-width:56ch;margin:-8px 0 0}pre.spec{font:400 12.5px/1.6 var(--mono);color:var(--dim);scrollbar-width:none;margin:0;overflow-x:auto}pre.spec b{color:var(--ink);font-weight:500}pre.spec .k{color:var(--signal);font-weight:700}.install{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.cmd{border:1px solid var(--hair);background:#0a0a0be6;align-items:stretch;display:flex}.cmd code{min-width:0;font:400 13px/1.5 var(--mono);white-space:nowrap;scrollbar-width:none;flex:1;padding:11px 14px;overflow-x:auto}.cmd code::-webkit-scrollbar{display:none}pre.spec::-webkit-scrollbar{display:none}.cmd code .p{color:var(--signal);-webkit-user-select:none;user-select:none}.cmd button{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bg);background:var(--signal);cursor:pointer;border:0;flex:none;padding:0 14px}.cmd button:hover{background:#ff7a45}.install .more{color:var(--dim);margin:0}.install .more kbd{font:inherit;color:var(--signal)}.install .more a{color:var(--ink);white-space:nowrap}.install .more a:hover{color:var(--signal)}figure{gap:10px;min-width:0;margin:0;display:grid}.stack{width:100%;height:auto;max-height:74svh;display:block;overflow:visible}.stack text{font-family:var(--mono)}.ring text{fill:var(--dim);letter-spacing:.3em;font-size:13px}.face-top{fill:var(--face-top)}.face-l{fill:var(--face-l)}.face-r{fill:var(--face-r)}.slab polygon{stroke:var(--dim);stroke-width:1.5px;stroke-linejoin:round}.axis{stroke:var(--dim);stroke-width:1.5px;stroke-dasharray:3 6;stroke-linecap:round}.row{stroke:var(--hair);stroke-width:1.5px}.row.unread{stroke:var(--ink)}.env{fill:none;stroke:var(--ink);stroke-width:1.5px;stroke-linejoin:round;transition:stroke .25s}.leader{stroke:var(--dim);stroke-width:1.5px;stroke-dasharray:1 6;stroke-linecap:round}.anchor,.node{fill:var(--bg);stroke:var(--ink);stroke-width:1.5px;transition:fill .2s,stroke .2s}.anchor{fill:var(--ink)}.num{fill:var(--signal);letter-spacing:.1em;font-size:17px;font-weight:500}.name{fill:var(--ink);letter-spacing:.1em;font-size:17px;font-weight:500}.note{fill:var(--dim);letter-spacing:.1em;font-size:14px}.status{fill:var(--signal);letter-spacing:.1em;opacity:0;font-size:13px;font-weight:500;transition:opacity .2s}#key,.chip{cursor:pointer}#key .edge{stroke:#ff8c60;stroke-width:1.2px}#legend{font:700 150px var(--mono);fill:var(--bg)}#done-row{transition:opacity .35s,transform .45s cubic-bezier(.3,0,.2,1)}#pulse{fill:var(--signal);opacity:0}.chip rect,.chip polygon{fill:var(--ink)}.chip text{fill:var(--bg);letter-spacing:.12em;font-size:17px;font-weight:500}.chip:hover rect,.chip:hover polygon{fill:var(--signal)}.pressed .a1,.local .a2,.synced .a3{fill:var(--signal);stroke:var(--signal)}.pressed .s1,.local .s2,.local:not(.synced) .s3q,.synced .s3s{opacity:1}.local #done-row{opacity:0;transform:translate(30px,17px)}.synced .env{stroke:var(--signal)}.pressed .chip{opacity:0}.chip{transition:opacity .2s}figcaption{color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;display:flex}.bracket{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0}.legend-list{margin:0;padding:0;list-style:none;display:none}footer{color:var(--dim);flex-wrap:wrap;justify-content:space-between;gap:6px 24px;display:flex}footer a{color:var(--ink)}footer a:hover{color:var(--signal)}@media (width<=980px){main{grid-template-columns:minmax(0,1fr)}.copy{max-width:none}figure{justify-self:center;width:100%;max-width:520px}.stack{max-height:none}.callouts,.chip{display:none}.legend-list{display:grid}.legend-list .n{color:var(--signal)}}@media (width<=520px){pre.spec{font-size:10.5px}.meta{flex-direction:column;gap:10px}.meta .links{text-align:left;flex-wrap:wrap;gap:0 14px;display:flex}.cmd code{font-size:12px}}