*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}:root{--q-orange: #f7941d;--q-blue: #2f78ff;--q-dark: #1e3a5f;--q-bg: #f7f8fb;--q-radius: 16px;--q-page-pad: clamp(1rem, 3.5vw, 2.5rem);--danger: #e53935}:root,.light-theme{--bg-color: #ffffff;--text-color: #3f3f46;--primary-brand: #f59e0b;--primary-pink: #ec4899;--text-muted: #6b7280;--card-outline: #fbbf24;--card-bg: #3b82f6;--card-bg-hover: #82a9ee;--card-bg-active: #050505;--card-text-color: #ffffff;--card-depth-color: #f59e0b;--card-active-depth-color: #4a1d1d}.dark-theme{--bg-color: #111827;--text-color: #f9fafb;--primary-brand: #f59e0b;--primary-pink: #f472b6;--text-muted: #d1d5db;--card-outline: #fbbf24;--card-bg: #2563eb;--card-bg-hover: #60a5fa;--card-bg-active: #030712;--card-text-color: #ffffff;--card-depth-color: #f59e0b;--card-active-depth-color: #92400e}.brand-theme{--bg-color: #fff7ed;--text-color: #4a1d1d;--primary-brand: #f59e0b;--primary-pink: #ec4899;--text-muted: #7c2d12;--card-outline: #fbbf24;--card-bg: #f59e0b;--card-bg-hover: #fbbf24;--card-bg-active: #4a1d1d;--card-text-color: #ffffff;--card-depth-color: #b45309;--card-active-depth-color: #4a1d1d}.pink-theme{--bg-color: #fff1f2;--text-color: #831843;--primary-brand: #f59e0b;--primary-pink: #ec4899;--text-muted: #9f1239;--card-outline: #f9a8d4;--card-bg: #ec4899;--card-bg-hover: #f472b6;--card-bg-active: #500724;--card-text-color: #ffffff;--card-depth-color: #be185d;--card-active-depth-color: #831843}