.spr-wrap{margin:2.2rem 0 1.4rem;padding:1.5rem 1.25rem;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.04);font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}.spr-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem 1rem;margin-bottom:1.1rem}.spr-title{display:flex;align-items:center;gap:.45rem;font-size:.92rem;font-weight:600;color:#4a5568}.spr-dot{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;font-size:.7rem;background:linear-gradient(135deg,#a8c5f0,#e8b4c8);color:#fff;border-radius:50%}.spr-total{font-size:.78rem;font-weight:500;color:#718096;background:rgba(0,0,0,.04);padding:.22rem .65rem;border-radius:999px}.spr-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}@media (max-width:720px){.spr-bar{grid-template-columns:repeat(3,1fr)}}@media (max-width:400px){.spr-bar{grid-template-columns:repeat(2,1fr)}}.spr-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.75rem .4rem .6rem;background:#fff;border:1.5px solid rgba(0,0,0,.06);border-radius:11px;cursor:pointer;overflow:hidden;min-height:82px;transition:border-color .2s ease,background .2s ease,transform .2s ease}.spr-btn:hover:not(:disabled):not(.is-on){transform:translateY(-2px);border-color:var(--c);background:var(--bg)}.spr-btn.is-on{background:var(--bg);border-color:var(--c);box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 20%,transparent)}.spr-btn:disabled:not(.is-on){opacity:.5;cursor:not-allowed}.spr-emoji{font-size:1.55rem;line-height:1;transition:transform .2s ease}.spr-btn:hover:not(:disabled) .spr-emoji,.spr-btn.is-on .spr-emoji{transform:scale(1.18)}.spr-label{font-size:.7rem;font-weight:600;color:#718096;transition:color .2s ease}.spr-btn:hover:not(:disabled) .spr-label,.spr-btn.is-on .spr-label{color:var(--c)}.spr-count{font-size:.75rem;font-weight:700;color:#4a5568;min-height:1em}.spr-btn.is-on .spr-count{color:var(--c)}.spr-prog{position:absolute;bottom:0;left:0;height:2px;background:var(--c);opacity:.5;transition:width .35s ease}.spr-msg{margin-top:.85rem;text-align:center;font-size:.82rem;font-weight:500;color:#68a063;min-height:1.2em;opacity:0;transition:opacity .25s ease}.spr-msg.show{opacity:1}.spr-msg.err{color:#d17a6b}.spr-btn.busy{pointer-events:none}@media (prefers-color-scheme:dark){.spr-wrap{background:#1e222c;border-color:rgba(255,255,255,.08);box-shadow:0 2px 12px rgba(0,0,0,.25)}.spr-title{color:#e2e8f0}.spr-total{color:#a0aec0;background:rgba(255,255,255,.08)}.spr-btn{background:#282e3a;border-color:rgba(255,255,255,.07)}.spr-label{color:#a0aec0}.spr-count{color:#e2e8f0}}@media (prefers-reduced-motion:reduce){.spr-btn,.spr-emoji,.spr-prog,.spr-msg{transition:none}.spr-btn:hover:not(:disabled){transform:none}}