.accent-coral{--accent:var(--coral);--accent-grad:var(--grad-coral)}.accent-mint{--accent:var(--mint);--accent-grad:var(--grad-mint)}.accent-violet{--accent:var(--violet);--accent-grad:var(--grad-violet)}.accent-gold{--accent:var(--gold);--accent-grad:var(--grad-gold)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:56px;padding:0 var(--space-6);border-radius:var(--radius-pill);transition:transform .38s var(--spring), box-shadow .25s var(--ease), background .2s var(--ease), filter .2s var(--ease);font-size:18px;font-weight:800;display:inline-flex}.btn svg{transition:transform .38s var(--spring)}.btn:active{transition-duration:90ms;transform:scale(.95)}@media (hover:hover){.btn:hover{transform:translateY(-2px)}.btn:hover svg{transform:translate(3px)}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 14px 34px color-mix(in srgb, var(--accent) 55%, transparent)}.btn-secondary:hover{background:color-mix(in srgb, var(--text) 14%, transparent)}}.btn-primary{background:var(--accent-grad);color:#0a0f1f;box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 40%, transparent)}.btn-secondary{background:var(--surface-strong);border:1px solid var(--border);color:var(--text)}.btn svg{width:20px;height:20px}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;filter:none;transform:none}.chip{border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);min-width:40px;min-height:36px;color:var(--text-soft);transition:transform .38s var(--spring), background .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);padding:0 14px;font-size:15px;font-weight:700;position:relative}.chip:after{content:"";position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px}.chip:active{transition-duration:90ms;transform:scale(.93)}@media (hover:hover){.chip:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));transform:translateY(-1px)}}.chip[aria-pressed=true]{background:var(--accent-grad);color:#0a0f1f;box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 30%, transparent);border-color:transparent}.tag{height:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent);letter-spacing:.01em;align-items:center;font-size:13px;font-weight:800;display:inline-flex}:root[data-theme=light] .tag{color:color-mix(in srgb, var(--accent) 50%, #12213a)}.tag-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.reset-link{align-items:center;gap:var(--space-2);min-height:var(--tap);color:var(--text-faint);transition:color .16s var(--ease);align-self:flex-start;font-size:15px;font-weight:700;display:inline-flex}.reset-link:active{color:var(--coral)}@media (hover:hover){.reset-link:hover{color:var(--text)}}.glass{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow)}@supports (backdrop-filter:blur(1px)){.glass{backdrop-filter:blur(18px)saturate(140%)}}
