:root{--void: #08090c;--panel: #0e1015;--raised: #14171d;--hover: #1a1e26;--hairline: #1d212a;--edge: #2b3140;--text: #edeff3;--dim: #98a0ae;--mute: #626a79;--faint: #414855;--fil: #5cd9ff;--fil-core: #cdf3ff;--fil-soft: rgba(92, 217, 255, .14);--fil-glow: rgba(92, 217, 255, .34);--role-live: #26c98a;--role-needs: #ffb020;--role-failed: #ff5c6e;--role-idle: #5b6373;--live-bg: rgba(38, 201, 138, .12);--needs-bg: rgba(255, 176, 32, .13);--needs-bg-strong: rgba(255, 176, 32, .22);--needs-glow: rgba(255, 176, 32, .3);--failed-bg: rgba(255, 92, 110, .12);--idle-bg: rgba(91, 99, 115, .16);--on-fil: #04141c;--on-needs: #1e1400;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", ui-sans-serif, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, "JetBrains Mono", Menlo, "Cascadia Mono", Consolas, monospace;--font-display: var(--font-mono);--r-card: 8px;--r-ctrl: 6px;--r-chip: 4px;--radius: var(--r-ctrl);--radius-sm: var(--r-chip);--focus: var(--fil);--sidebar-w: 216px;--sidebar-w-min: 56px;--topbar-h: 52px;--t: .11s cubic-bezier(.32, .72, .36, 1);--paper: var(--void);--surface: var(--panel);--sunk: var(--raised);--line: var(--hairline);--line-strong: var(--edge);--ink: var(--text);--ink-dim: var(--dim);--ink-faint: var(--mute);--on-dark: var(--text);--oxblood: var(--fil);--oxblood-deep: var(--fil-core);--ochre: var(--role-needs);color-scheme:dark}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--void: #f7f8fa;--panel: #ffffff;--raised: #f2f4f7;--hover: #e9ecf1;--hairline: #e3e7ed;--edge: #cbd2dc;--text: #11141a;--dim: #58606e;--mute: #7c8492;--faint: #a3aab6;--fil: #0b87b8;--fil-core: #0b6f97;--fil-soft: rgba(11, 135, 184, .1);--fil-glow: rgba(11, 135, 184, .22);--role-live: #0f9a68;--role-needs: #a96a00;--role-failed: #c8323f;--role-idle: #8a92a0;--live-bg: rgba(15, 154, 104, .11);--needs-bg: rgba(255, 176, 32, .16);--needs-bg-strong: rgba(255, 176, 32, .28);--needs-glow: rgba(169, 106, 0, .22);--failed-bg: rgba(200, 50, 63, .1);--idle-bg: rgba(138, 146, 160, .14);--on-fil: #ffffff;--on-needs: #ffffff;color-scheme:light}}:root[data-theme=light]{--void: #f7f8fa;--panel: #ffffff;--raised: #f2f4f7;--hover: #e9ecf1;--hairline: #e3e7ed;--edge: #cbd2dc;--text: #11141a;--dim: #58606e;--mute: #7c8492;--faint: #a3aab6;--fil: #0b87b8;--fil-core: #0b6f97;--fil-soft: rgba(11, 135, 184, .1);--fil-glow: rgba(11, 135, 184, .22);--role-live: #0f9a68;--role-needs: #a96a00;--role-failed: #c8323f;--role-idle: #8a92a0;--live-bg: rgba(15, 154, 104, .11);--needs-bg: rgba(255, 176, 32, .16);--needs-bg-strong: rgba(255, 176, 32, .28);--needs-glow: rgba(169, 106, 0, .22);--failed-bg: rgba(200, 50, 63, .1);--idle-bg: rgba(138, 146, 160, .14);--on-fil: #ffffff;--on-needs: #ffffff;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--void);color:var(--text);font:14px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:where(h1,h2,h3,h4,p,figure,ul,ol){margin:0}:where(ul,ol){padding:0;list-style:none}:where(a){color:inherit;text-decoration:none}:where(button){font:inherit;color:inherit;background:none;border:0;cursor:pointer}:where(input,select,textarea){font:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}:where(h1,h2,h3){font-weight:600;letter-spacing:-.015em}h1{font-size:21px;line-height:1.15}h2{font-size:15px}h3{font-size:13px}code,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.dimmed,.dim{color:var(--dim)}.muted,.faint{color:var(--mute)}.eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--mute)}.btn{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border:1px solid var(--edge);border-radius:var(--r-ctrl);background:var(--raised);color:var(--text);font-size:12.5px;font-weight:500;white-space:nowrap;transition:background var(--t),border-color var(--t),transform var(--t)}.btn:hover:not(:disabled){background:var(--hover);border-color:var(--faint)}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.btn svg{width:13px;height:13px;flex:none}.btn-ghost{background:transparent;border-color:transparent;color:var(--dim)}.btn-ghost:hover:not(:disabled){background:var(--raised);color:var(--text);border-color:transparent}.btn-fil{background:var(--fil);border-color:var(--fil);color:var(--on-fil)}.btn-fil:hover:not(:disabled){background:var(--fil-core);border-color:var(--fil-core)}.btn-primary{background:var(--fil);border-color:var(--fil);color:var(--on-fil)}.btn-primary:hover:not(:disabled){background:var(--fil-core);border-color:var(--fil-core)}.btn-needs{background:var(--role-needs);border-color:var(--role-needs);color:var(--on-needs)}.btn-needs:hover:not(:disabled){filter:brightness(1.07)}.btn-danger{color:var(--role-failed);background:var(--raised);border-color:color-mix(in srgb,var(--role-failed) 40%,var(--hairline))}.btn-danger:hover:not(:disabled){background:var(--failed-bg);border-color:var(--role-failed)}.btn-lg{height:36px;padding:0 16px;font-size:13px}.btn-sm{height:25px;padding:0 9px;font-size:11.5px}.btn-block{width:100%;justify-content:center}.field{display:flex;flex-direction:column;gap:6px}.label,.field-label{font-size:12px;color:var(--dim)}.input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],select{height:34px;width:100%;padding:0 11px;background:var(--raised);color:var(--text);border:1px solid var(--edge);border-radius:var(--r-ctrl);font-family:var(--font-mono);font-size:13px;transition:border-color var(--t),box-shadow var(--t)}.input::placeholder,input::placeholder{color:var(--faint)}.input:focus,input:focus{outline:none;border-color:var(--fil);box-shadow:0 0 0 3px var(--fil-soft)}.input-needs:focus{border-color:var(--role-needs);box-shadow:0 0 0 3px var(--needs-bg)}.hint{font-size:11.5px;color:var(--mute)}.field-error{font-size:11.5px;color:var(--role-failed)}.env-row{display:flex;gap:7px;align-items:center}.env-reveal{flex-shrink:0;background:var(--raised);border:1px solid var(--edge);border-radius:var(--r-ctrl);color:var(--dim);cursor:pointer;height:34px;padding:0 10px;font-size:11.5px;font-family:var(--font-ui);min-width:54px}.env-reveal:hover{background:var(--hover);color:var(--text)}.chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:11px;padding:2px 7px;border-radius:var(--r-chip);background:var(--raised);border:1px solid var(--hairline);color:var(--dim)}.chip-needs{background:var(--needs-bg);border-color:color-mix(in srgb,var(--role-needs) 30%,transparent);color:var(--role-needs)}.chip-fil{background:var(--fil-soft);border-color:color-mix(in srgb,var(--fil) 26%,transparent);color:var(--fil)}.chips{display:flex;flex-wrap:wrap;gap:6px}.code{font-family:var(--font-mono);font-size:12px;line-height:1.65;background:var(--void);border:1px solid var(--hairline);border-radius:var(--r-ctrl);padding:11px 13px;overflow-x:auto;color:var(--dim)}.notice{border:1px solid var(--hairline);border-radius:var(--r-card);padding:12px 14px;font-size:12.5px;line-height:1.5;display:flex;align-items:flex-start;gap:11px;background:var(--panel);color:var(--dim)}.notice-needs{border-color:color-mix(in srgb,var(--role-needs) 32%,transparent);background:linear-gradient(90deg,var(--needs-bg),transparent 60%),var(--panel)}.notice-failed{border-color:color-mix(in srgb,var(--role-failed) 30%,transparent);background:linear-gradient(90deg,var(--failed-bg),transparent 60%),var(--panel)}.notice-live{border-color:color-mix(in srgb,var(--role-live) 34%,transparent);background:linear-gradient(90deg,var(--live-bg),transparent 60%),var(--panel)}.notice-idle{border-color:var(--hairline);background:var(--raised)}.notice strong{display:block;color:var(--text);font-weight:600}.mast{display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:14px;letter-spacing:-.01em;color:var(--text)}.mast-wire{flex:0 0 20px;height:1px;background:linear-gradient(90deg,var(--fil-glow),var(--fil));box-shadow:0 0 6px var(--fil-glow)}.mast-brand{font-family:var(--font-mono);font-size:15px;color:var(--text);letter-spacing:-.02em}.mast-rule{width:34px;height:1px;background:var(--fil);box-shadow:0 0 6px var(--fil-glow);margin:9px auto 0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}