*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono",monospace;--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--space-12:5rem;--space-16:8rem;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.2;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-overlay:1000;--z-modal:1100;--z-toast:1200;--blur-sm:4px;--blur-md:12px;--blur-lg:24px;--blur-xl:40px}:root,[data-theme=dark]{--color-bg:#0d0d12;--color-bg-elevated:#13131a;--color-surface:#ffffff0d;--color-surface-hover:#ffffff14;--color-surface-active:#ffffff1a;--color-border:#ffffff17;--color-border-hover:#ffffff26;--color-text:#f2f2f5;--color-muted:#f2f2f58c;--color-hint:#f2f2f559;--color-primary:#ff2d78;--color-primary-hover:#e6266c;--color-primary-muted:#ff2d7826;--color-primary-border:#ff2d7859;--gradient-primary:linear-gradient(135deg,#ff2d78 0%,#c0134e 100%);--color-success:#10b981;--color-success-muted:#10b98126;--color-success-border:#10b98159;--color-warning:#f59e0b;--color-warning-muted:#f59e0b26;--color-warning-border:#f59e0b59;--color-error:#ef4444;--color-error-muted:#ef444426;--color-error-border:#ef444459;--color-info:#3b82f6;--color-info-muted:#3b82f626;--color-info-border:#3b82f659;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-primary:0 4px 24px #ff2d7859;--shadow-primary-hover:0 8px 32px #ff2d7880;--input-bg:#ffffff0f;--input-bg-focus:#ffffff14;--input-border-focus:#ff2d788c;--overlay-bg:#00000080}[data-theme=light]{--color-bg:#f8f8fa;--color-bg-elevated:#fff;--color-surface:#0000000a;--color-surface-hover:#0000000f;--color-surface-active:#00000014;--color-border:#0000001a;--color-border-hover:#0000002e;--color-text:#1a1a2e;--color-muted:#1a1a2e99;--color-hint:#1a1a2e66;--color-primary:#e0215e;--color-primary-hover:#c81d54;--color-primary-muted:#e0215e1a;--color-primary-border:#e0215e4d;--gradient-primary:linear-gradient(135deg,#e0215e 0%,#b0103f 100%);--color-success:#059669;--color-success-muted:#0596691a;--color-success-border:#0596694d;--color-warning:#d97706;--color-warning-muted:#d977061a;--color-warning-border:#d977064d;--color-error:#dc2626;--color-error-muted:#dc26261a;--color-error-border:#dc26264d;--color-info:#2563eb;--color-info-muted:#2563eb1a;--color-info-border:#2563eb4d;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-xl:0 16px 48px #0000001f;--shadow-primary:0 4px 24px #e0215e33;--shadow-primary-hover:0 8px 32px #e0215e4d;--input-bg:#00000008;--input-bg-focus:#0000000d;--input-border-focus:#e0215e80;--overlay-bg:#0000004d}html,body{height:100%}html{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-bg);color:var(--color-text);flex-direction:column;min-height:100vh;line-height:1.6;display:flex;overflow-x:hidden}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:none}code{font-family:var(--font-mono);background:var(--color-surface);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.9em}*{scrollbar-width:thin;scrollbar-color:var(--color-border-hover)#0000}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}::-webkit-scrollbar-corner{background:0 0}
