.theme-picker-btn{border:0;border-radius:14px;background:var(--card2);color:var(--brand);padding:7px 10px;cursor:pointer;font-weight:800;font-size:11px;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line)}
.theme-picker-btn:hover{background:var(--brand3);color:var(--brand)}
.theme-page .theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:10px}.theme-card{position:relative;border:1px solid var(--line);border-radius:22px;background:var(--card);padding:12px;box-shadow:var(--shadow);cursor:pointer;transition:.18s ease}.theme-card:hover{transform:translateY(-2px)}.theme-card input{position:absolute;opacity:0;pointer-events:none}.theme-card.is-active{border-color:var(--brand);box-shadow:0 18px 50px rgba(65,85,75,.16)}.theme-preview{height:82px;border-radius:18px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.theme-preview-top{display:flex;justify-content:space-between;align-items:center}.theme-mini-pill{width:46px;height:12px;border-radius:999px;background:rgba(255,255,255,.65)}.theme-mini-card{height:30px;border-radius:12px;background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.55)}.theme-dots{display:flex;gap:5px}.theme-dot{width:15px;height:15px;border-radius:999px;border:2px solid rgba(255,255,255,.72)}.theme-card-name{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-weight:900;color:var(--text)}.theme-active-badge{font-size:10px;color:#fff;background:var(--brand);border-radius:999px;padding:2px 8px}.theme-actions{display:flex;gap:8px;justify-content:flex-start;align-items:center;margin-top:14px;flex-wrap:wrap}.theme-note{background:var(--brand3);color:var(--brand);border-radius:18px;padding:10px 12px;margin-top:10px}.user-theme-sage{}
@media(max-width:720px){.theme-picker-btn{font-size:0;padding:8px 10px}.theme-picker-btn::after{content:'🎨';font-size:14px}.theme-page .theme-grid{grid-template-columns:1fr}}