*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-background-primary: #ffffff;--color-background-secondary: #f8fafc;--color-background-tertiary: #f1f5f9;--color-background-info: #eff6ff;--color-background-success: #f0fdf4;--color-background-warning: #fffbeb;--color-background-danger: #fef2f2;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #94a3b8;--color-text-info: #1d4ed8;--color-text-success: #15803d;--color-text-warning: #b45309;--color-text-danger: #b91c1c;--color-border-tertiary: rgba(0,0,0,.08);--color-border-secondary: rgba(0,0,0,.15);--color-border-primary: rgba(0,0,0,.25);--color-border-info: #3b82f6;--color-border-success: #22c55e;--color-border-warning: #f59e0b;--color-border-danger: #ef4444;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "SF Mono", "Fira Code", ui-monospace, monospace;--border-radius-md: 8px;--border-radius-lg: 12px}@media (prefers-color-scheme: dark){:root{--color-background-primary: #1a2035;--color-background-secondary: #212840;--color-background-tertiary: #2a3350;--color-background-info: #1e3a5f;--color-background-success: #14532d;--color-background-warning: #451a03;--color-background-danger: #450a0a;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-tertiary: #64748b;--color-text-info: #60a5fa;--color-text-success: #4ade80;--color-text-warning: #fbbf24;--color-text-danger: #f87171;--color-border-tertiary: rgba(255,255,255,.08);--color-border-secondary: rgba(255,255,255,.15);--color-border-primary: rgba(255,255,255,.25)}}body{font-family:var(--font-sans);background:var(--color-background-tertiary);color:var(--color-text-primary);min-height:100vh;padding:20px}button{font-family:var(--font-sans);font-size:13px;padding:6px 14px;border:.5px solid var(--color-border-secondary);border-radius:var(--border-radius-md);background:transparent;color:var(--color-text-primary);cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .15s}button:hover:not(:disabled){background:var(--color-background-secondary)}button:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}