:root{--bg: #f1f3f7;--surface: #ffffff;--surface-2: #f7f8fa;--border: #e4e7ec;--border-subtle: #eff0f4;--text: #1a1d2e;--text-2: #4b5563;--text-3: #9ca3af;--accent: #4f6ef7;--accent-2: #3b5bdb;--accent-subtle: #eef1fe;--danger: #ef4444;--danger-subtle: #fef2f2;--success: #22c55e;--success-subtle: #f0fdf4;--warning: #f59e0b;--warning-subtle: #fffbeb;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 24px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.05);--shadow-xl: 0 16px 48px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.07);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition: .15s ease}[data-theme=dark]{--bg: #111111;--surface: #181818;--surface-2: #222222;--border: rgba(255,255,255,.14);--border-subtle: rgba(255,255,255,.08);--text: #f5f5f5;--text-2: #d4d4d4;--text-3: #a3a3a3;--accent: #818cf8;--accent-2: #a5b4fc;--accent-subtle: rgba(129,140,248,.15);--danger: #f87171;--danger-subtle: rgba(248,113,113,.12);--success: #4ade80;--success-subtle: rgba(74,222,128,.12);--warning: #fbbf24;--warning-subtle: rgba(251,191,36,.12);--shadow-xs: 0 1px 2px rgba(0,0,0,.4);--shadow-sm: 0 1px 3px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.35);--shadow-md: 0 4px 12px rgba(0,0,0,.6), 0 2px 4px rgba(0,0,0,.4);--shadow-lg: 0 8px 24px rgba(0,0,0,.7), 0 4px 8px rgba(0,0,0,.5);--shadow-xl: 0 16px 48px rgba(0,0,0,.8), 0 8px 16px rgba(0,0,0,.6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,sans-serif;background:var(--bg);color:var(--text);transition:background var(--transition),color var(--transition)}