:root{--brand-h:70;--brand-c:0.012;--brand-l:26%;--brand-l-hover:18%;--background:oklch(98.5% 0.004 70);--foreground:oklch(22% 0.012 70);--surface-subtle:oklch(96.8% 0.005 70);--surface-elevated:oklch(100% 0.002 70);--border:oklch(91.5% 0.005 70);--border-strong:oklch(84% 0.007 70);--muted:oklch(96.8% 0.005 70);--muted-foreground:oklch(46% 0.014 70);--primary:oklch(var(--brand-l) var(--brand-c) var(--brand-h));--primary-hover:oklch(var(--brand-l-hover) var(--brand-c) var(--brand-h));--primary-foreground:oklch(98.5% 0.004 70);--primary-subtle:oklch(94.5% 0.006 70);--success:oklch(62% 0.15 150);--success-foreground:oklch(38% 0.11 150);--success-subtle:oklch(96% 0.04 150);--warning-foreground:oklch(45% 0.14 75);--warning-subtle:oklch(97% 0.05 75);--destructive:oklch(58% 0.2 25);--destructive-hover:oklch(50% 0.2 25);--destructive-foreground:oklch(42% 0.16 25);--destructive-subtle:oklch(97% 0.03 25);--focus-ring:oklch(30% 0.014 70);--focus-ring-width:2px;--focus-ring-offset:2px;--overlay:oklch(20% 0.01 250/45%);--font-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;--font-mono:ui-monospace,"JetBrains Mono","SF Mono",Menlo,monospace;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:19px;--text-xl:22px;--text-2xl:28px;--weight-regular:400;--weight-medium:520;--weight-semibold:560;--weight-bold:620;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.55;--tracking-tight:-0.015em;--tracking-wide:0.02em;--space-half:2px;--gap-inline:4px;--gap-related:8px;--gap-group:16px;--gap-section:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--border-width:1px;--border-width-thick:2px;--control-height-sm:28px;--control-height-md:34px;--control-height-lg:40px;--control-padding-x:var(--space-3);--width-measure:46ch;--width-content:1180px;--shadow-sm:0 1px 2px oklch(22% 0.012 70/6%);--shadow-md:0 1px 2px oklch(22% 0.012 70/6%),0 4px 12px oklch(22% 0.012 70/5%);--shadow-lg:0 8px 32px oklch(22% 0.012 70/12%);--edge-highlight:oklch(100% 0 0/60%);--layer-sticky:20;--layer-overlay:30;--layer-modal:40;--layer-toast:50;--duration-instant:80ms;--duration-fast:120ms;--duration-normal:180ms;--duration-slow:240ms;--duration-pulse:1400ms;--ease-out:cubic-bezier(0.2,0,0,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--state-hover-overlay:oklch(20% 0.01 250/4%);--state-active-overlay:oklch(20% 0.01 250/8%);--state-disabled-opacity:0.55}@media (prefers-color-scheme:dark){:root{--background:oklch(18% 0.006 70);--foreground:oklch(95% 0.004 70);--surface-subtle:oklch(21.5% 0.007 70);--surface-elevated:oklch(24% 0.008 70);--border:oklch(30% 0.008 70);--border-strong:oklch(38% 0.01 70);--muted:oklch(21.5% 0.007 70);--muted-foreground:oklch(72% 0.01 70);--brand-l:93%;--brand-l-hover:100%;--brand-c:0.006;--primary-foreground:oklch(18% 0.006 70);--primary-subtle:oklch(27% 0.008 70);--success-foreground:oklch(85% 0.11 150);--success-subtle:oklch(27% 0.05 150);--warning-foreground:oklch(85% 0.11 75);--warning-subtle:oklch(28% 0.06 75);--destructive-foreground:oklch(85% 0.1 25);--destructive-subtle:oklch(27% 0.05 25);--overlay:oklch(0% 0 0/60%);--shadow-sm:0 1px 2px oklch(0% 0 0/30%);--shadow-md:0 1px 2px oklch(0% 0 0/30%),0 4px 12px oklch(0% 0 0/25%);--shadow-lg:0 8px 32px oklch(0% 0 0/40%);--edge-highlight:oklch(100% 0 0/8%);--focus-ring:oklch(92% 0.008 70);--state-hover-overlay:oklch(100% 0 0/6%);--state-active-overlay:oklch(100% 0 0/10%)}}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0ms;--duration-fast:0ms;--duration-normal:0ms;--duration-slow:0ms}}.sf-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--control-height-md);padding-inline:var(--control-padding-x);border:var(--border-width) solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-elevated);color:var(--foreground);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-tight);white-space:nowrap;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.sf-button:hover:not(:disabled){background:var(--surface-subtle)}.sf-button:active:not(:disabled){background:var(--muted)}.sf-button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.sf-button:disabled{opacity:var(--state-disabled-opacity);cursor:not-allowed}.sf-button--primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.sf-button--primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.sf-button--danger{color:var(--destructive);border-color:var(--border-strong)}.sf-button--danger:hover:not(:disabled){background:var(--destructive-subtle);border-color:var(--destructive)}.sf-button--ghost{background:transparent;border-color:transparent}.sf-button--ghost:hover:not(:disabled){background:var(--surface-subtle)}.sf-button--sm{height:var(--control-height-sm);padding-inline:var(--space-2);font-size:var(--text-xs)}.sf-button--lg{height:var(--control-height-lg);padding-inline:var(--space-4);font-size:var(--text-base)}.sf-surface{border-radius:var(--radius-md);background:var(--surface-elevated)}.sf-surface--bordered{border:var(--border-width) solid var(--border)}.sf-surface--subtle{background:var(--surface-subtle)}.sf-surface--raised{box-shadow:var(--shadow-md)}.sf-surface--padded{padding:var(--space-4)}.sf-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);text-align:center;color:var(--muted-foreground)}.sf-state--compact{padding:var(--space-6) var(--space-4)}.sf-state__icon{color:var(--muted-foreground);margin-bottom:var(--space-1)}.sf-state__title{margin:0;color:var(--foreground);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.sf-state--compact .sf-state__title,.sf-state__description{font-size:var(--text-sm)}.sf-state__description{margin:0;max-width:var(--width-measure);line-height:var(--leading-normal)}.sf-state__detail{margin:0;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--muted-foreground)}.sf-state__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3)}.sf-state[data-state=error][data-severity=recoverable] .sf-state__title{color:var(--foreground)}.sf-state[data-state=error][data-severity=permanent]{border-inline-start:var(--border-width-thick) solid var(--destructive);border-radius:var(--radius-sm);background:var(--destructive-subtle)}.sf-state[data-state=error][data-severity=permanent] .sf-state__title{color:var(--destructive-foreground)}.sf-spinner{width:var(--space-5);height:var(--space-5);border:var(--border-width-thick) solid var(--border-strong);border-top-color:var(--primary);border-radius:var(--radius-full);animation:sf-spin var(--duration-pulse) linear infinite}@keyframes sf-spin{to{transform:rotate(1turn)}}.sf-skeleton{display:block;width:100%;min-height:1em;border-radius:var(--radius-xs);background:var(--muted);animation:sf-pulse var(--duration-pulse) var(--ease-in-out) infinite}.sf-skeleton--circle{border-radius:var(--radius-full)}.sf-skeleton-group{display:flex;flex-direction:column;gap:var(--space-2)}@keyframes sf-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.sf-skeleton,.sf-spinner{animation:none}}.sf-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}