:root{--color-brand:#34b7eb;--color-brand-hover:#1da8df;--color-brand-active:#0f98cf;--color-brand-light:#6ecef3;--color-brand-subtle:#e0f5fd;--color-dark:#1f1f21;--color-bg:#f5faff;--color-bg-raised:#ffffff;--color-bg-sunken:#edf4fb;--color-fg-1:#1c2b3a;--color-fg-2:#3a5268;--color-fg-3:#6b849a;--color-fg-4:#9fb6ca;--color-border:#c4d8e8;--color-border-strong:#93b0c8;--color-error:#de3c2e;--color-success:var(--color-brand)}:root{--font-display:system-ui,-apple-system,"Segoe UI",sans-serif;--font-body:system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:ui-monospace,"SFMono-Regular",Consolas,monospace;--text-eyebrow:12px;--text-body:16px;--text-lede:17px;--text-h3:20px;--text-title:clamp(34px,6vw,56px);--text-hero:clamp(34px,6.4vw,62px);--weight-body:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:0 1px 4px rgba(28,43,58,.09);--shadow-md:0 4px 12px rgba(28,43,58,.1),0 1px 3px rgba(28,43,58,.06);--shadow-lg:0 8px 24px rgba(28,43,58,.12),0 2px 6px rgba(28,43,58,.06);--shadow-xl:0 16px 48px rgba(28,43,58,.14),0 4px 12px rgba(28,43,58,.07);--shadow-brand:0 4px 16px rgba(52,183,235,.3);--ease-out:cubic-bezier(0,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--duration-fast:.14s;--duration-normal:.22s;--duration-slow:.36s}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-fg-1);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0}a{color:var(--color-brand);text-decoration:none}a:hover{color:var(--color-brand-hover);text-decoration:underline}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}:root{color-scheme:light}*{box-sizing:border-box}body{min-width:320px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:all var(--duration-fast) var(--ease-out)}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--color-brand) 35%,transparent);outline-offset:2px}.eyebrow{font:500 11px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg-3)}.card{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:8px 16px;background:var(--color-bg-raised);color:var(--color-fg-2);font-weight:700;font-size:13px;text-decoration:none}.button:hover{background:var(--color-dark);border-color:var(--color-dark);color:#fff;text-decoration:none}.button.primary{background:var(--color-brand);border-color:var(--color-brand);color:#fff;box-shadow:var(--shadow-brand)}.button.primary:hover{background:var(--color-brand-hover);border-color:var(--color-brand-hover)}.button.danger{color:var(--color-error);border-color:color-mix(in srgb,var(--color-error) 35%,var(--color-border))}.button.danger:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.field-control{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:9px 12px;background:var(--color-bg-raised);color:var(--color-fg-1);font:14px/1.4 var(--font-body)}.field-control:hover{border-color:var(--color-border-strong)}.field-control:focus{border-color:var(--color-brand);outline:3px solid var(--color-brand-subtle)}.modal-scrim{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#1f1f2199;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog{width:min(520px,92vw);max-height:88vh;overflow:auto;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-2xl);background:var(--color-bg-raised);box-shadow:var(--shadow-xl)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid var(--color-border)}.dialog-header h2{font-size:19px}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--color-fg-3);font-size:21px}.icon-button:hover{background:var(--color-bg-sunken);color:var(--color-fg-1)}.dialog-body{padding:24px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 24px}.pill-tabs{display:flex;flex-wrap:wrap;gap:8px}.pill-tab{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:8px 15px;background:var(--color-bg-raised);color:var(--color-fg-2);font-size:13px;font-weight:700}.pill-tab:hover,.pill-tab.active{background:var(--color-dark);border-color:var(--color-dark);color:#fff}.muted{color:var(--color-fg-3)}.mono{font-family:var(--font-mono)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}