:root{--bg:#000;--fg:#ededed;--dim:#7c7c7c;--muted:#a3a3a3;--rule:#1f1f1f;--accent:#ff6b1a}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--fg);font-family:var(--font-jetbrains),ui-monospace,monospace;font-size:13px;line-height:1.6;overflow:hidden}::selection{background:var(--fg);color:#000}:focus-visible{outline:1px solid var(--fg);outline-offset:3px}[hidden]{display:none!important}header{z-index:60;pointer-events:none;padding:20px 32px;position:fixed;top:0;left:0}.brand{font-family:var(--font-archivo),system-ui,sans-serif;font-variation-settings:"wdth" 125,"wght" 900;letter-spacing:-.02em;color:var(--fg);font-size:16px;font-weight:400}.hero{height:100svh;display:block;position:relative;overflow:hidden}@keyframes room-in{0%{opacity:0}}.hero{animation:.7s ease-out both room-in}#room{width:100%;height:100%;image-rendering:pixelated;touch-action:none;position:absolute;inset:0}.dither{pointer-events:none;z-index:2;opacity:.5;background-image:repeating-linear-gradient(0deg,#0000008c 0 1px,#0000 1px 3px);position:absolute;inset:0}.vignette{pointer-events:none;z-index:3;background:radial-gradient(at 50% 45%,#0000 35%,#000000d9 100%);transition:opacity .4s;position:absolute;inset:0}.room-hint{z-index:6;pointer-events:none;letter-spacing:.16em;color:var(--fg);opacity:0;white-space:nowrap;text-shadow:0 1px 4px #000;font-size:11px;transition:opacity .18s;position:absolute;transform:translate(-50%,-100%)}.room-hint.on{opacity:1}.objects{z-index:20;align-items:center;gap:2px;display:flex;position:absolute;top:18px;right:24px}.obj{letter-spacing:.14em;color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;padding:8px 10px;font-family:inherit;font-size:11px;transition:color .15s,border-color .15s}.obj:hover,.obj[aria-expanded=true]{color:var(--fg)}.obj[aria-expanded=true]{border-color:var(--rule)}.obj-deploy{color:var(--accent);border-color:#ff6b1a73;margin-left:8px}.obj-deploy:hover{border-color:var(--accent);color:#fff;background:#ff6b1a1f}.obj-deploy:disabled{opacity:.5;cursor:default}.obj-deploy:before{content:"";background:var(--accent);vertical-align:1px;width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;margin-right:8px;animation:1.6s ease-in-out infinite armed;display:inline-block}@keyframes armed{50%{opacity:.35}}.corner{z-index:5;align-items:flex-end;gap:24px;transition:opacity .2s,visibility;display:flex;position:absolute;bottom:32px;left:32px}.sig{color:var(--dim);align-items:center;gap:14px;margin:-10px -12px;padding:10px 12px;text-decoration:none;display:inline-flex}.sig-mark{border:1px solid var(--rule);border-radius:50%;width:44px;height:44px;transition:border-color .18s;display:block}.sig-copy{flex-direction:column;gap:3px;display:flex}.sig-handle{color:var(--fg);letter-spacing:-.01em;font-size:14px}.sig-cta{letter-spacing:.14em;color:var(--muted);font-size:11px;transition:color .18s}.sig:hover .sig-cta,.sig:focus-visible .sig-cta{color:var(--fg)}.sig:hover .sig-mark{border-color:var(--fg)}.sig-nudge .sig-cta{color:var(--fg)}.sig-nudge .sig-mark{border-color:#5a5a5a}body.flying .corner{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s .2s}body.flying .vignette{opacity:.6}.panel{z-index:30;border:1px solid var(--rule);-webkit-backdrop-filter:blur(10px);background:#050505f0;flex-direction:column;width:min(420px,100vw - 48px);animation:.35s cubic-bezier(.2,.8,.2,1) both panel-in;display:flex;position:absolute;top:72px;bottom:96px;right:24px}@keyframes panel-in{0%{opacity:0;transform:translate(14px)}}.p-head{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 18px;display:flex}.p-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--dim);font-size:10.5px}.p-head h2{font-family:var(--font-archivo),system-ui,sans-serif;font-variation-settings:"wdth" 125,"wght" 900;letter-spacing:-.03em;outline:none;margin-top:6px;font-size:30px;font-weight:400;line-height:1}.p-close{letter-spacing:.14em;color:var(--dim);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:6px 0;font-family:inherit;font-size:11px;transition:color .15s}.p-close:hover{color:var(--fg)}.p-body{font-family:var(--font-geist-sans),system-ui,sans-serif;overscroll-behavior:contain;flex:1;padding:8px 24px 24px;font-size:15px;line-height:1.55;overflow-y:auto}.p-muted,.p-count{color:var(--muted);margin-top:18px;font-size:13.5px}.p-count-n{font-family:var(--font-archivo),system-ui,sans-serif;color:var(--fg);font-variant-numeric:tabular-nums;margin-right:6px;font-size:28px;font-weight:900}a.p-tool{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px}a.p-tool:hover{-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.p-meta{font-family:var(--font-jetbrains),ui-monospace,monospace;letter-spacing:.06em;color:var(--dim);white-space:nowrap;font-size:11px}.p-rows{list-style:none}.p-rows li+li{border-top:1px solid var(--rule)}.p-row{color:inherit;gap:6px;padding:16px 0;text-decoration:none;display:grid}.p-row-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 14px;display:flex}.p-row-title{text-underline-offset:4px;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s}.p-row:hover .p-row-title{-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg)}.p-row-sub{color:var(--muted);font-size:14px}.p-post{color:var(--fg);white-space:pre-line}.p-row:hover .p-meta{color:var(--muted)}.p-runlog{font-family:var(--font-jetbrains),ui-monospace,monospace;color:var(--dim);flex-wrap:wrap;gap:4px 14px;margin-top:2px;font-size:11px;display:flex}.p-outcome{color:var(--fg);align-items:center;gap:6px;display:inline-flex}.p-outcome:before{content:"";background:var(--dim);border-radius:50%;width:6px;height:6px}.p-outcome[data-outcome=shipped]:before{background:#5fb87a}.p-outcome[data-outcome=broke]:before{background:var(--accent)}.p-outcome[data-outcome=learned]:before{background:#8aa4c8}.p-outcome[data-outcome=in\ progress]:before{background:#e0a458}.p-tag-draft{color:#e0a458;border-color:#e0a45866}.p-tag{border:1px solid var(--rule);font-family:var(--font-jetbrains),ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);vertical-align:1px;margin-right:8px;padding:0 6px;font-size:10px;display:inline-block}.p-now{counter-reset:now;list-style:none}.p-now li{counter-increment:now;border-bottom:1px solid var(--rule);padding:16px 0 16px 34px;position:relative}.p-now li:before{content:counter(now,decimal-leading-zero);font-family:var(--font-jetbrains),ui-monospace,monospace;color:var(--dim);font-size:11px;position:absolute;top:18px;left:0}.p-group+.p-group{margin-top:22px}.p-group-title{font-family:var(--font-jetbrains),ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin:16px 0 4px;font-size:10.5px;font-weight:400}.p-stack{list-style:none}.p-stack li{border-bottom:1px solid var(--rule);gap:2px;padding:11px 0;display:grid}.p-tool{font-weight:500}.p-what{color:var(--muted);font-size:13.5px}.p-btn{background:var(--fg);color:#000;align-items:center;height:40px;margin-top:20px;padding:0 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.p-btn:hover{background:#fff}.deploy-log{z-index:25;opacity:0;visibility:hidden;background:#000000e6;border:1px solid #ff6b1a80;min-width:280px;padding:12px 14px;font-size:12px;line-height:1.75;transition:opacity .25s,transform .25s,visibility 0s .25s;position:absolute;bottom:28px;right:24px;transform:translateY(6px)}.deploy-log[data-on=true]{opacity:1;visibility:visible;transition:opacity .25s,transform .25s;transform:none}.dl-cmd{color:var(--fg)}.dl-line{color:var(--muted);white-space:pre;animation:.2s ease-out both dl-in}.dl-done{color:var(--accent);margin-top:6px;animation:.2s ease-out both dl-in}.dl-done a{color:var(--fg);border-bottom:1px solid #444;text-decoration:none}.dl-done a:hover{border-color:var(--fg)}@keyframes dl-in{0%{opacity:0;transform:translate(-4px)}}.hero:after{content:"";z-index:4;pointer-events:none;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 18px 2px #ff6b1a8c}body.deploying .hero:after{animation:1.4s cubic-bezier(.6,0,.4,1) 3 sweep}@keyframes sweep{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}body.deploying .vignette{opacity:.45}.hero:before{content:"";z-index:4;pointer-events:none;opacity:0;background:radial-gradient(at 88% 78%,#ff6b1a38,#0000 60%);transition:opacity .6s;position:absolute;inset:0}body.deploying .hero:before{opacity:1}@media (max-width:680px){header{padding:16px 18px}.objects{flex-wrap:wrap;top:46px;left:10px;right:auto}.obj{padding:8px;font-size:12px}.obj-deploy{margin-left:4px}.corner{gap:18px;bottom:24px;left:18px}.sig{gap:12px}.sig-mark{width:38px;height:38px}.sig-handle{font-size:13px}.sig-cta,.room-hint{font-size:12px}.panel{width:auto;max-height:64svh;animation-name:sheet-in;inset:auto 10px 10px}@keyframes sheet-in{0%{opacity:0;transform:translateY(18px)}}.p-head{padding:18px 18px 14px}.p-body{padding:4px 18px 18px}.deploy-log{min-width:0;bottom:96px;left:18px;right:18px}}@media (prefers-reduced-motion:reduce){.hero,.panel,.dl-line,.dl-done,.obj-deploy:before,body.deploying .hero:after{animation:none}.corner,.deploy-log{transition:none}}
