:root{--bg:#fff7ec;--card:#fff;--ink:#2b2118;--ink-soft:#7a6a58;--hairline:#efe2ce;--primary:#ff5a3c;--primary-press:#d8401f;--yolk:#ffc542;--yolk-press:#e0a41f;--lime:#2fb877;--grape:#7c5cff;--grape-press:#5b3fd6;--sky:#4cc4e8;--r-chip:999px;--r-input:16px;--r-button:18px;--r-card:20px;--r-hero:24px;--r-fab:50%;--shadow-btn-primary:0 4px 0 var(--primary-press);--shadow-btn-grape:0 4px 0 var(--grape-press);--shadow-vote:0 3px 0 var(--yolk-press);--shadow-card:0 2px 0 #2b21180d, 0 10px 22px -10px #2b211824;--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ease-soft:cubic-bezier(.22, 1, .36, 1);--ease-spin:cubic-bezier(.16, 1, .3, 1);--font-display:"Fredoka", ui-rounded, system-ui, sans-serif;--font-body:"Nunito", ui-rounded, system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.4}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:700;line-height:1.1}button{cursor:pointer;font-family:inherit}input{font-family:inherit}::selection{background:var(--yolk);color:var(--ink)}.screen{width:100%;max-width:460px;min-height:100dvh;padding:20px 18px calc(20px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.muted{color:var(--ink-soft)}.center{text-align:center}.btn{border-radius:var(--r-button);font-family:var(--font-display);color:var(--ink);background:var(--primary);box-shadow:var(--shadow-btn-primary);transition:transform .12s var(--ease-pop), box-shadow .12s var(--ease-pop), filter .12s ease;border:none;justify-content:center;align-items:center;gap:8px;padding:15px 20px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){box-shadow:0 0 0 var(--primary-press);transform:translateY(4px)}.btn:disabled{filter:saturate(.5)opacity(.7);cursor:default}.btn--block{width:100%}.btn--lg{padding:18px 22px;font-size:19px}.btn--grape{background:var(--grape);color:#fff;box-shadow:var(--shadow-btn-grape)}.btn--grape:active:not(:disabled){box-shadow:0 0 0 var(--grape-press)}.btn--ghost{color:var(--grape);border:2px solid var(--grape);box-shadow:none;background:0 0}.btn--ghost:active:not(:disabled){transform:translateY(2px)}.fab{border-radius:var(--r-fab);background:var(--primary);width:50px;height:50px;color:var(--ink);box-shadow:var(--shadow-btn-primary);transition:transform .12s var(--ease-pop), box-shadow .12s var(--ease-pop);border:none;flex:none;place-items:center;font-size:22px;display:grid}.fab:active:not(:disabled){box-shadow:0 0 0 var(--primary-press);transform:translateY(4px)}.fab:disabled{filter:opacity(.5)}.input{border:2px solid var(--hairline);border-radius:var(--r-input);background:var(--card);width:100%;color:var(--ink);outline:none;padding:14px 16px;font-size:16px;transition:border-color .12s}.input::placeholder{color:var(--ink-soft)}.input:focus{border-color:var(--primary)}.input--code{text-transform:uppercase;letter-spacing:.22em;font-family:var(--font-display);text-align:center;font-weight:600}.card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:18px}.card--hero{border-radius:var(--r-hero)}.home{justify-content:center;gap:20px}.home-top{text-align:center}.wordmark{font-family:var(--font-display);color:#ec4a28;letter-spacing:-.01em;font-size:52px;font-weight:700;line-height:1}.tagline{color:var(--ink-soft);margin-top:8px;font-size:18px;font-weight:700}.divider{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:12px;font-size:13px;font-weight:700;display:flex}.divider:before,.divider:after{content:"";background:var(--hairline);border-radius:2px;flex:1;height:2px}.join-row{gap:10px;display:flex}.join-row .input{flex:1}.home-footer{text-align:center;color:var(--ink-soft);padding-top:4px;font-size:13px}.hosting-as{text-align:center;color:var(--ink-soft);padding:6px;font-weight:700}.hosting-as strong{color:var(--ink)}.recent{flex-direction:column;gap:8px;min-height:0;display:flex}.recent-label{color:var(--ink-soft);font-size:13px;font-weight:700}.recent-scroll{-webkit-overflow-scrolling:touch;flex-direction:column;gap:8px;max-height:216px;padding-right:2px;display:flex;overflow-y:auto}.recent-item{background:var(--card);border:2px solid var(--hairline);border-radius:var(--r-input);color:var(--ink);justify-content:space-between;align-items:center;padding:12px 14px;font-weight:700;text-decoration:none;display:flex}.recent-item span[aria-hidden]{color:var(--grape);font-weight:800}.signin{flex-direction:column;gap:10px;display:flex}.signin h2{font-size:20px}.signin-error{color:var(--primary-press);background:#ffe9e3;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:700}.signin-toggle{color:var(--grape);background:0 0;border:none;padding:4px;font-size:14px;font-weight:800}.linklike{color:var(--ink-soft);background:0 0;border:none;padding:4px;font-size:13px;font-weight:700}.room{padding-bottom:132px}.room-header{z-index:5;background:linear-gradient(var(--bg) 72%, transparent);margin-bottom:4px;padding:6px 0 12px;position:sticky;top:0}.room-titlerow{justify-content:space-between;align-items:center;gap:10px;display:flex}.room-title{flex:1;align-items:center;gap:8px;min-width:0;font-size:26px;display:flex}.room-back{background:var(--card);border:2px solid var(--hairline);width:34px;height:34px;color:var(--ink);transition:transform .12s var(--ease-pop);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:800;text-decoration:none;display:grid}.room-back:active{transform:scale(.92)}.closed-badge{color:var(--ink-soft);background:var(--card);border:2px solid var(--hairline);border-radius:var(--r-chip);flex:none;padding:4px 10px;font-size:12px;font-weight:800}.room-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-dot{color:var(--lime);letter-spacing:.06em;flex:none;align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.live-dot:before{content:"";background:var(--lime);border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite live-pulse}.room-subrow{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.share-chip{border:2px solid var(--hairline);background:var(--card);color:var(--ink);border-radius:var(--r-chip);transition:background .16s ease, color .16s ease, border-color .16s ease, transform .12s var(--ease-pop);align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:800;display:inline-flex}.share-chip:active{transform:scale(.96)}.share-chip--done{background:var(--lime);border-color:var(--lime);color:#fff}.here-count{color:var(--ink-soft);white-space:nowrap;font-size:13px;font-weight:800}.presence-names{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.who-pill{background:var(--card);border:2px solid var(--hairline);border-radius:var(--r-chip);color:var(--ink);align-items:center;gap:6px;max-width:100%;padding:4px 11px;font-size:13px;font-weight:700;display:inline-flex}.who-dot{border-radius:50%;flex:none;width:8px;height:8px}.name-chip{border:2px solid var(--grape);color:var(--grape);border-radius:var(--r-chip);background:0 0;padding:8px 14px;font-size:13px;font-weight:800}.options{flex-direction:column;gap:10px;margin-top:6px;display:flex}.option-row{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-card);transition:transform .26s var(--ease-soft);animation:pop-in .26s var(--ease-pop) both;align-items:center;gap:12px;padding:12px;display:flex}.option-row--mine{outline:2px solid var(--grape);outline-offset:-2px}.option-emoji{border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-size:26px;display:grid}.option-main{flex:1;min-width:0}.option-name{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:600;overflow:hidden}.option-meta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.option-tag{color:#9a7b2e;border-radius:var(--r-chip);background:#fff3da;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex}.option-remove{color:var(--ink-soft);background:0 0;border:none;align-self:center;padding:2px 6px;font-size:16px}.vote-btn{min-width:50px;height:56px;color:var(--yolk-press);box-shadow:var(--shadow-vote);transition:transform .12s var(--ease-pop), box-shadow .12s var(--ease-pop), background .16s ease, color .16s ease;background:#fff6df;border:none;border-radius:16px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;display:flex;position:relative}.vote-btn:active:not(:disabled){box-shadow:0 0 0 var(--yolk-press);transform:translateY(3px)}.vote-btn--on{background:var(--yolk);color:var(--ink)}.vote-count{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1}.vote-count--bump{animation:vote-bounce .32s var(--ease-pop)}.vote-plus{opacity:.8;font-size:11px;font-weight:800}.vote-float{pointer-events:none;animation:float-up .7s var(--ease-soft) forwards;font-size:16px;position:absolute;top:0;left:50%;transform:translate(-50%)}.empty{text-align:center;color:var(--ink-soft);padding:32px 16px;font-weight:700}.chosen-card{border:2px solid var(--lime);align-items:center;gap:14px;margin:4px 0 12px;display:flex}.chosen-emoji{border-radius:16px;flex:none;place-items:center;width:56px;height:56px;font-size:30px;display:grid}.chosen-main{min-width:0}.chosen-kicker{color:var(--ink-soft);font-size:13px;font-weight:800}.chosen-name{font-family:var(--font-display);font-size:24px;font-weight:700;line-height:1.1}.option-row--won{outline:2px solid var(--lime);outline-offset:-2px}.vote-static{min-width:52px;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink-soft);flex-direction:column;flex:none;justify-content:center;align-items:center;font-size:22px;font-weight:700;line-height:1;display:flex}.vote-static span{font-family:var(--font-body);font-size:11px;font-weight:800}.dock{z-index:10;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 28%);flex-direction:column;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.dock-inner{flex-direction:column;gap:10px;width:100%;max-width:460px;margin:0 auto;display:flex}.add-bar{align-items:center;gap:10px;display:flex}.add-bar .input{box-shadow:var(--shadow-card);border-color:#0000;flex:1}.host-controls{flex-direction:column;gap:8px;display:flex}.host-controls .btn{width:100%}.guest-waiting{text-align:center;color:var(--ink-soft);padding:6px;font-size:14px;font-weight:800;animation:2.4s ease-in-out infinite live-pulse}.host-badge{background:var(--grape);color:#fff;border-radius:var(--r-chip);padding:2px 9px;font-size:11px;font-weight:800;display:inline-block}.name-prompt{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-card);animation:pop-in .24s var(--ease-pop) both;flex-direction:column;gap:10px;padding:14px;display:flex}.name-prompt h3{font-size:17px}.name-prompt .add-bar{margin:0}.decide{text-align:center;justify-content:center;align-items:center;gap:26px}.decide-hype{font-family:var(--font-display);font-size:24px;font-weight:700}.wheel-wrap{aspect-ratio:1;--r:calc(min(86vw, 340px) / 2);width:min(86vw,340px);position:relative}.wheel-pointer{z-index:3;border-left:15px solid #0000;border-right:15px solid #0000;border-top:26px solid var(--primary);width:0;height:0;filter:drop-shadow(0 2px 0 var(--primary-press));position:absolute;top:-6px;left:50%;transform:translate(-50%)}.wheel{border-radius:50%;position:absolute;inset:0;overflow:hidden;box-shadow:0 10px #2b21181a,inset 0 0 0 6px #fff}.wheel-emoji{filter:drop-shadow(0 1px 1px #00000040);pointer-events:none;font-size:24px;line-height:1;position:absolute;top:50%;left:50%}.wheel-hub{z-index:2;background:#fff;border-radius:50%;place-items:center;width:56px;height:56px;font-size:26px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px -2px #2b211840}.spin-btn{letter-spacing:.04em;padding:18px 44px;font-size:22px}.decide-guest{color:var(--ink-soft);font-weight:800}.skip{color:var(--ink-soft);background:0 0;border:none;font-size:13px;font-weight:700;text-decoration:underline}.suspense{letter-spacing:6px;font-size:40px}.suspense span{animation:1.2s infinite both dot-bounce;display:inline-block}.suspense span:nth-child(2){animation-delay:.18s}.suspense span:nth-child(3){animation-delay:.36s}.result{text-align:center;justify-content:center;align-items:center;gap:20px;position:relative}.result-card{text-align:center;width:100%;animation:result-drop .52s var(--ease-pop) both;flex-direction:column;align-items:center;gap:12px;padding:28px 20px;display:flex}.result-emoji{border-radius:50%;place-items:center;width:96px;height:96px;font-size:52px;display:grid}.result-kicker{color:var(--ink-soft);font-size:14px;font-weight:800}.result-name{font-family:var(--font-display);font-size:clamp(30px,9vw,52px);font-weight:700;line-height:1.04}.result-sub{color:var(--ink-soft);font-weight:800}.result-try{color:#9a7b2e;border-radius:var(--r-chip);background:#fff3da;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.result-actions{flex-direction:column;gap:10px;width:100%;display:flex}.confetti{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.confetti-piece{border-radius:3px;width:10px;height:14px;animation:linear forwards confetti-fall;position:absolute;top:-16px}.loading{color:var(--ink-soft);flex:1;place-items:center;font-weight:800;display:grid}.spinner{border:4px solid var(--hairline);border-top-color:var(--primary);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes pop-in{0%{opacity:0;transform:translateY(10px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes vote-bounce{0%{transform:scale(1)}45%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes float-up{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-26px)}}@keyframes live-pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes result-drop{0%{opacity:0;transform:translateY(-18px)scale(.96)}60%{transform:translateY(4px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes confetti-fall{to{opacity:.9;transform:translateY(105vh)rotate(720deg)}}@keyframes dot-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-14px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.12s!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.option-row,.live-dot:before{animation:none}.confetti{display:none}}