.input{border-radius:.75rem;border-width:1px;border-color:rgb(255 255 255/.1);background-color:rgb(255 255 255/.05);padding:.5rem .75rem;outline:2px solid transparent;outline-offset:2px}.label{font-size:.875rem;line-height:1.25rem;opacity:.8}.score-pop{position:fixed;left:50%;top:20%;transform:translate(-50%,-50%);font-size:3rem;font-weight:800;padding:.25em .5em;border-radius:14px;background:rgba(22,163,74,.25);animation:scorePop 1.1s ease-out forwards;pointer-events:none;z-index:50}@keyframes scorePop{0%{transform:translate(-50%,-50%) scale(.7);opacity:0}15%{transform:translate(-50%,-50%) scale(1.1);opacity:1}60%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-80%) scale(.9);opacity:0}}.confetti-root{position:fixed;inset:0;pointer-events:none;z-index:40}.confetti-piece{position:absolute;top:-10vh;width:8px;height:14px;border-radius:2px;background:hsl(var(--h) 80% 60%/.9);animation:fall .9s linear forwards}.confetti-piece:before{content:"";position:absolute;inset:0;transform:rotate(45deg)}.confetti-piece{--h:calc(20 + 320 * var(--r, 0));background:hsl(calc(20 + 320 * var(--r, 0)) 80% 60%/.9)}@keyframes fall{to{transform:translateY(110vh) rotate(1turn);opacity:0}}