@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--f-ui:"Space Grotesk",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,monospace;--bg:oklch(0.972 0.006 265);--sur:#ffffff;--sur2:oklch(0.986 0.004 265);--surh:oklch(0.955 0.008 265);--line:oklch(0.918 0.008 270);--line2:oklch(0.862 0.012 270);--ink:oklch(0.235 0.022 270);--ink2:oklch(0.475 0.018 270);--ink3:oklch(0.655 0.014 270);--brand:oklch(0.535 0.214 274);--brand-h:oklch(0.475 0.214 274);--brand-ink:oklch(0.40 0.20 274);--brand-sub:oklch(0.955 0.030 274);--brand-bd:oklch(0.86 0.075 274);--ok:oklch(0.55 0.14 150);--ok-bg:oklch(0.965 0.035 150);--ok-bd:oklch(0.86 0.08 150);--wa:oklch(0.62 0.15 70);--wa-bg:oklch(0.972 0.04 80);--wa-bd:oklch(0.86 0.09 75);--er:oklch(0.56 0.20 22);--er-bg:oklch(0.965 0.03 25);--er-bd:oklch(0.87 0.07 25);--radius:9px;--shadow-sm:0 1px 2px oklch(0.4 0.02 270/.06),0 1px 3px oklch(0.4 0.02 270/.05);--shadow-md:0 4px 12px oklch(0.35 0.03 270/.08),0 2px 4px oklch(0.35 0.03 270/.05);--shadow-lg:0 18px 48px oklch(0.30 0.04 270/.16),0 6px 14px oklch(0.30 0.04 270/.08);--n-start:oklch(0.55 0.14 150);--n-end:oklch(0.50 0.02 270);--n-question:var(--brand);--n-action:oklch(0.58 0.16 230);--n-info:oklch(0.60 0.10 250);--n-router:oklch(0.58 0.17 320);--n-metric:oklch(0.62 0.15 70);--n-gauge:oklch(0.56 0.18 22);--n-spark:oklch(0.55 0.15 195);--n-header:oklch(0.50 0.02 270)}html[data-theme=dark]{--bg:oklch(0.165 0.014 270);--sur:oklch(0.205 0.016 270);--sur2:oklch(0.235 0.016 270);--surh:oklch(0.275 0.018 270);--line:oklch(0.305 0.018 270);--line2:oklch(0.385 0.022 270);--ink:oklch(0.93 0.012 270);--ink2:oklch(0.72 0.016 270);--ink3:oklch(0.55 0.018 270);--brand:oklch(0.66 0.19 274);--brand-h:oklch(0.72 0.19 274);--brand-ink:oklch(0.80 0.14 274);--brand-sub:oklch(0.27 0.07 274);--brand-bd:oklch(0.42 0.13 274);--ok-bg:oklch(0.27 0.05 150);--ok-bd:oklch(0.40 0.08 150);--wa-bg:oklch(0.28 0.05 80);--wa-bd:oklch(0.42 0.08 75);--er-bg:oklch(0.27 0.06 25);--er-bd:oklch(0.42 0.09 25);--ok:oklch(0.72 0.15 150);--wa:oklch(0.78 0.15 80);--er:oklch(0.70 0.18 25);--shadow-lg:0 18px 48px oklch(0 0 0/.5),0 6px 14px oklch(0 0 0/.35);--shadow-md:0 4px 12px oklch(0 0 0/.35)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--f-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45;letter-spacing:-.005em}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit;color:inherit}::selection{background:var(--brand-sub);color:var(--brand-ink)}.mono{font-family:var(--f-mono)}.tnum{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--line2);border-radius:9px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--ink3);background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--f-mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;padding:3px 7px;border-radius:5px;white-space:nowrap;border:1px solid var(--line2);color:var(--ink2);background:var(--sur2)}.tag.ok{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-bd)}.tag.wa{color:var(--wa);background:var(--wa-bg);border-color:var(--wa-bd)}.tag.er{color:var(--er);background:var(--er-bg);border-color:var(--er-bd)}.tag.br{color:var(--brand-ink);background:var(--brand-sub);border-color:var(--brand-bd)}.dot{width:7px;height:7px;border-radius:50%;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--f-ui);font-weight:500;font-size:13px;padding:8px 14px;border-radius:8px;white-space:nowrap;border:1px solid var(--line2);background:var(--sur);color:var(--ink);transition:background .12s,border-color .12s,transform .06s,box-shadow .12s}.btn:hover{background:var(--surh);border-color:var(--ink3)}.btn:active{transform:translateY(.5px)}.btn.pri{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:var(--shadow-sm)}.btn.pri:hover{background:var(--brand-h);border-color:var(--brand-h)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--surh);border-color:transparent}.btn.sm{padding:5px 10px;font-size:12px;gap:5px}.btn.lg{padding:11px 20px;font-size:14.5px}.btn.icon{padding:0;width:32px;height:32px}.btn:disabled{opacity:.45;cursor:not-allowed}.ipt{width:100%;font-family:var(--f-ui);font-size:13.5px;padding:9px 12px;border-radius:8px;border:1px solid var(--line2);background:var(--sur);color:var(--ink);transition:border-color .12s,box-shadow .12s;outline:none}.ipt:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-sub)}.ipt::placeholder{color:var(--ink3)}.ipt.mono{font-family:var(--f-mono);font-size:12.5px}.card{background:var(--sur);border:1px solid var(--line);border-radius:var(--radius)}.fade{animation:fade .3s ease forwards;opacity:1}@keyframes fade{0%{opacity:.01;transform:translateY(6px)}to{opacity:1;transform:none}}.spin{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.lbl{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--ink3)}