@import "https://rsms.me/inter/inter.css";:root{--bg:#0d1117;--panel:#161b22;--panel-2:#0f1520;--text:#e6edf3;--muted:#9aa7b4;--border:#30363d;--accent:#58a6ff;--accent-2:#f778ba;--positive:#58a6ff;--negative:#f2cc60;--arm2-positive:#56d364;--arm2-negative:#ff7b72;--highlight:#fff;--warn:#ffb454;font-family:Inter,ui-sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #172033 0, var(--bg) 38rem);min-height:100vh;color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#0d1117e0;padding:1rem 1.25rem .5rem;position:sticky;top:0}h1{letter-spacing:-.03em;margin:0 0 .25rem;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:720}.subtitle{color:var(--muted);margin-bottom:.65rem;font-size:.95rem}.layout{grid-template-columns:minmax(280px,380px) minmax(420px,1fr);gap:1rem;max-width:1500px;margin:0 auto;padding:1rem;display:grid}.panel{border:1px solid var(--border);background:linear-gradient(#161b22f2,#0f1520f2);border-radius:18px;box-shadow:0 18px 45px #00000047}.controls{align-self:start;max-height:calc(100vh - 6rem);padding:1rem;position:sticky;top:5.4rem;overflow:auto}.canvas-panel{min-width:0;padding:1rem}canvas{aspect-ratio:1;border:1px solid var(--border);background:radial-gradient(circle at 50% 48%,#101827 0,#090d14 72%);border-radius:18px;width:100%;display:block}.group-title{color:#fff;letter-spacing:-.01em;margin:.25rem 0 .75rem;font-weight:700}.control-group{background:#ffffff08;border-radius:14px;margin:0 0 .75rem;padding:.2rem .85rem .15rem}.control-group summary{cursor:pointer;color:#fff;letter-spacing:-.01em;-webkit-user-select:none;user-select:none;margin:0 1.5rem;padding:.7rem .5rem .8rem;font-weight:650;list-style-position:outside}.control-group-body{padding-bottom:.2rem}.control{border-bottom:1px solid #30363db8;grid-template-columns:1fr auto;align-items:center;gap:.4rem .75rem;padding:.55rem 0;display:grid}.control:last-child{border-bottom:0}label{color:var(--text);font-size:.88rem}.value{text-align:right;min-width:4.8rem;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}input[type=range]{width:100%;accent-color:var(--accent);border:none;grid-column:1/-1}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.button-row{grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0;display:grid}button{appearance:none;border:1px solid var(--border);color:#fff;cursor:pointer;background:#1f6feb;border-radius:12px;padding:.78rem .9rem;font-weight:700;box-shadow:0 8px 24px #1f6feb33}button.secondary{box-shadow:none;background:#21262d}button:hover{filter:brightness(1.08)}.radio-card{border:1px solid var(--border);background:#0d11178c;border-radius:14px;margin:.75rem 0 1rem;padding:.8rem}.radio-card legend{color:var(--muted);padding:0 .4rem;font-size:.82rem}.radio-card label{color:var(--text);align-items:center;gap:.5rem;padding:.25rem 0;display:flex}.watch{border:1px solid var(--border);background:#0d11178c;border-radius:14px;margin-top:1rem;padding:.9rem}.watch h2{letter-spacing:-.01em;margin:0 0 .75rem;font-size:1rem}.metric{border-bottom:1px solid #30363d99;grid-template-columns:1fr auto;gap:.75rem;padding:.38rem 0;font-size:.9rem;display:grid}.metric:last-child{border-bottom:0}.metric .name{color:var(--muted)}.metric .number{font-variant-numeric:tabular-nums;color:#fff}.status{color:var(--muted);margin-top:.65rem;font-size:.82rem;line-height:1.35}.legend{color:var(--muted);flex-wrap:wrap;gap:.75rem;margin-top:.8rem;font-size:.82rem;display:flex}.swatch{vertical-align:-.08rem;border-radius:50%;width:.75rem;height:.75rem;margin-right:.32rem;display:inline-block}.footnote{color:var(--muted);margin-top:.75rem;font-size:.78rem;line-height:1.35}@media (width<=920px){.layout{grid-template-columns:1fr}.controls{max-height:none;position:static}}