@import "https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--paper:#fafaf7;--paper-2:#f3f3ee;--surface-card:#fff;--surface-inset:#f6f6f2;--surface-ink:#141412;--ink:#141412;--ink-2:#57574f;--ink-3:#8b8b82;--ink-4:#b9b9b0;--ink-inverse:#fafaf7;--line:#e3e3dc;--line-mid:#c9c9c0;--line-strong:#141412;--signal:#ff4d00;--signal-soft:#ffe9df;--blue:#2e7cf6;--blue-soft:#e4eefe;--green:#1fa95c;--green-soft:#e1f4e9;--yellow:#f2c21d;--yellow-soft:#fbf3d5;--red:#e5484d;--red-soft:#fbe5e6;--text-body:var(--ink);--text-muted:var(--ink-2);--text-faint:var(--ink-3);--text-annotation:var(--ink-2);--accent:var(--signal);--accent-soft:var(--signal-soft);--ok:var(--green);--warn:var(--yellow);--danger:var(--red);--info:var(--blue);--focus-ring:var(--signal);--font-sans:"Archivo", -apple-system, "Helvetica Neue", sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", monospace;--text-display:clamp(34px, 4vw, 52px);--text-h1:28px;--text-h2:20px;--text-h3:16px;--text-base:14px;--text-sm:12.5px;--text-annot:11px;--text-micro:10px;--annot-tracking:.08em;--leading-tight:1.15;--leading-base:1.5;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--radius-0:0px;--radius-1:3px;--radius-2:8px;--radius-3:14px;--radius-pill:999px;--radius-card:var(--radius-3);--radius-control:var(--radius-pill);--radius-field:var(--radius-2);--rule:1px solid var(--line);--rule-strong:1.25px solid var(--line-strong);--rule-dashed:1px dashed var(--line-mid);--shadow-card:0 1px 2px #1414120d;--shadow-float:0 8px 24px #1414121a, 0 2px 6px #1414120f;--shadow-press:inset 0 1px 2px #1414121f;--spring:cubic-bezier(.34, 1.56, .64, 1);--spring-big:cubic-bezier(.22, 1.8, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--t-fast:.12s;--t-base:.2s;--t-slow:.35s;--press-scale:.965}@keyframes sdz-pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes sdz-draw{0%{stroke-dashoffset:var(--draw-len,100)}to{stroke-dashoffset:0}}@keyframes sdz-blink{0%,55%{opacity:1}56%,to{opacity:0}}@keyframes sdz-slide-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--text-body);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-base);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--ink);-webkit-text-decoration-color:var(--line-mid);text-decoration-color:var(--line-mid);text-underline-offset:3px}a:hover{color:var(--signal);-webkit-text-decoration-color:var(--signal);text-decoration-color:var(--signal)}::selection{background:var(--signal);color:#fff}.sdz-annot{font-family:var(--font-mono);font-size:var(--text-annot);letter-spacing:var(--annot-tracking);text-transform:uppercase;color:var(--text-annotation)}textarea::placeholder,input::placeholder{color:var(--ink-3)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--line-mid);border:3px solid var(--paper);border-radius:5px}::-webkit-scrollbar-track{background:0 0}.sdz-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;transition:transform var(--t-fast) var(--spring);border:1px solid #0000;border-radius:2px;align-items:center;gap:6px;padding:3px 9px;font-size:10px;display:inline-flex}.sdz-badge:hover{transform:translateY(-1px)}.sdz-badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.sdz-badge--live .sdz-badge-dot{animation:1.4s infinite sdz-badge-pulse}@keyframes sdz-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.sdz-badge--neutral{background:var(--paper-2);color:var(--ink-2);border-color:var(--line)}.sdz-badge--ink{background:var(--ink);color:var(--paper)}.sdz-badge--outline{border-color:var(--ink);color:var(--ink)}.sdz-badge--signal{background:var(--signal-soft);color:var(--signal)}.sdz-badge--ok{background:var(--green-soft);color:var(--green)}.sdz-badge--warn{background:var(--yellow-soft);color:#8a6d00}.sdz-badge--danger{background:var(--red-soft);color:var(--red)}.sdz-badge--info{background:var(--blue-soft);color:var(--blue)}.sdz-card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:border-color var(--t-base), transform var(--t-fast) var(--spring), box-shadow var(--t-base);position:relative}.sdz-card:hover{border-color:var(--line-mid)}.sdz-card-tick{opacity:0;width:9px;height:9px;transition:opacity var(--t-base);pointer-events:none;position:absolute}.sdz-card:hover .sdz-card-tick{opacity:1}.sdz-card-tick--tl{border-top:1.25px solid var(--ink);border-left:1.25px solid var(--ink);top:-5px;left:-5px}.sdz-card-tick--tr{border-top:1.25px solid var(--ink);border-right:1.25px solid var(--ink);top:-5px;right:-5px}.sdz-card-tick--bl{border-bottom:1.25px solid var(--ink);border-left:1.25px solid var(--ink);bottom:-5px;left:-5px}.sdz-card-tick--br{border-bottom:1.25px solid var(--ink);border-right:1.25px solid var(--ink);bottom:-5px;right:-5px}.sdz-card-annot{background:var(--paper);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);padding:0 6px;font-size:9px;position:absolute;top:-8px;left:14px}.sdz-card-idx{border:1.25px solid var(--ink);background:var(--paper);width:24px;height:24px;font-family:var(--font-mono);transition:background var(--t-fast), color var(--t-fast);border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;top:-13px;right:12px}.sdz-card:hover .sdz-card-idx{background:var(--ink);color:var(--paper)}.sdz-meter{cursor:default;flex-direction:column;gap:6px;display:flex}.sdz-meter-head{justify-content:space-between;align-items:baseline;display:flex}.sdz-meter-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:10px}.sdz-meter-val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);font-size:11px}.sdz-meter-track{border:1px solid var(--ink);background:var(--surface-card);border-radius:2px;height:8px;position:relative;overflow:visible}.sdz-meter-fill{background:var(--sdz-meter-c,var(--ink));transition:width .7s var(--spring);border-radius:1px;position:absolute;inset:1px auto 1px 1px}.sdz-meter-marker{background:var(--ink);opacity:0;width:1.25px;transition:opacity var(--t-base);position:absolute;top:-4px;bottom:-4px}.sdz-meter:hover .sdz-meter-marker{opacity:1}.sdz-meter-marker span{font-family:var(--font-mono);color:var(--ink-2);white-space:nowrap;font-size:8px;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.sdz-stat{cursor:default;flex-direction:column;gap:2px;display:inline-flex}.sdz-stat-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:10px}.sdz-stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink);font-size:26px;font-weight:500;line-height:1.1}.sdz-stat-delta{font-family:var(--font-mono);align-items:center;gap:4px;font-size:11px;display:inline-flex}.sdz-stat-delta--up{color:var(--green)}.sdz-stat-delta--down{color:var(--red)}.sdz-stat-delta .arr{transition:transform var(--t-base) var(--spring);display:inline-block}.sdz-stat:hover .arr{transform:translateY(-2px)}.sdz-stat-delta--down .arr{transform:rotate(180deg)}.sdz-stat:hover .sdz-stat-delta--down .arr{transform:rotate(180deg)translateY(-2px)}.sdz-tag{font-family:var(--font-sans);border:1px solid var(--line-mid);background:var(--surface-card);color:var(--ink);cursor:pointer;transition:all var(--t-fast) var(--spring);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:12.5px;display:inline-flex}.sdz-tag:hover{border-color:var(--ink)}.sdz-tag:active{transform:scale(.93)}.sdz-tag--on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.sdz-tag-count{font-family:var(--font-mono);opacity:.65;font-size:10px}.sdz-btn{font-family:var(--font-sans);border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--t-fast) var(--spring), box-shadow var(--t-fast), background var(--t-fast), color var(--t-fast);border:1.25px solid #0000;align-items:center;gap:8px;font-weight:500;display:inline-flex;position:relative}.sdz-btn:active:not(:disabled){transform:scale(var(--press-scale));box-shadow:var(--shadow-press)}.sdz-btn:disabled{opacity:.4;cursor:not-allowed}.sdz-btn:focus-visible{outline:1.5px solid var(--focus-ring);outline-offset:2px}.sdz-btn--md{padding:10px 20px;font-size:14px}.sdz-btn--sm{padding:7px 14px;font-size:12.5px}.sdz-btn--primary{background:var(--ink);color:var(--ink-inverse)}.sdz-btn--primary:hover:not(:disabled){box-shadow:var(--shadow-float);transform:translateY(-1px)}.sdz-btn--signal{background:var(--signal);color:#fff}.sdz-btn--signal:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #ff4d004d}.sdz-btn--outline{background:var(--surface-card);border-color:var(--ink);color:var(--ink)}.sdz-btn--outline:hover:not(:disabled){background:var(--ink);color:var(--ink-inverse)}.sdz-btn--ghost{color:var(--ink);background:0 0}.sdz-btn--ghost:hover:not(:disabled){background:var(--paper-2)}@keyframes losRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes losFade{0%{opacity:0}to{opacity:1}}@keyframes losPop{0%{opacity:0;transform:translate(-50%,10px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.hv-sig:hover{color:var(--signal)}.hv-red:hover{color:var(--red)}.hv-ink:hover{color:var(--ink)}.hv-bink:hover{border-color:var(--ink)}.hv-bink-cink:hover{border-color:var(--ink);color:var(--ink)}.hv-bsig:hover{border-color:var(--signal)}.hv-bsig-csig:hover{border-color:var(--signal);color:var(--signal)}.hv-bred:hover{border-color:var(--red)}.hv-row:hover{background:var(--surface-card)}.hv-nav-main:hover{color:var(--ink);transform:translate(3px)}.hv-nav-soon:hover{color:var(--ink-2);transform:translate(3px)}.act-9:active{transform:scale(.9)}.act-95:active{transform:scale(.95)}.act-96:active{transform:scale(.96)}.fc-ink:focus{border-color:var(--ink);border-style:solid}@keyframes bpBlink{0%,55%{opacity:1}56%,to{opacity:0}}@keyframes bpRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}input.bp-in{font-family:var(--font-mono);color:var(--ink);background:var(--surface-card);border:1px solid var(--line);border-radius:3px;outline:none;padding:5px 8px;font-size:12px}input.bp-in:focus{border-color:var(--signal)}input.bp-name{font-family:var(--font-sans);font-size:13px;font-weight:500}.bp-grid{background-image:radial-gradient(circle, var(--line) 1px, transparent 1px);background-position:11px 11px;background-size:22px 22px}.bp-tick{position:relative}.bp-tick:before,.bp-tick:after{content:"";pointer-events:none;width:9px;height:9px;position:absolute}.bp-tick:before{border-top:1px solid var(--line-mid);border-left:1px solid var(--line-mid);top:8px;left:8px}.bp-tick:after{border-bottom:1px solid var(--line-mid);border-right:1px solid var(--line-mid);bottom:8px;right:8px}.bp-block:hover{border-color:var(--ink);transform:translateY(-5px)}.bp-block.bp-block--sel{border-color:var(--signal);z-index:4;transform:translateY(-8px)}.bp-alert:hover{background:var(--red);color:#fff}