:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0b0b0b;--panel:#111;--line:#242424;--line-2:#333;--text:#d9d9d9;--dim:#8c8c8c;--faint:#5c5c5c;--red:#c04d38;--white:#fff;--mono:"Geist Mono", ui-monospace, Menlo, monospace;--display:"Dela Gothic One", "Geist Mono", sans-serif}html,body,#root{height:100%}body{background:var(--ink);color:var(--text);font:14px/1.5 var(--mono);-webkit-font-smoothing:antialiased;margin:0}.page{gap:12px;max-width:1280px;margin:0 auto;padding-block:16px 28px;padding-inline:16px;display:grid}.stage{border:1px solid var(--line);background:var(--ink);touch-action:none;border-radius:10px;height:min(64vh,680px);min-height:360px;position:relative;overflow:hidden}.stage canvas{display:block}.hud{pointer-events:none;letter-spacing:.04em;justify-content:space-between;gap:12px;padding:14px 16px;font-size:12px;display:flex;position:absolute;left:0;right:0}.hud.top{top:0}.hud.bottom{color:var(--faint);text-transform:uppercase;letter-spacing:.12em;font-size:11px;bottom:0}.brand{letter-spacing:.18em;white-space:nowrap;align-items:center;gap:10px;font-weight:500;display:flex}.brand em{color:var(--faint);letter-spacing:.08em;font-style:normal}.dot{background:var(--red);border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px 2px #c04d38b3}.status{color:var(--text);text-align:right;font-variant-numeric:tabular-nums}.mini{font-variant-numeric:tabular-nums;text-align:right}.legend{color:var(--dim);flex-wrap:wrap;gap:6px 18px;font-size:12px;display:flex}.legend span{align-items:center;gap:8px;display:inline-flex}.sw{width:10px;height:10px;display:inline-block}.sw.red{background:var(--red);box-shadow:0 0 8px #c04d38cc}.sw.grey{background:#2b2b2b;border:1px solid #5e5e5e}.sw.ring{border:1px solid var(--red);width:14px;height:0}.sw.white{background:#bdbdbd;border-radius:50%}.panels{grid-template-columns:1fr 1.15fr 1.25fr;align-items:start;gap:12px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:12px;min-width:0;padding:16px;display:grid}.panel h3,.panel h2{color:var(--dim);text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:11px;font-weight:500}.inspect h2{color:var(--white);font:400 20px/1.15 var(--display);text-transform:none;letter-spacing:.01em}.inspect p{font:14px/1.65 var(--mono);color:#bdbdbd;max-width:62ch;margin:0}.metrics{border-top:1px solid var(--line);display:grid}.metric{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;font-size:13px;display:flex}.metric span{color:var(--dim)}.metric b{font-variant-numeric:tabular-nums;font-weight:500}.metric b.hot{color:var(--red)}.chips{flex-wrap:wrap;gap:8px;display:flex}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--white);outline-offset:2px}.chip{border:1px solid var(--line-2);color:var(--text);background:0 0;border-radius:6px;padding:8px 12px;font-size:13px}.chip.on{border-color:var(--red);color:var(--white);box-shadow:inset 0 0 0 1px var(--red)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{border:1px solid var(--line-2);background:0 0;border-radius:6px;padding:8px 14px;font-size:13px}.btn.primary{background:var(--red);border-color:var(--red);color:var(--white);min-width:110px}.btn.ghost{color:var(--dim);justify-self:start}.seg{border:1px solid var(--line-2);border-radius:6px;display:inline-flex;overflow:hidden}.seg button{color:var(--dim);background:0 0;border:0;padding:8px 12px;font-size:13px}.seg button+button{border-left:1px solid var(--line-2)}.seg button.on{color:var(--white);background:#1d1d1d}.note{color:var(--faint);font-size:12px}.log{gap:4px;min-height:15em;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.log li{overflow-wrap:anywhere;grid-template-columns:4.6em 1fr;gap:10px;display:grid}.log time{color:var(--faint);font-variant-numeric:tabular-nums}.lk-user span{color:var(--dim)}.lk-think span{color:var(--faint)}.lk-tool span{color:var(--white)}.lk-result span{color:#a8a8a8}.lk-fail span,.lk-compact span{color:var(--red)}.lk-answer span{color:var(--white);font-weight:700}footer{color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;font-size:12px;display:flex}footer a{color:var(--red);text-decoration:none}footer a:hover{text-decoration:underline}.masthead{gap:14px;padding-block:10px 4px;display:grid}.masthead h1{font:400 clamp(30px, 6.4vw, 72px) / 1 var(--display);text-transform:uppercase;letter-spacing:.01em;color:var(--white);text-wrap:balance;align-items:center;gap:14px;margin:0;display:flex}.masthead h1 .dot{flex:none;width:.32em;height:.32em;box-shadow:0 0 18px 4px #c04d3899}.masthead p{color:var(--dim);margin:0;font-size:14px}.sound{pointer-events:auto;border:1px solid var(--line-2);color:var(--dim);background:#0b0b0bb3;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:inline-flex}.sound.on{color:var(--white);border-color:var(--red)}.caption{border:1px solid var(--line);color:var(--white);pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b0b0bc7;border-radius:8px;align-items:baseline;gap:12px;padding:10px 14px;font-size:15px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.caption .step{color:var(--red);text-transform:uppercase;letter-spacing:.14em;flex:none;font-size:11px}.parts{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.parts::-webkit-scrollbar{display:none}.part{border:1px solid var(--line-2);color:var(--dim);background:0 0;border-radius:999px;flex:none;padding:8px 14px;font-size:13px}.part.on{color:var(--white);border-color:var(--white)}@media (width<=900px){.log li:nth-child(n+7){display:none}.log{min-height:0}.metrics{grid-template-columns:1fr 1fr;column-gap:16px}.caption{font-size:14px;bottom:8px;left:8px;right:8px}.panels{grid-template-columns:1fr}.stage{height:58vh;min-height:340px}.hud.bottom .hint,.brand em{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.log li.empty{display:block}