.theme-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 12px; }
.extra-themes { display: none; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.extra-themes.active { display: grid; }

.theme-btn { height: 60px; border-radius: 12px; cursor: pointer; border: 1px solid var(--border); background: var(--btn-bg); display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 0.8rem; font-weight: 700; color: var(--text); transition: all 0.2s; position: relative; overflow: hidden; text-shadow: 0 1px 2px rgba(0,0,0,0.1); }
.theme-btn.active { border: 2px solid var(--primary); background: var(--surface); color: var(--primary); box-shadow: 0 8px 20px rgba(0,0,0,0.08); }
.theme-dot { width: 10px; height: 10px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 1px 3px rgba(0,0,0,0.15); }
.btn-more-themes { width: 100%; padding: 16px; background: rgba(0,0,0,0.03); border: 1px solid var(--border); border-radius: 12px; font-weight: 700; cursor: pointer; color: var(--primary); margin-top: 12px; transition: all 0.2s; text-shadow: 0 1px 1px rgba(0,0,0,0.05); }
.btn-more-themes:active { transform: scale(0.98); background: rgba(0,0,0,0.06); }