.region-btn[data-active]{background:var(--color-gold);color:#fff;border-color:var(--color-gold)}@keyframes mqItemIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.mq-item{border:1px solid var(--color-line);background:var(--color-paper-2,#faf9f7);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;transition:border-color .2s,background .2s,transform .15s;animation:.22s both mqItemIn;display:flex}@media (prefers-reduced-motion:reduce){.mq-item{animation:none}}.mq-item:hover{border-color:var(--color-gold)}.mq-item[data-done]{background:#f0f8f1;border-color:#bfe3c6;animation:.35s cubic-bezier(.22,.61,.36,1) both mqItemCheck}@keyframes mqItemCheck{0%{transform:scale(1)}40%{transform:scale(.97)}70%{transform:scale(1.025)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.mq-item[data-done]{animation:none}}@keyframes mqProgressPulse{0%{color:var(--color-gold-deep);transform:scale(1)}40%{color:var(--color-gold);transform:scale(1.06)}to{color:var(--color-gold-deep);transform:scale(1)}}#progress.mq-progress-tick{animation:.3s both mqProgressPulse}@media (prefers-reduced-motion:reduce){#progress.mq-progress-tick{animation:none}}@keyframes ruleFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}#rule.rule-in{animation:.22s both ruleFadeIn}@media (prefers-reduced-motion:reduce){#rule.rule-in{animation:none}}.mq-item[data-done] .mq-name{color:var(--color-brand-muted,#888);text-decoration:line-through}.mq-check{width:18px;height:18px;accent-color:var(--color-gold);flex:none}.mq-name{font-size:15px}
