.sc{border:1px solid rgb(var(--c-line));border-radius:var(--radius-lg, 16px);background:rgb(var(--c-cream));padding:clamp(1.5rem,1rem + 3vw,2.5rem);box-shadow:var(--elev-1)}.sc-bar{height:4px;border-radius:999px;background:rgb(var(--c-line));overflow:hidden}.sc-bar-fill{display:block;height:100%;width:20%;border-radius:999px;background:rgb(var(--c-leaf));transition:width .42s var(--ease-out-quint)}.sc-meta{display:flex;justify-content:space-between;margin-top:12px;font-size:.8rem;color:rgb(var(--c-mute));font-family:Barlow,Arial,Helvetica,sans-serif}.sc-meta b{color:rgb(var(--c-ink))}.sc-q{margin-top:22px}.sc-q h3{font-family:Barlow,Arial,Helvetica,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.3;color:rgb(var(--c-ink))}.sc-q .hint{font-size:.8rem;color:rgb(var(--c-mute));margin-top:6px}.sc-opts{display:grid;gap:10px;margin-top:18px}.sc-opt{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid rgb(var(--c-line));border-radius:12px;font-size:.95rem;color:rgb(var(--c-slate));cursor:pointer;transition:border-color .16s var(--ease-out-quint),background .16s var(--ease-out-quint),transform .16s var(--ease-out-quint);text-align:left;background:rgb(var(--c-cream))}.sc-opt:hover{border-color:rgb(var(--c-leaf));transform:translateY(-1px)}.sc-opt[aria-pressed=true]{border-color:rgb(var(--c-leaf));background:rgb(var(--c-mint));color:rgb(var(--c-ink));font-weight:500}.sc-opt .dot{width:18px;height:18px;border-radius:50%;border:2px solid rgb(var(--c-line));flex-shrink:0;position:relative;transition:border-color .16s}.sc-opt[aria-pressed=true] .dot{border-color:rgb(var(--c-leaf))}.sc-opt[aria-pressed=true] .dot:after{content:"";position:absolute;inset:3px;border-radius:50%;background:rgb(var(--c-leaf))}.sc-freetext{width:100%;margin-top:10px;border:1px solid rgb(var(--c-line));border-radius:10px;padding:11px 14px;font-size:.95rem;background:rgb(var(--c-cream));color:rgb(var(--c-ink))}.sc-freetext:focus{outline:none;border-color:rgb(var(--c-leaf));box-shadow:0 0 0 3px rgb(var(--c-leaf) / .18)}.sc-next{margin-top:16px;border:none;background:rgb(var(--c-ink));color:rgb(var(--c-cream));padding:11px 22px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;opacity:.4;pointer-events:none;transition:opacity .16s}.sc-next.ready{opacity:1;pointer-events:auto}.sc-controls{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:12px}.sc-controls .sc-next{margin-top:0}.sc-back{background:none;border:none;color:rgb(var(--c-mute));font-size:.9rem;cursor:pointer;padding:6px 0;transition:color .16s}.sc-back:hover{color:rgb(var(--c-ink))}.sc-q[data-anim=in]{animation:sc-in .36s var(--ease-out-quint) both}@keyframes sc-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sc-result{text-align:center}.sc-gauge{position:relative;width:180px;height:180px;margin:0 auto 8px}.sc-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}.sc-gauge circle{fill:none;stroke-width:9}.sc-gauge-track{stroke:rgb(var(--c-line))}.sc-gauge-fill{stroke:rgb(var(--c-leaf));stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset 1.1s var(--ease-out-quint)}.sc-gauge-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;line-height:1}.sc-gauge-num span{font-family:Barlow,Arial,Helvetica,sans-serif;font-size:2.6rem;font-weight:700;line-height:1;color:rgb(var(--c-ink))}.sc-gauge-num small{font-size:.8rem;line-height:1;color:rgb(var(--c-mute))}.sc-result-band{font-family:Barlow,Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;color:rgb(var(--c-ink));margin-top:6px}.sc-result-text{color:rgb(var(--c-slate));max-width:30rem;margin:10px auto 22px;line-height:1.6}.sc-restart{display:block;margin:16px auto 0;background:none;border:none;color:rgb(var(--c-mute));font-size:.85rem;cursor:pointer;text-decoration:underline}.ab-x,.ab-c{padding-left:26px;position:relative}.ab-x:before{content:"✕";position:absolute;left:0;color:rgb(var(--c-mute));font-weight:700}.ab-c:before{content:"✓";position:absolute;left:0;color:rgb(var(--c-leaf));font-weight:700}@media(prefers-reduced-motion:reduce){.sc-bar-fill,.sc-gauge-fill,.sc-opt{transition-duration:.001ms!important}.sc-q[data-anim=in]{animation:none!important}}