:root{--base:#0e1217;--raised:#161b22;--raised-2:#1b212b;--line:#232a33;--text:#e6e9ed;--muted:#8a94a2;--faint:#5b6470;--amber:#e0a33e;--amber-deep:#b9802a;--cyan:#5fb3c9;--cyan-deep:#3d8294;--maxw:900px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 600px at 70% -10%, #e0a33e0f, transparent 60%), var(--base);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:16px;line-height:1.55}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.mono{font-family:IBM Plex Mono,monospace}.masthead{justify-content:space-between;align-items:center;padding:24px 0 0;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand .dot{background:var(--amber);border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 4px #e0a33e26}.brand .name{letter-spacing:-.01em;font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:600}.masthead .tag{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);font-family:IBM Plex Mono,monospace;font-size:11px}.hero{padding:56px 0 28px}.hero h1{letter-spacing:-.025em;max-width:16ch;font-family:Space Grotesk,sans-serif;font-size:clamp(34px,6vw,54px);font-weight:600;line-height:1.04}.hero h1 .hl{color:var(--amber)}.hero p{color:var(--muted);max-width:54ch;margin-top:16px;font-size:17px}.panel{background:var(--raised);border:1px solid var(--line);border-radius:10px;margin-top:30px;padding:22px}.fieldrow{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{margin-bottom:14px}.field:last-child{margin-bottom:0}label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-size:12px;display:block}input,textarea{background:var(--base);border:1px solid var(--line);width:100%;color:var(--text);border-radius:7px;padding:11px 13px;font-family:IBM Plex Sans,sans-serif;font-size:15px}textarea{resize:vertical;min-height:130px;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,textarea:focus{outline:2px solid var(--amber);outline-offset:1px;border-color:#0000}.run{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.btn{background:var(--amber);color:#1a1206;cursor:pointer;border:none;border-radius:7px;padding:12px 22px;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:600;transition:background .15s}.btn:hover{background:#eab453}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.hint{color:var(--faint);font-size:13px}.trace{background:var(--raised);border:1px solid var(--line);border-radius:10px;margin-top:26px;overflow:hidden}.trace-head{border-bottom:1px solid var(--line);background:var(--raised-2);align-items:center;gap:10px;padding:13px 18px;display:flex}.trace-head .pulse{background:var(--cyan);border-radius:50%;width:8px;height:8px}.trace-head.live .pulse{animation:1.1s ease-in-out infinite pulse}.trace-head .label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px}.trace-head .count{color:var(--faint);margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:12px}.trace-body{padding:8px 18px 16px;font-family:IBM Plex Mono,monospace;font-size:13.5px;line-height:1.5}.line{opacity:0;gap:10px;padding:6px 0;animation:.4s forwards rise;display:flex;transform:translateY(4px)}.line .glyph{color:var(--cyan);flex-shrink:0}.line.status .glyph{color:var(--faint)}.line.status .txt{color:var(--muted)}.line .txt{color:var(--text);word-break:break-word}.line .sub{color:var(--faint)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}@keyframes rise{to{opacity:1;transform:none}}.brief{background:var(--raised);border:1px solid var(--line);border-radius:10px;margin:28px 0 60px;padding:32px 34px}.brief .kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--amber);margin-bottom:18px;font-family:IBM Plex Mono,monospace;font-size:11px}.brief h1,.brief h2,.brief h3{letter-spacing:-.01em;font-family:Space Grotesk,sans-serif}.brief h1{margin:4px 0 14px;font-size:26px}.brief h2{color:var(--text);border-bottom:1px solid var(--line);margin:26px 0 10px;padding-bottom:7px;font-size:19px}.brief h3{color:var(--amber);margin:18px 0 8px;font-size:16px}.brief p{color:#d3d8df;margin:10px 0}.brief ul,.brief ol{margin:10px 0 10px 22px}.brief li{color:#d3d8df;margin:7px 0}.brief strong{color:var(--text)}.brief code{background:var(--base);color:var(--cyan);border-radius:4px;padding:1px 6px;font-family:IBM Plex Mono,monospace;font-size:.9em}.brief a{color:var(--cyan)}.brief hr{border:none;border-top:1px solid var(--line);margin:22px 0}.briefbar{flex-wrap:wrap;gap:14px;margin-top:22px;display:flex}.btn.ghost{color:var(--text);border:1px solid var(--line);background:0 0}.btn.ghost:hover{background:var(--raised-2)}.err{color:#e8b9af;background:#e0523e14;border:1px solid #7a3326;border-left:3px solid #c0573e;border-radius:7px;margin-top:18px;padding:14px 16px;font-size:14px}footer{color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:30px 0 50px;font-size:12.5px;display:flex}@media (max-width:640px){.fieldrow{grid-template-columns:1fr}.brief{padding:24px 20px}}@media (prefers-reduced-motion:reduce){.line{opacity:1;animation:none;transform:none}.trace-head.live .pulse{animation:none}}