:root{--bg: #080d10;--bg2: #0b1419;--card: #101a20;--card2: #16242c;--line: #21333c;--ink: #e6f1f4;--mut: #84a0a9;--dim: #557079;--atom: #61dafb;--cyan: #22d3ee;--cyan2: #06b6d4;--indigo: #818cf8;--green: #34d399;--amber: #fbbf24;--violet: #c084fc;--rose: #fb7185}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}body{background:radial-gradient(1100px 560px at 82% -10%,#0d2b33 0%,var(--bg) 55%);color:var(--ink);font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92em;background:#081016;border:1px solid var(--line);border-radius:5px;padding:1px 5px;color:var(--atom)}.wrap{max-width:1180px;margin:0 auto;padding:26px 20px 56px}.top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}h1{font-size:25px;margin:0;letter-spacing:-.4px;display:flex;align-items:center;gap:10px}.atom{color:var(--atom)}.gh{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:8px 14px;font-size:13px}.gh:hover{border-color:var(--cyan2);text-decoration:none}.sub{color:var(--mut);margin:8px 0 0;max-width:780px}.legend{display:flex;gap:14px;flex-wrap:wrap;margin:16px 0 6px;font-size:12.5px;color:var(--mut)}.legend .d{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}.k-render{background:var(--indigo)}.k-effect{background:var(--green)}.k-cleanup{background:var(--rose)}.k-memo{background:var(--amber)}.k-ref{background:var(--violet)}.k-bail{background:var(--dim)}.layout{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-top:14px;align-items:start}@media(max-width:940px){.layout{grid-template-columns:1fr}}.stage{background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:16px;padding:18px}.readouts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:520px){.readouts{grid-template-columns:repeat(2,1fr)}}.ro{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}.big{font-size:30px;font-weight:800;letter-spacing:-1px}.lbl{color:var(--mut);font-size:12px;margin-top:3px}.hk{font-family:ui-monospace,monospace;font-size:10.5px;color:var(--atom);background:#081016;border:1px solid var(--line);border-radius:5px;padding:0 5px}.field{margin-top:16px}.field label{display:block;font-size:12px;color:var(--mut);margin-bottom:6px}.field input{width:100%;background:#081016;border:1px solid var(--line);border-radius:9px;padding:10px 12px;color:var(--ink);font:inherit}.field input:focus{outline:0;border-color:var(--cyan2)}.controls{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.btn{border:1px solid var(--line);background:var(--card2);color:var(--ink);border-radius:9px;padding:9px 13px;cursor:pointer;font:inherit;font-size:13px}.btn:hover{border-color:var(--cyan2)}.btn.primary{border:0;background:linear-gradient(180deg,var(--cyan),var(--cyan2));color:#04161a;font-weight:800}.btn.ghost{color:var(--mut)}.panel{background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--line);border-radius:16px;padding:16px}.panel h2{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--mut);margin:0 0 12px}.muted{color:var(--dim);font-size:13px;margin:0}.tl{list-style:none;margin:0;padding:0;max-height:440px;overflow:auto;font-size:12.5px}.tl li{display:flex;gap:8px;align-items:baseline;padding:5px 0;border-bottom:1px solid #0e1a20;animation:fade .25s}@keyframes fade{0%{opacity:0;transform:translateY(-3px)}to{opacity:1}}.tl .g{font-family:ui-monospace,monospace;color:var(--dim);font-size:11px;min-width:26px}.tl .tag{font-family:ui-monospace,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.04em;border-radius:5px;padding:1px 6px;white-space:nowrap;border:1px solid var(--line)}.tl .tx{color:var(--mut);font-family:ui-monospace,Menlo,Consolas,monospace}.tl li.k-render .tag{color:var(--indigo);border-color:#2c2f63}.tl li.k-effect .tag{color:var(--green);border-color:#1c4a39}.tl li.k-cleanup .tag{color:var(--rose);border-color:#4d2630}.tl li.k-memo .tag{color:var(--amber);border-color:#4a3a16}.tl li.k-ref .tag{color:var(--violet);border-color:#3f2a4f}.tl li.k-bail .tag{color:var(--dim)}.tl li.k-render .tx{color:var(--ink)}.tips{margin-top:18px;background:#0b1620;border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--mut);font-size:13.5px;line-height:1.65}.tips b{color:var(--ink)}footer{margin-top:28px;color:var(--dim);font-size:12.5px;text-align:center;border-top:1px solid var(--line);padding-top:18px}