@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&family=Archivo:wght@400;500;600;700&display=swap";
:root{--accent-h:232;--accent-c:.135;--accent-l:.66}:root[data-accent=amber]{--accent-h:70;--accent-c:.145;--accent-l:.74}:root[data-accent=emerald]{--accent-h:158;--accent-c:.135;--accent-l:.66}:root[data-accent=violet]{--accent-h:292;--accent-c:.14;--accent-l:.66}:root{--accent:oklch(var(--accent-l) var(--accent-c) var(--accent-h));--accent-hover:oklch(calc(var(--accent-l) + .05) var(--accent-c) var(--accent-h));--accent-quiet:oklch(var(--accent-l) var(--accent-c) var(--accent-h) / .14);--accent-line:oklch(var(--accent-l) var(--accent-c) var(--accent-h) / .42);--on-accent:oklch(.16 .01 var(--accent-h))}:root,:root[data-theme=dark]{--bg:#0d0e11;--bg-grid:#15171b80;--surface:#15171a;--surface-2:#1c1f23;--surface-3:#24272b;--border:#2a2e33;--border-strong:#43484f;--text:#f2f4f6;--text-muted:#a7abb1;--text-faint:#747980;--ok-h:152;--warn-h:78;--err-h:26;--info-h:232;--ok:oklch(.78 .15 var(--ok-h));--ok-bg:oklch(.78 .15 var(--ok-h) / .15);--warn:oklch(.82 .14 var(--warn-h));--warn-bg:oklch(.82 .14 var(--warn-h) / .15);--err:oklch(.7 .17 var(--err-h));--err-bg:oklch(.7 .17 var(--err-h) / .16);--neutral:var(--text-faint);--neutral-bg:#74798029;--shadow-1:0 1px 2px #0006;--shadow-2:0 8px 30px #00000073;--shadow-pop:0 18px 50px #0000008c;--overlay:#050608b8}@supports (color:lab(0% 0 0)){:root,:root[data-theme=dark]{--bg:lab(4.04837% -.276648 -1.47511);--bg-grid:lab(7.76242% -.562742 -2.8944/.5);--surface:lab(7.76542% -.503033 -2.53702);--surface-2:lab(11.5887% -.59066 -2.90464);--surface-3:lab(15.5304% -.665948 -3.2684);--border:lab(18.776% -.739187 -3.6312);--border-strong:lab(30.3689% -.964254 -4.72214);--text:lab(95.9323% -.330657 -1.47086);--text-muted:lab(69.8192% -.798911 -3.66154);--text-faint:lab(50.6736% -.932366 -4.37981);--neutral-bg:lab(50.6736% -.932366 -4.37981/.16);--shadow-1:0 1px 2px lab(0% 0 0/.4);--shadow-2:0 8px 30px lab(0% 0 0/.45);--shadow-pop:0 18px 50px lab(0% 0 0/.55);--overlay:lab(1.5555% -.13756 -.794226/.72)}}:root[data-theme=light]{--bg:#f5f7f9;--bg-grid:#dbdee299;--surface:#fff;--surface-2:#f5f7f9;--surface-3:#edf0f4;--border:#dbdee2;--border-strong:#c0c4cb;--text:#1f2329;--text-muted:#54585f;--text-faint:#7b8187;--ok:oklch(.58 .14 var(--ok-h));--ok-bg:oklch(.58 .14 var(--ok-h) / .13);--warn:oklch(.62 .13 var(--warn-h));--warn-bg:oklch(.7 .14 var(--warn-h) / .18);--err:oklch(.55 .18 var(--err-h));--err-bg:oklch(.55 .18 var(--err-h) / .12);--neutral:var(--text-faint);--neutral-bg:#7b818721;--on-accent:oklch(.99 .005 var(--accent-h));--shadow-1:0 1px 2px #5c646f1a;--shadow-2:0 10px 30px #4148531f;--shadow-pop:0 20px 50px #343b452e;--overlay:#52565b4d}@supports (color:lab(0% 0 0)){:root[data-theme=light]{--bg:lab(97.0923% -.330716 -1.4709);--bg-grid:lab(88.3882% -.49153 -2.20369/.6);--surface:lab(100% 0 0);--surface-2:lab(97.0923% -.330716 -1.4709);--surface-3:lab(94.7682% -.492245 -2.2041);--border:lab(88.3882% -.49153 -2.20369);--border-strong:lab(79.0994% -.802875 -3.66366);--text:lab(13.5485% -.836387 -4.33466);--text-muted:lab(37.3326% -.913426 -4.37026);--text-faint:lab(53.5738% -.935495 -4.38143);--neutral-bg:lab(53.5738% -.935495 -4.38143/.13);--shadow-1:0 1px 2px lab(41.9498% -1.43759 -7.24357/.1);--shadow-2:0 10px 30px lab(30.3464% -1.37573 -7.21667/.12);--shadow-pop:0 20px 50px lab(24.5441% -1.33115 -7.19838/.18);--overlay:lab(36.1778% -.772849 -3.64775/.3)}}:root,:root[data-density=compact]{--row-h:42px;--pad-card:16px;--pad-cell-y:9px;--gap:14px;--fs-base:13px;--fs-sm:12px;--fs-xs:11px;--fs-lg:15px}:root[data-density=comfortable]{--row-h:56px;--pad-card:22px;--pad-cell-y:15px;--gap:20px;--fs-base:14px;--fs-sm:13px;--fs-xs:12px;--fs-lg:16px}:root{--font-sans:"IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius:10px;--radius-sm:7px;--radius-lg:14px;--sidebar-w:232px}:root[data-font=grotesk]{--font-sans:"Space Grotesk", ui-sans-serif, system-ui, sans-serif}:root[data-font=archivo]{--font-sans:"Archivo", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"cv05" 1, "ss01" 1;margin:0;line-height:1.45}::selection{background:var(--accent-quiet)}#root{background-image:linear-gradient(var(--bg-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px);background-position:-1px -1px;background-size:46px 46px;min-height:100%}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:600}p{margin:0}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono);font-feature-settings:"zero" 1}.tnum{font-variant-numeric:tabular-nums}.scroll{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;overflow-y:auto}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border:3px solid var(--bg);border-radius:8px}.scroll::-webkit-scrollbar-track{background:0 0}:where(button,a,input,select,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.app{grid-template-columns:var(--sidebar-w) 1fr;height:100vh;display:grid;overflow:hidden}.kbd{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-faint);background:var(--surface-2);border-bottom-width:2px;border-radius:5px;padding:2px 5px;font-size:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){.anim-up{animation:.34s cubic-bezier(.2,.7,.2,1) both fadeUp}.anim-in{animation:.3s both fadeIn}}.live-dot{animation:1.8s ease-in-out infinite pulse}.spin{animation:.9s linear infinite spin}