.theme-trigger{display:inline-flex;align-items:center;gap:7px}
.theme-trigger-dot{width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);flex:0 0 auto}
.theme-modal{padding-top:34px}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:0}
.theme-card{position:relative;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:14px;padding:12px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}
.theme-card:hover{transform:translateY(-1px)}
.theme-card.active{border:2px solid var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.theme-card-check{position:absolute;left:10px;top:9px;font-weight:900;color:var(--accent);font-size:18px}
.theme-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;height:54px;border-radius:10px;overflow:hidden;border:1px solid rgba(0,0,0,.08)}
.theme-swatch{min-width:0}
@media(max-width:560px){.theme-grid{grid-template-columns:1fr}}