:root{--bg: #0b0b0c;--surface: #161618;--raised: #222226;--text: #f2f2f3;--muted: #8f8f98;--line: #29292e;--accent: #e5484d;--on-accent: #fff;--live: #3dd68c;--spring: cubic-bezier(.2, .9, .25, 1.3);--out: cubic-bezier(.2, .8, .2, 1);--top: calc(52px + env(safe-area-inset-top)) ;color-scheme:dark}:root[data-theme=light]{--bg: #fafaf8;--surface: #ffffff;--raised: #f0f0ec;--text: #151517;--muted: #6c6c75;--line: #e4e4de;--live: #1f9d63;color-scheme:light}:root[data-motion=reduced] *,:root[data-motion=reduced] *:before{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}@media (prefers-reduced-motion: reduce){*,*:before{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior-y:none;transition:background-color .25s,color .25s}body:has(.viewer,.sheet-wrap,.intro:not([data-phase=out])){overflow:hidden}button,input{font:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible,a:focus-visible,.drop:focus-within{outline:2px solid var(--accent);outline-offset:2px}h1,h2,p{margin:0}small{color:var(--muted);font-size:12.5px}.grow{flex:1;min-width:0}.hint{color:var(--muted);font-size:13px}.center{text-align:center;padding:12px 0}.icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:none;transition:transform .3s var(--spring),background-color .15s,color .15s}.icon:hover{background:var(--raised)}.icon:active,.pill:active,.react:active,.gif-btn:active,.fab:active{transform:scale(.88);transition-duration:.05s}.icon.on{color:var(--accent)}.text{color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:3px}.text:hover{color:var(--text)}.pill{background:var(--accent);color:var(--on-accent);font-weight:600;padding:9px 18px;border-radius:99px;flex:none;transition:transform .3s var(--spring),opacity .15s}.pill.ghost{background:var(--raised);color:var(--text)}.pill.big{padding:14px;width:100%}.pill.idle{opacity:.45}.avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;color:#fff;font-weight:700;position:relative;-webkit-user-select:none;user-select:none}.avatar.live{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--live)}.stack{display:flex;min-width:44px;min-height:44px;align-items:center;justify-content:flex-end}.stack .avatar+.avatar{margin-left:-6px}input:not([type=checkbox],[type=file]){width:100%;min-width:0;background:var(--raised);border:0;border-radius:22px;padding:11px 16px;outline-offset:0}input::placeholder{color:var(--muted)}.top{position:fixed;inset:0 0 auto 0;z-index:5;height:var(--top);padding:env(safe-area-inset-top) max(6px,env(safe-area-inset-right)) 0 max(6px,env(safe-area-inset-left));display:flex;align-items:center;gap:4px;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.top h1{flex:1;text-align:center;font-size:16px;font-weight:600}.top h1.brand{font-family:Impact,Arial Narrow,sans-serif;font-weight:900;font-size:22px;letter-spacing:.06em}.top .stack{padding-right:6px}.top span.icon:hover{background:none}main{padding-top:var(--top);padding-bottom:calc(96px + env(safe-area-inset-bottom));min-height:100dvh}.empty{color:var(--muted);text-align:center;padding:30vh 32px 0;max-width:420px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(108px,30vw,230px),1fr));gap:2px}.tile{aspect-ratio:1;display:block;animation:tile-in .45s var(--out) backwards}.tile-in{display:block;width:100%;height:100%;position:relative;overflow:hidden;background:var(--surface);transition:transform .35s var(--spring),border-radius .2s,filter .2s}.tile img,.tile video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}@media (hover: hover){.tile:hover .tile-in{filter:brightness(1.12)}}.tile:active .tile-in{transform:scale(.94);border-radius:10px;transition-duration:.06s}.tile:focus-visible{outline-offset:-3px;z-index:1}.tile.fresh{animation:tile-drop .6s var(--spring) backwards;z-index:1}@keyframes tile-in{0%{opacity:0;transform:scale(.9)}}@keyframes tile-drop{0%{opacity:0;transform:scale(1.35) translateY(-24px)}60%{opacity:1}}.tile-card{position:absolute;top:0;right:0;bottom:0;left:0;padding:12px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;font-weight:600;font-size:13px;overflow-wrap:anywhere;background:linear-gradient(140deg,color-mix(in srgb,var(--tint, var(--accent)) 55%,var(--surface)),var(--surface))}.tile-badge{position:absolute;top:6px;right:6px;color:#fff;filter:drop-shadow(0 1px 3px #000a)}.tile-badge svg{width:18px;height:18px}.tile-ring{position:absolute;top:0;right:0;bottom:0;left:0;padding:4px;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ring-in .45s var(--spring),ring-breathe 2.4s ease-in-out .45s infinite}@keyframes ring-in{0%{opacity:0;padding:14px}}@keyframes ring-breathe{50%{opacity:.55}}.tile-viewers{position:absolute;left:10px;bottom:10px;display:flex;animation:pop-in .4s var(--spring)}.tile-viewers .avatar{box-shadow:0 0 0 2px var(--bg)}.tile-viewers .avatar+.avatar{margin-left:-6px}@keyframes pulse{0%{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--live),0 0 0 4px var(--live)}to{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--live),0 0 0 14px transparent}}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}}.fab{position:fixed;z-index:6;right:max(18px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);box-shadow:0 6px 20px #0006;transition:transform .35s var(--spring)}@media (hover: hover){.fab:hover{transform:scale(1.08) rotate(90deg)}}.fab svg{width:26px;height:26px}.edge{position:fixed;z-index:7;inset:0 auto 0 0;width:18px;touch-action:pan-y}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;background:#000a;transition:opacity .3s var(--out)}.side{position:fixed;z-index:9;inset:0 auto 0 0;width:300px;max-width:86vw;padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:var(--surface);display:flex;flex-direction:column;gap:6px;overflow-y:auto;touch-action:pan-y;transition:transform .36s cubic-bezier(.2,.9,.25,1.08);will-change:transform}.side:before{content:"";position:absolute;inset:0 100% 0 auto;width:40px;background:inherit}.side-me{display:flex;align-items:center;gap:12px;padding-bottom:12px}.side-me strong{display:block;font-size:17px}.side h2{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:18px 0 4px}.side nav{display:grid;gap:2px}.row{display:flex;align-items:center;gap:2px;animation:pop-in .35s var(--spring)}.side nav button,.row-main{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:6px 12px;border-radius:12px;text-align:left;transition:background-color .15s,transform .3s var(--spring)}.side nav button{justify-content:space-between;font-weight:500}.side nav button:hover,.row-main:not(:disabled):hover{background:var(--raised)}.side nav button:active,.row-main:not(:disabled):active{transform:scale(.97);transition-duration:.05s}.side nav button.on{background:var(--raised);font-weight:700}.row-main{flex:1;min-width:0}.row-main:disabled{cursor:default}.side nav hr{border:0;border-top:1px solid var(--line);margin:6px 0;width:100%}.profile{display:grid;gap:8px;padding-bottom:8px;animation:slide-up .2s var(--out)}.profile label{display:grid;gap:4px;font-size:13px;color:var(--muted)}.row strong,.row small{display:block}.mini{width:38px;height:38px;border-radius:8px;object-fit:cover;background:var(--raised);flex:none}.seg{display:grid;grid-template-columns:repeat(3,1fr);background:var(--raised);border-radius:12px;padding:3px}.seg button{min-height:38px;border-radius:9px;color:var(--muted);transition:background-color .2s,color .2s}.seg button.on{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px #0003}.switch{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0 4px;cursor:pointer}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:26px;border-radius:13px;background:var(--raised);position:relative;cursor:pointer;margin:0;transition:background-color .2s}.switch input:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0005;transition:transform .3s var(--spring)}.switch input:checked{background:var(--accent)}.switch input:checked:before{transform:translate(18px)}.side-foot{margin-top:auto;padding-top:20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;--dim: 1}.viewer-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:calc(var(--dim) * .94);animation:fade .25s var(--out);transition:opacity .2s}.viewer.closing .viewer-dim{opacity:0}@keyframes fade{0%{opacity:0}}.stage{position:relative;flex:1 1 50%;min-height:0;touch-action:none;padding-top:env(safe-area-inset-top)}.nav{position:absolute;top:50%;margin-top:-22px;width:44px;height:44px;border-radius:50%;display:none;place-items:center;z-index:1;background:#0008;color:#fff;transition:transform .3s var(--spring),background-color .15s}.nav.prev{left:10px}.nav.next{right:10px}.nav:hover{background:#000c}.nav:active{transform:scale(.86);transition-duration:.05s}.stage.embed .nav{display:grid}@media (hover: hover){.nav{display:grid}}.media{width:100%;height:100%;display:grid;place-items:center;will-change:transform}.media>img,.media>video,.media>iframe{width:100%;height:100%;object-fit:contain;border:0;display:block;grid-area:1 / 1;min-height:0}.media>img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.audio{width:min(86%,380px);padding:28px 22px;border-radius:22px;display:grid;gap:14px;justify-items:center;text-align:center;color:var(--text);text-decoration:none;background:linear-gradient(140deg,color-mix(in srgb,var(--tint, var(--accent)) 55%,var(--surface)),var(--surface))}.audio svg{width:44px;height:44px}.audio audio{width:100%}.panel{position:relative;flex:1 1 50%;min-height:0;display:flex;flex-direction:column;background:var(--surface);border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom);animation:rise .34s var(--out);transition:transform .2s var(--out),opacity .2s}.viewer.closing .panel{transform:translateY(30%);opacity:0}@keyframes rise{0%{transform:translateY(40%);opacity:0}}.panel>header{display:flex;align-items:center;gap:10px;padding:10px 6px 4px 14px}.panel>header strong,.panel>header small{display:block}.reacts{display:flex;gap:4px;padding:4px 10px 8px;overflow-x:auto;scrollbar-width:none}.react{min-width:44px;height:40px;padding:0 10px;border-radius:20px;display:flex;align-items:center;justify-content:center;gap:5px;flex:none;font-size:19px;transition:transform .3s var(--spring),background-color .15s,color .15s}.react b{font-size:13px}.react:hover{background:var(--raised)}.react.on{background:color-mix(in srgb,var(--accent) 18%,transparent)}.react.heart.on{color:var(--accent)}.thread{flex:1;min-height:0;overflow-y:auto;padding:4px 14px 10px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);overscroll-behavior:contain}.caption{padding-top:10px;font-size:16px}.comment{display:flex;gap:10px;animation:slide-up .3s var(--out)}.comment p{overflow-wrap:anywhere}.gif{display:block;max-width:200px;max-height:200px;border-radius:12px;margin-top:4px}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}}.bubble{display:flex;align-items:flex-end;gap:6px;max-width:82%;animation:pop-in .28s var(--spring);transform-origin:bottom left}.bubble span:last-child{background:var(--raised);padding:8px 13px;border-radius:18px 18px 18px 5px;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;transform-origin:bottom right}.bubble.mine span:last-child{background:var(--accent);color:var(--on-accent);border-radius:18px 18px 5px}.together{display:flex;align-items:center;gap:10px;margin:0 10px 8px;padding:8px 8px 8px 14px;border-radius:99px;background:var(--raised);font-size:14px;animation:pop-in .4s var(--spring)}.together .stack{min-width:0;min-height:0}.together.calling{animation:pop-in .4s var(--spring),call 1.2s ease-in-out .4s infinite}@keyframes call{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 35%,transparent)}}.compose{display:flex;align-items:center;gap:6px;padding:4px 8px 10px 10px}.gif-btn{font-weight:800;font-size:12px;letter-spacing:.04em;height:44px;padding:0 10px;border-radius:22px;color:var(--muted);transition:transform .3s var(--spring),color .15s}.gif-btn.on{color:var(--accent)}.send{color:var(--muted)}.send.ready{background:var(--accent);color:var(--on-accent);animation:pop-in .25s var(--spring)}.gifs{padding:0 10px 8px;display:grid;gap:8px;animation:slide-up .2s var(--out)}.gif-grid{display:grid;grid-auto-flow:column;grid-auto-columns:100px;gap:4px;overflow-x:auto;height:100px}.gif-grid button,.gif-one{border-radius:10px;overflow:hidden;background:var(--raised)}.gif-grid img{width:100%;height:100%;object-fit:cover;display:block}.gif-one img{max-height:140px;display:block}@media (min-width: 860px){.viewer{flex-direction:row}.stage{flex:1;padding:24px}.panel{flex:0 0 380px;border-radius:0;animation-name:slide-in}.viewer.closing .panel{transform:translate(30%)}@keyframes slide-in{0%{transform:translate(40%);opacity:0}}}.sheet-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;align-items:end;justify-items:center}.sheet-wrap .scrim{animation:fade .25s var(--out)}.sheet{position:relative;z-index:9;width:min(100%,480px);display:grid;gap:10px;background:var(--surface);border-radius:22px 22px 0 0;padding:8px 16px calc(18px + env(safe-area-inset-bottom));animation:rise .36s cubic-bezier(.2,.9,.25,1.08)}.sheet header{display:flex;align-items:center;margin-right:-10px}.drop{display:grid;place-items:center;min-height:96px;padding:12px;border-radius:16px;border:2px dashed var(--line);color:var(--muted);cursor:pointer;text-align:center;overflow-wrap:anywhere;transition:border-color .15s,color .15s,transform .3s var(--spring)}.drop:hover{border-color:var(--accent);color:var(--text)}.drop:active{transform:scale(.98);transition-duration:.05s}@media (min-width: 600px){.sheet-wrap{align-items:center}.sheet{border-radius:22px;padding-top:12px}}.who{min-height:100dvh;display:grid;align-content:center;justify-items:center;gap:28px;padding:32px 20px}.who h1{font-size:26px}.who-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:520px}.who-grid button{display:grid;justify-items:center;gap:8px;width:104px;padding:12px 4px;border-radius:16px;animation:pop-in .4s var(--spring) backwards;transition:transform .3s var(--spring),background-color .15s}.who-grid button:hover{background:var(--surface);transform:translateY(-3px)}.who-grid button:active{transform:scale(.92);transition-duration:.05s}.who .compose{width:min(100%,380px);padding:0}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;overflow:hidden;transition:opacity .4s;cursor:pointer}.intro[data-phase=out]{opacity:0;pointer-events:none}.intro-photos,.intro-photo,.intro-mask,.intro-solid{position:absolute;top:0;right:0;bottom:0;left:0}.intro-photos{overflow:hidden}.intro-photo{background:center / cover no-repeat;will-change:opacity,transform;animation:dissolve var(--d) ease-out both,drift 4.5s linear both}@keyframes dissolve{0%,20%{opacity:0;filter:brightness(2.2) contrast(1.3) saturate(.5)}60%{opacity:.85;filter:brightness(1.35) contrast(1.1) saturate(.85)}to{opacity:1;filter:none}}.intro-photo.burn{mix-blend-mode:screen;animation-name:burn,drift}@keyframes burn{0%{opacity:0;filter:brightness(1.5) contrast(2.2) saturate(.3) sepia(.5)}40%{opacity:1;filter:brightness(1.25) contrast(1.6) saturate(.6) sepia(.25)}to{opacity:0;filter:brightness(1) contrast(1.2)}}@keyframes drift{0%{transform:scale(1.14) translate(var(--pan))}to{transform:scale(1.02)}}.intro-leak{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle at var(--x) var(--y),#ffb36bcc,#ff5a3c55 28%,transparent 60%);animation:leak var(--d) ease-out both}@keyframes leak{0%{opacity:0;transform:translate(-6%)}35%{opacity:.75}to{opacity:0;transform:translate(6%)}}.intro-grade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 45%,#000b 115%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}.intro-mask,.intro-solid{display:grid;place-items:center}.intro h1{font:900 min(31vw,46vh) / .86 Impact,"Arial Narrow","Roboto Condensed",system-ui,sans-serif;letter-spacing:-.01em;color:#fff;padding:.04em .1em 0;white-space:nowrap}.intro-mask{background:#000;mix-blend-mode:multiply;opacity:0;transition:opacity 1s var(--out)}.intro-mask h1{transform:scale(2.8);transition:transform 1.4s var(--out)}.intro:is([data-phase=reveal],[data-phase=solid],[data-phase=out]) .intro-mask{opacity:1}.intro:is([data-phase=reveal],[data-phase=solid],[data-phase=out]) .intro-mask h1{transform:none}.intro-solid h1{background:var(--accent);clip-path:inset(0 100% 0 0);transition:clip-path .5s var(--out)}.intro:is([data-phase=solid],[data-phase=out]) .intro-solid h1{clip-path:inset(0)}.emoji{font-size:21px;text-decoration:none}.toast{position:fixed;z-index:15;top:calc(var(--top) + 8px);left:12px;right:12px;margin:0 auto;width:fit-content;max-width:calc(100vw - 24px);display:flex;align-items:center;gap:10px;padding:6px 6px 6px 16px;border-radius:99px;background:var(--surface);box-shadow:0 8px 28px #0006,0 0 0 1px var(--line);animation:drop-in .45s var(--spring)}.toast>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast .hand{display:inline-block;transform-origin:70% 80%;animation:wave 1.1s ease-in-out 2}@keyframes drop-in{0%{opacity:0;transform:translateY(-30px) scale(.8)}}@keyframes wave{20%,60%{transform:rotate(18deg)}40%,80%{transform:rotate(-10deg)}}.page{max-width:560px;margin:0 auto;padding:12px 16px;display:grid;gap:10px;animation:slide-up .3s var(--out)}.tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:4px 16px}.tabs button{display:grid;justify-items:center;gap:4px;min-width:64px;padding:8px 4px;border-radius:14px;font-size:12.5px;color:var(--muted);transition:transform .3s var(--spring),background-color .15s,color .15s}.tabs button:active{transform:scale(.92);transition-duration:.05s}.tabs button.on{background:var(--surface);color:var(--text);font-weight:600}.item{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 6px 6px 14px;border-radius:14px;background:var(--surface);animation:slide-up .3s var(--out)}.item a{color:inherit}.item .pill{padding:8px 14px;font-size:13.5px}.pill.got{background:var(--live);color:#04130b}.add{display:grid;gap:8px;padding-top:6px}.add .line{display:flex;gap:8px;align-items:center}.check{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--muted);white-space:nowrap;cursor:pointer}.check input{width:18px;height:18px;accent-color:var(--accent)}.month{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:10px}.day{width:40px;text-align:center;flex:none;line-height:1.15}.day b{display:block;font-size:19px}.day small{text-transform:uppercase;font-size:10.5px;letter-spacing:.06em}.item.today{box-shadow:inset 0 0 0 2px var(--accent)}.hero{display:grid;justify-items:center;gap:6px;text-align:center;padding:26px 16px;border-radius:22px;background:var(--surface)}.hero .avatar{margin:8px 0 4px;transition:background-color .08s}.hero .name{font-size:26px;font-weight:700;line-height:1.1}.hero .sum{font-size:15px;color:var(--muted)}.hero .pill{margin-top:10px;text-decoration:none}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:flex;align-items:center;gap:6px;padding:4px 12px 4px 4px;border-radius:99px;background:var(--surface);font-size:13.5px;animation:pop-in .35s var(--spring)}.chip.done{opacity:.5}.money{display:flex;align-items:center;gap:4px}.money input{width:120px}.draw{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--bg);padding:24px;display:grid;place-content:center;justify-items:center;gap:26px;text-align:center;animation:fade .25s var(--out);cursor:pointer;-webkit-user-select:none;user-select:none}.draw-title{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.ring{--r: min(34vw, 150px);position:relative;width:calc(var(--r) * 2 + 72px);aspect-ratio:1}.seat{position:absolute;left:50%;top:50%;margin:-28px;border-radius:50%;transform:rotate(var(--a)) translateY(calc(var(--r) * -1)) rotate(calc(var(--a) * -1));transition:transform .55s var(--spring),scale .55s var(--spring),opacity .3s,filter .3s}.seat .avatar{transition:transform .3s var(--spring),box-shadow .25s}.seat.out{opacity:.22;filter:grayscale(1)}.draw[data-stage=ready] .seat .avatar{animation:bob 2.4s ease-in-out var(--d) infinite}@keyframes bob{50%{transform:translateY(-5px)}}.seat.hot .avatar{transform:scale(1.4);box-shadow:0 0 0 4px var(--bg),0 0 0 8px var(--c),0 0 30px 4px var(--c);transition-duration:.05s}.draw[data-stage=stop] .seat:not(.hot){opacity:.15}.draw[data-stage=reveal] .seat:not(.win){opacity:0;scale:.4}.draw[data-stage=reveal] .seat.win{transform:none;scale:2.5;z-index:1}.seat.win:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#fff;animation:flash .28s ease-out forwards}@keyframes flash{0%{opacity:.9}to{opacity:0}}.draw-go{position:absolute;left:50%;top:50%;width:104px;height:104px;margin:-52px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:20px;font-weight:800;letter-spacing:.04em;box-shadow:0 8px 30px color-mix(in srgb,var(--accent) 50%,transparent);animation:beat 1.3s ease-in-out infinite;transition:transform .3s var(--spring)}.draw-go:active{transform:scale(.86);transition-duration:.05s;animation:none}@keyframes beat{50%{transform:scale(1.07);box-shadow:0 8px 44px color-mix(in srgb,var(--accent) 75%,transparent)}}.draw-result{height:104px;display:grid;align-content:start;justify-items:center;gap:4px}.draw-result strong{font-size:34px;font-weight:800;line-height:1.1;animation:pop-in .5s var(--spring) .12s backwards}.draw-result span:not(.hint){font-size:16px;animation:slide-up .4s var(--out) .3s backwards}.draw-result small{margin-top:10px;animation:fade .5s 1.2s backwards}.badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:inline-grid;place-items:center;background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:700;line-height:1;animation:pop-in .4s var(--spring)}.top .icon{position:relative}.top .icon .badge{position:absolute;top:4px;right:2px;box-shadow:0 0 0 2px var(--bg)}.side nav .badge{margin-left:auto}.fx-bit{position:fixed;z-index:200;pointer-events:none;will-change:transform,opacity;line-height:1}