:root{--ground:oklch(99.5% 0.002 90);--surface:oklch(100% 0 0);--surface-sunken:oklch(97.5% 0.004 90);--border:oklch(92% 0.005 275);--border-soft:oklch(95.5% 0.004 275);--ink:oklch(16% 0.02 275);--ink-soft:oklch(43% 0.02 275);--ink-faint:oklch(65% 0.012 275);--primary:oklch(50% 0.22 29);--primary-hover:oklch(44% 0.22 29);--primary-soft:oklch(95.5% 0.025 29);--primary-foreground:oklch(99% 0.003 90);--ring:oklch(50% 0.22 29/0.45);--success:oklch(55% 0.15 145);--success-soft:oklch(94.5% 0.04 145);--warn:oklch(63% 0.16 60);--warn-soft:oklch(96% 0.045 75);--danger:oklch(52% 0.22 25);--danger-soft:oklch(95% 0.035 25);--unknown:oklch(50% 0.012 275);--unknown-soft:oklch(94.5% 0.004 275);--radius-sm:0.5rem;--radius:0.75rem;--radius-lg:1.25rem;--radius-pill:999px;--shadow-xs:0 1px 2px oklch(16% 0.02 275/0.05);--shadow-sm:inset 0 1px oklch(100% 0 0/0.8),0 1px 2px oklch(16% 0.02 275/0.05),0 1px 3px oklch(16% 0.02 275/0.04);--shadow-md:inset 0 1px oklch(100% 0 0/0.7),0 2px 5px oklch(16% 0.02 275/0.05),0 10px 24px -10px oklch(16% 0.02 275/0.18);--shadow-lg:inset 0 1px oklch(100% 0 0/0.6),0 4px 10px oklch(16% 0.02 275/0.06),0 20px 44px -16px oklch(16% 0.02 275/0.24);--shadow-primary:inset 0 1px oklch(100% 0 0/0.25),0 1px 2px oklch(50% 0.22 29/0.3),0 10px 22px -8px oklch(50% 0.22 29/0.45);--shadow-primary-hover:inset 0 1px oklch(100% 0 0/0.25),0 1px 2px oklch(50% 0.22 29/0.35),0 14px 28px -8px oklch(50% 0.22 29/0.5);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--ground);color:var(--ink);font-family:var(--font-sans);font-size:14px;line-height:1.5}a{color:inherit}button{font-family:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--ring);border-radius:var(--radius-sm)}.clay-surface{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow-md)}.clay-surface-sm{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.clay-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-sm);font-family:inherit;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.clay-btn:active{transform:translateY(1px)}.clay-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.clay-btn-primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-primary)}.clay-btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-primary-hover)}.clay-btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.clay-btn-secondary:hover:not(:disabled),.clay-input{background:var(--surface-sunken)}.clay-input{font-family:var(--font-sans);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:inset 0 1px 2px oklch(16% .02 275/.06);color:var(--ink);transition:border-color .12s ease,box-shadow .12s ease}.clay-input:focus{outline:none;border-color:var(--primary);box-shadow:inset 0 1px 2px oklch(16% .02 275/.06),0 0 0 3px var(--ring)}.stat-pill{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding:3px 10px;border-radius:var(--radius-pill);white-space:nowrap;box-shadow:inset 0 1px oklch(100% 0 0/.5)}.stat-pill.ok{background:var(--success-soft);color:var(--success)}.stat-pill.warn{background:var(--warn-soft);color:var(--warn)}.stat-pill.danger{background:var(--danger-soft);color:var(--danger)}.stat-pill.unknown{background:var(--unknown-soft);color:var(--unknown)}