[data-theme="sport"] { --color-primary: #FF6B35; --color-secondary: #FFD23F; --color-accent: #06D6A0; --color-bg: #F8F9FA; --color-text: #2D3436; }
[data-theme="art"] { --color-primary: #7C3AED; --color-secondary: #EC4899; --color-accent: #F59E0B; --color-bg: #FAFAFA; --color-text: #1E1B4B; }
[data-theme="tech"] { --color-primary: #2563EB; --color-secondary: #06B6D4; --color-accent: #10B981; --color-bg: #0F172A; --color-text: #F1F5F9; }
[data-theme="grad"] { --color-primary: #E11D48; --color-secondary: #F97316; --color-accent: #EAB308; --color-bg: #FFFBEB; --color-text: #422006; }
[data-theme="club"] { --color-primary: #16A34A; --color-secondary: #65A30D; --color-accent: #0284C7; --color-bg: #F0FDF4; --color-text: #14532D; }
[data-theme="acad"] { --color-primary: #1E40AF; --color-secondary: #3B82F6; --color-accent: #F59E0B; --color-bg: #EFF6FF; --color-text: #1E3A5F; }
html { transition: background 0.4s, color 0.4s; }
body, .btn-primary, .bento-card, .stat-card { transition: background 0.4s, color 0.4s, border-color 0.4s; }
.theme-picker { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px; }
.theme-btn {
  border: 2px solid transparent; border-radius: 999px; padding: 6px 12px; font-size: 12px;
  background: var(--sw, #1E40AF); color: #fff; cursor: pointer;
}
.theme-btn.active { border-color: #000; box-shadow: 0 0 0 2px #fff inset; }
#theme-picker-modal {
  position: fixed; inset: 0; background: rgba(0,0,0,.45); z-index: 9000;
  display: flex; align-items: flex-end; justify-content: center; padding: 16px;
}
#theme-picker-modal.hidden { display: none; }
#theme-picker-inner { background: #fff; border-radius: 16px 16px 0 0; width: 100%; max-width: 420px; padding: 16px; }