.challenge-toast{background:color-mix(in oklab, var(--color-surface) 92%, transparent);box-shadow:0 30px 70px -25px #000000f2, inset 0 0 0 1px var(--color-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:toast-in .52s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1)) both;border-radius:1.5rem;padding:1rem 1rem 1.15rem;position:relative;overflow:hidden}.challenge-toast:before{content:"";opacity:.12;filter:blur(40px);pointer-events:none;background:#ffc857;border-radius:999px;width:12rem;height:12rem;position:absolute;inset:-40% -20% auto auto}.challenge-toast-out{animation:.22s ease-in both toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(12px)scale(.98)}}.toast-timer{background:var(--color-line);height:3px;position:absolute;inset:auto 0 0}.toast-timer>span{background:linear-gradient(90deg, #ffc857, var(--color-warm));transform-origin:0;height:100%;animation-name:toast-drain;animation-timing-function:linear;animation-fill-mode:both;display:block}@keyframes toast-drain{0%{transform:scaleX(var(--from,1))}to{transform:scaleX(0)}}.toast-ping{border:2px solid #ffc857;border-radius:999px;animation:1.6s ease-out infinite ping-ring;position:absolute;inset:-3px}@keyframes ping-ring{0%{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}.inbox-badge{animation:badge-pop .48s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1))}@keyframes badge-pop{0%{transform:scale(.4)}60%{transform:scale(1.18)}to{transform:none}}.social-dialog{animation:settle .35s var(--ease-out-expo,ease-out)}.social-dialog::backdrop,.social-drawer::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050508b3}.social-drawer[open]{animation:drawer-up .42s var(--ease-out-expo,ease-out)}@keyframes drawer-up{0%{transform:translateY(100%)}to{transform:none}}.report-reason>span{height:2.25rem;color:var(--color-muted);box-shadow:inset 0 0 0 1px var(--color-line);cursor:pointer;border-radius:999px;align-items:center;padding:0 .9rem;font-size:.875rem;transition:color .15s,background-color .15s,transform .15s;display:inline-flex}.report-reason>span:hover{color:var(--color-fg)}.report-reason>input:checked+span{color:var(--color-fg);background:color-mix(in oklab, var(--color-warm) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-warm) 60%, transparent)}.report-reason>input:focus-visible+span{outline:2px solid var(--color-accent-soft);outline-offset:2px}.chat-msg{animation:chat-in .26s var(--ease-out-expo,ease-out) backwards}@keyframes chat-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.reaction-float{animation:float-up 1.8s var(--ease-out-expo,ease-out) forwards;will-change:transform, opacity;font-size:1.75rem;position:absolute;bottom:0}.fab-reaction{font-size:1.35rem;bottom:60%;left:30%}@keyframes float-up{0%{opacity:0;transform:translateY(0)scale(.6)}15%{opacity:1;transform:translateY(-12px)scale(1.1)}to{opacity:0;transform:translateY(-110px)scale(1)}}.voice-peer[data-speaking=true],.voice-self[data-speaking=true],.dock-fab[data-speaking=true]{box-shadow:0 0 0 2px var(--color-hit), 0 0 18px -2px var(--color-hit)}.voice-peer,.voice-self,.dock-fab{transition:box-shadow .16s ease-out,background-color .15s,transform .15s}@media (prefers-reduced-motion:reduce){.challenge-toast,.challenge-toast-out,.inbox-badge,.social-dialog,.social-drawer[open],.chat-msg{animation:none}.toast-ping{opacity:0;animation:none}.reaction-float{animation-duration:1ms}.toast-timer>span{transform:scaleX(var(--from,1));animation:none}}:root{--dock-w:20rem}@media (min-width:1280px){:root{--dock-w:22rem}}.dock-edge{width:var(--dock-w);animation:dock-in .38s var(--ease-out-expo,ease-out)}.dock-edge:before{content:"";background:linear-gradient(180deg, transparent, color-mix(in oklab, var(--color-accent) 60%, transparent) 30%, transparent 85%);pointer-events:none;width:1px;position:absolute;inset:0 auto 0 -1px}@keyframes dock-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@media (min-width:1024px){html[data-dock=open] .dock-pad{padding-right:max(2rem, calc(var(--dock-w) + 2rem - (100vw - 80rem) / 2));transition:padding-right .38s var(--ease-out-expo,ease-out)}}.dock-live{box-shadow:0 0 0 3px color-mix(in oklab, var(--color-hit) 25%, transparent)}.dock-pill{box-shadow:0 18px 40px -16px #000000e6, 0 0 24px -8px color-mix(in oklab, var(--color-accent) 55%, transparent);animation:dock-pill-in .42s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1)) both}.dock-pill[data-speaking=true]{box-shadow:0 0 0 3px var(--color-hit), 0 18px 40px -16px #000000e6}@keyframes dock-pill-in{0%{opacity:0;transform:translateY(12px)scale(.9)}to{opacity:1;transform:none}}.streamer-blur{filter:blur(5px);-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.dock-edge,.dock-pill{animation:none}html[data-dock=open] .dock-pad{transition:none}}.people-tag{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;height:1.05rem;padding:0 .4rem;font-size:.6rem;font-weight:700;display:inline-flex}.people-avatar:after{content:"";box-shadow:0 0 0 2px var(--color-hit), 0 0 16px -2px var(--color-hit);opacity:0;pointer-events:none;border-radius:999px;transition:opacity .16s ease-out,transform .16s ease-out;position:absolute;inset:-3px;transform:scale(.92)}.people-avatar[data-speaking=true]:after{opacity:1;animation:.7s ease-in-out infinite alternate speak-ring;transform:none}@keyframes speak-ring{0%{box-shadow:0 0 0 2px var(--color-hit), 0 0 10px -2px var(--color-hit);transform:scale(1)}to{box-shadow:0 0 0 2.5px var(--color-hit), 0 0 22px 0 var(--color-hit);transform:scale(1.07)}}.people-strip{scrollbar-width:none;scroll-snap-type:x proximity}.people-strip::-webkit-scrollbar{display:none}.people-strip>li{scroll-snap-align:start}.people-rows{scrollbar-width:thin}.person-menu{animation:menu-in .18s var(--ease-out-expo,ease-out)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:none}}.people-switch{background:var(--color-line);border-radius:999px;flex-shrink:0;width:2rem;height:1.15rem;transition:background-color .16s;position:relative}.people-switch>span{background:var(--color-muted);width:.85rem;height:.85rem;transition:transform .18s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1)), background-color .16s;border-radius:999px;position:absolute;top:.15rem;left:.15rem}.people-switch.is-on{background:color-mix(in oklab, var(--color-warm) 45%, transparent)}.people-switch.is-on>span{background:#fff;transform:translate(.85rem)}.peer-vol-btn{color:var(--color-muted);background:var(--color-raised);cursor:pointer;transition:transform .16s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1)), background-color .15s ease, color .15s ease}.peer-vol-btn:hover:not(:disabled){color:var(--color-fg);background:color-mix(in oklab, var(--color-accent) 16%, var(--color-raised))}.peer-vol-btn:active:not(:disabled){transform:scale(.88)}.peer-vol-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--color-hit) 55%, transparent);outline:none}@media (prefers-reduced-motion:reduce){.peer-vol-btn{transition:none}}.chat-hidden{background:color-mix(in oklab, var(--color-raised) 70%, transparent);box-shadow:inset 0 0 0 1px var(--color-line)}.voice-stack-dot.is-speaking{animation:.9s ease-out infinite ping-dot}@keyframes ping-dot{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--color-hit) 70%, transparent)}to{box-shadow:0 0 0 7px #0000}}@media (prefers-reduced-motion:reduce){.people-avatar[data-speaking=true]:after,.voice-stack-dot.is-speaking,.person-menu{animation:none}}