*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--color-bg:#f9fafb;--color-surface:#fff;--color-border:#e5e7eb;--color-text:#111827;--color-text-muted:#6b7280;--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-danger:#dc2626;--radius:8px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--skeleton-base:#e2e8f0;--skeleton-shine:#f8fafc}[data-theme=dark]{--color-bg:#0f172a;--color-surface:#1e293b;--color-border:#334155;--color-text:#f1f5f9;--color-text-muted:#94a3b8;--color-primary:#818cf8;--color-primary-hover:#6366f1;--color-danger:#f87171;--skeleton-base:#334155;--skeleton-shine:#475569}[data-theme=ocean]{--color-bg:#f0f9ff;--color-surface:#fff;--color-border:#bae6fd;--color-text:#0c4a6e;--color-text-muted:#0369a1;--color-primary:#0284c7;--color-primary-hover:#0369a1;--color-danger:#dc2626}[data-theme=forest]{--color-bg:#f0fdf4;--color-surface:#fff;--color-border:#bbf7d0;--color-text:#14532d;--color-text-muted:#15803d;--color-primary:#16a34a;--color-primary-hover:#15803d;--color-danger:#dc2626}[data-theme=sunset]{--color-bg:#fff7ed;--color-surface:#fff;--color-border:#fed7aa;--color-text:#431407;--color-text-muted:#c2410c;--color-primary:#ea580c;--color-primary-hover:#c2410c;--color-danger:#dc2626}[data-theme=rose]{--color-bg:#fff0f3;--color-surface:#fff;--color-border:#ffd6e0;--color-text:#6b0f1a;--color-text-muted:#be185d;--color-primary:#fb7185;--color-primary-hover:#f43f5e;--color-danger:#dc2626}[data-theme=lavender]{--color-bg:#f5f3ff;--color-surface:#fff;--color-border:#ede9fe;--color-text:#1e1b4b;--color-text-muted:#7c3aed;--color-primary:#a78bfa;--color-primary-hover:#8b5cf6;--color-danger:#dc2626}[data-theme=mint]{--color-bg:#f0fdf9;--color-surface:#fff;--color-border:#ccfbf1;--color-text:#042f2e;--color-text-muted:#0d9488;--color-primary:#2dd4bf;--color-primary-hover:#14b8a6;--color-danger:#dc2626}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}html{overflow-x:hidden}img,video{max-width:100%}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:1.5rem}@media (max-width:640px){.container{padding-inline:1rem}}