.score-panel{scroll-margin-top:var(--fluid-space-md);background:#fff;border-radius:24px;padding:clamp(20px,2.25vw,32px)}.score-panel[data-state=saved]{flex-direction:column;gap:24px;display:flex}.score-panel[data-state=saved] .score-heading{margin:0}.score-panel[data-state=saved] .personal-score{background:var(--slop-color-accent)}.score-panel[data-state=saved] .score-label{color:var(--slop-color-ink)}.score-panel[data-state=saved] .personal-score img{width:64px}.score-panel[data-state=saved] .judge-another{align-self:flex-start;width:min(100%,280px);min-height:48px}.saved-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.saved-deadline{margin-top:0}.post-vote-summary{padding:var(--fluid-space-md);margin-bottom:var(--fluid-section);background:#fff;border-radius:24px}.post-vote-summary h2{font-size:var(--fluid-subheading);letter-spacing:-.03em;margin:var(--fluid-space-md) 0;line-height:1.15}.post-vote-tiles{gap:var(--fluid-space-sm);grid-template-columns:5fr 3fr;display:grid}.post-vote-reaction{padding:var(--fluid-space-sm);background:var(--slop-color-paper);border-radius:20px}.post-vote-reaction--slop{background:#dad1f7}.post-vote-reaction>div{align-items:center;gap:16px;display:flex}.post-vote-reaction img{width:clamp(48px,4.6vw,88px);height:auto}.post-vote-reaction strong{letter-spacing:-.03em;font-size:clamp(36px,3vw,56px);line-height:1.1}.post-vote-reaction h3{font-size:var(--fluid-card-title);margin:20px 0 12px}.post-vote-reaction p,.post-vote-summary-footer p{color:var(--slop-color-muted);font-size:14px}.post-vote-summary-footer{justify-content:space-between;align-items:center;gap:var(--fluid-space-sm);margin-top:var(--fluid-space-md);display:flex}@media (width<=600px){.post-vote-tiles{grid-template-columns:1fr}.post-vote-summary-footer{flex-direction:column;align-items:stretch}}.score-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.score-heading h2{font-size:var(--fluid-panel-title);letter-spacing:-.03em;margin:0;line-height:1.1}.personal-score{background:var(--slop-color-paper);border-radius:16px;align-items:center;gap:16px;padding:16px;display:flex}.personal-score img{width:clamp(56px,5vw,80px);height:auto}.score-label{letter-spacing:.04em;color:#55554f;margin:0 0 4px;font-size:12px;font-weight:700}.personal-score strong{letter-spacing:-.04em;font-size:clamp(32px,3vw,48px);line-height:1;display:block}.score-options{border:0;justify-content:space-between;gap:8px;min-width:0;margin:24px 0 0;padding:0;display:flex}.score-options legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.score-options label{cursor:pointer;background:#e9e9e2;border-radius:12px;flex:1;place-items:center;min-height:48px;font-size:18px;display:grid;position:relative}.score-options input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.score-options label.selected{color:var(--slop-color-accent);background:#171717}.score-options label:has(input:focus-visible){outline:3px solid var(--slop-color-focus);outline-offset:3px}.score-options label:has(input:disabled){opacity:.45;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.score-options label:not(.selected):not(:has(input:disabled)):hover{background:var(--slop-color-accent)}}.score-endpoints{color:#62625c;justify-content:space-between;margin-top:12px;font-size:12px;display:flex}.confirm-vote{justify-content:center;width:100%;margin-top:24px}.vote-status{color:#55554f;margin:16px 0 0;font-size:14px}.vote-status:empty{display:none}.post-vote-reveal{border-top:1px solid var(--slop-color-line);margin-top:24px;padding-top:24px}.post-vote-reveal>p{margin:0 0 16px;font-size:15px}.post-vote-reveal>p strong{font-size:20px}.post-vote-reveal small{color:#62625c;margin-top:16px;font-size:12px;display:block}.swipe-reveal{grid-template-columns:1fr 1fr;gap:12px;display:grid}.swipe-reveal>div{background:var(--slop-color-paper);border-radius:16px;align-items:center;gap:10px;padding:12px;display:flex}.swipe-reveal img{width:42px;height:42px}.swipe-reveal span{font-size:12px;display:grid}.swipe-reveal strong{font-size:20px;line-height:1.05}.demo-reset{cursor:pointer;background:0 0;border:0;margin-top:20px;text-decoration:underline}@media (width<=600px){.score-options{grid-template-columns:repeat(6,1fr);display:grid}.score-endpoints{font-size:11px}.confirm-vote{min-height:56px}.swipe-reveal{grid-template-columns:1fr}.score-heading{flex-direction:column;align-items:flex-start}}
