body{font-family:Inter,system-ui,sans-serif;background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#222;margin:0;min-height:100vh}.container{max-width:650px;margin:2rem auto;background:#fffffff2;border-radius:18px;box-shadow:0 4px 32px #ffb34755,0 1.5px 8px #ff6a0055;padding:2.5rem 2rem 2rem;border:3px solid #ffb347;position:relative;overflow:hidden}h1{text-align:center;font-weight:800;margin-bottom:1.2rem;font-size:2.5rem;color:#ff6a00;letter-spacing:.04em;text-shadow:0 2px 8px #fff2,0 1px 0 #fff8}.intro{text-align:center;margin-bottom:1.5rem;color:#ff6a00;font-size:1.15rem;background:#fffbe6;border-radius:8px;padding:.7em 1em;box-shadow:0 1px 4px #ffb34733}.add-friend{display:flex;gap:.5rem;margin-top:1.5rem}.add-friend input{flex:1;padding:.5rem 1rem;border:2px solid #ffb347;border-radius:8px;font-size:1.1rem;background:#fffbe6;color:#ff6a00}.add-friend input:focus{outline:2px solid #ff6a00}.add-friend button{padding:.5rem 1.2rem;border:none;background:linear-gradient(90deg,#ffb347,#ff6a00);color:#fff;border-radius:8px;font-size:1.1rem;cursor:pointer;font-weight:700;box-shadow:0 1px 4px #ffb34733;transition:background .2s,transform .1s}.add-friend button:hover{background:linear-gradient(90deg,#ff6a00,#ffb347);transform:scale(1.07)}.tally-board{width:100%;border-collapse:separate;border-spacing:0 .3em;background:none;border-radius:12px;box-shadow:none}.tally-board th,.tally-board td{padding:.6rem .7rem;text-align:center;font-size:1.1rem}.tally-board th{background:#ffb347;color:#fff;font-weight:700;border-radius:8px 8px 0 0;letter-spacing:.03em;font-size:1.15rem}.tally-board tr{background:#fffbe6;border-radius:8px;box-shadow:0 1px 4px #ffb34722}.tally-board tr:nth-child(2n){background:#ffe0b2}.tally-board button{border:none;background:linear-gradient(90deg,#ffb347,#ff6a00);color:#fff;font-size:1.3rem;cursor:pointer;width:2.2rem;height:2.2rem;border-radius:50%;font-weight:700;box-shadow:0 1px 4px #ffb34733;transition:background .2s,transform .1s}.tally-board button:hover{background:linear-gradient(90deg,#ff6a00,#ffb347);transform:scale(1.12)}.tally{font-family:Menlo,Consolas,monospace;font-size:1.3em;letter-spacing:.13em;-webkit-user-select:none;user-select:none;color:#ff6a00;text-shadow:0 1px 2px #fff8}.tally-group{color:#ffb347;margin-left:.2em;font-size:1.2em}.confetti{position:absolute;inset:0;pointer-events:none;font-size:2.2rem;z-index:1;text-align:center;opacity:.7;animation:confetti-float 3s infinite linear alternate}@keyframes confetti-float{0%{transform:translateY(0)}to{transform:translateY(20px)}}@media (max-width: 700px){.container{padding:1rem}h1{font-size:2rem}}