*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f14;--surface: #1a1a25;--surface2: #22222f;--border: rgba(255,255,255,.08);--text: #f0f0f5;--muted: #8888a0;--accent: #9b59f5;--radius: 12px;font-family:Poppins,system-ui,sans-serif}html,body,#root{height:100%;width:100%;background:var(--bg);color:var(--text)}.join-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(ellipse at 30% 20%,rgba(155,89,245,.15),transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(255,105,180,.1),transparent 60%),var(--bg)}.join-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:2.5rem 2rem;box-shadow:0 24px 60px #00000080}.join-header{text-align:center;margin-bottom:2rem}.join-emoji{font-size:3rem;display:block;margin-bottom:.5rem}.join-header h1{font-size:1.9rem;font-weight:800;background:linear-gradient(90deg,#ff69b4,#89cff0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.join-header p{color:var(--muted);margin-top:.4rem;font-size:.9rem}.join-form{display:flex;flex-direction:column;gap:1.1rem}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-size:.8rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.field input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem 1rem;color:var(--text);font-size:.95rem;font-family:inherit;transition:border-color .2s;outline:none}.field input:focus{border-color:var(--accent)}.field-hint{font-size:.75rem;color:var(--muted)}.host-toggle{display:flex;align-items:center;gap:.7rem;cursor:pointer;font-size:.9rem;color:var(--muted);-webkit-user-select:none;user-select:none}.host-toggle input{display:none}.toggle-box{width:18px;height:18px;border:2px solid var(--border);border-radius:4px;flex-shrink:0;transition:background .2s,border-color .2s;position:relative}.host-toggle input:checked~.toggle-box{background:var(--accent);border-color:var(--accent)}.host-toggle input:checked~.toggle-box:after{content:"";position:absolute;left:3px;top:0;width:5px;height:9px;border:2px solid white;border-top:none;border-left:none;transform:rotate(40deg)}.btn-join{margin-top:.4rem;padding:.85rem;background:linear-gradient(135deg,#9b59f5,#7c3aed);border:none;border-radius:var(--radius);color:#fff;font-size:1rem;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .2s,transform .1s}.btn-join:hover{opacity:.9;transform:translateY(-1px)}.btn-join:active{transform:translateY(0)}.call-screen{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;padding-bottom:68px}.call-main{flex:1;overflow:hidden;transition:margin-right .3s ease}.call-main.poll-open{margin-right:290px}.media-error{background:#dc323226;border:1px solid rgba(220,50,50,.3);color:#fca5a5;font-size:.8rem;padding:.5rem 1rem;text-align:center}.video-grid{width:100%;height:100%;display:grid;gap:6px;padding:6px;overflow:hidden;align-content:center}.video-grid.count-1{grid-template-columns:1fr}.video-grid.count-2,.video-grid.count-3,.video-grid.count-4{grid-template-columns:repeat(2,1fr)}.video-grid.count-5,.video-grid.count-6,.video-grid.count-7,.video-grid.count-8,.video-grid.count-9{grid-template-columns:repeat(3,1fr)}.video-grid.count-10,.video-grid.count-11,.video-grid.count-12,.video-grid.count-13,.video-grid.count-14,.video-grid.count-15,.video-grid.count-16{grid-template-columns:repeat(4,1fr)}.video-tile{position:relative;background:var(--surface);border-radius:10px;overflow:hidden;aspect-ratio:4/3;border:1px solid var(--border)}.video-tile video{width:100%;height:100%;object-fit:cover;display:block}.video-tile.local video{transform:scaleX(-1)}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface2)}.avatar-letter{font-size:2.5rem;font-weight:700;color:var(--muted);width:64px;height:64px;border-radius:50%;background:var(--surface);display:flex;align-items:center;justify-content:center}.tile-label{position:absolute;bottom:0;left:0;right:0;padding:1.5rem .6rem .4rem;background:linear-gradient(transparent,#000000b3);font-size:.78rem;font-weight:600;display:flex;align-items:center;gap:.4rem}.you-badge{font-size:.65rem;background:var(--accent);border-radius:4px;padding:.1em .4em}.host-controls{position:fixed;bottom:calc(68px + .8rem);left:50%;transform:translate(-50%);z-index:50}.host-controls-inner{background:#141420eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:1rem 1.4rem;display:flex;align-items:center;gap:1rem;box-shadow:0 8px 30px #0006}.host-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);white-space:nowrap}.gender-choice{display:flex;gap:.5rem}.btn-gender{padding:.5rem 1.1rem;border:2px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--text);font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s}.btn-gender:hover{border-color:#fff3}.btn-gender.boy.selected{border-color:#0096ff;background:#0096ff33;color:#89cff0}.btn-gender.girl.selected{border-color:#ff69b4;background:#ff69b433;color:#ffb6c1}.btn-reveal{padding:.6rem 1.4rem;background:linear-gradient(135deg,#ff69b4,#9b59f5);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;transition:opacity .2s,transform .1s;white-space:nowrap}.btn-reveal:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-reveal:not(:disabled):hover{opacity:.9;transform:scale(1.03)}.btn-reveal.confirm{background:linear-gradient(135deg,#f59e0b,#ef4444)}.confirm-row{display:flex;align-items:center;gap:.6rem}.confirm-text{font-size:.85rem;white-space:nowrap;color:var(--muted)}.btn-cancel{padding:.5rem .8rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:.8rem;font-family:inherit;cursor:pointer}.btn-cancel:hover{border-color:#fff3;color:var(--text)}.reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.btn-close-reveal{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:999;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:20px;color:#fff;padding:.5rem 1.4rem;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;animation:fadeInDown .4s ease;transition:background .2s}.btn-close-reveal:hover{background:#ffffff40}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.reveal-caption{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:1.2rem;z-index:10;pointer-events:none;opacity:0;transform:scale(.6);transition:opacity .55s ease,transform .55s cubic-bezier(.34,1.56,.64,1)}.reveal-caption.show{opacity:1;transform:scale(1)}.reveal-emoji-big{font-size:clamp(2.5rem,5vw,4rem);filter:drop-shadow(0 4px 16px rgba(0,0,0,.4))}.reveal-headline{font-size:clamp(2.8rem,8vw,6rem);font-weight:900;color:#fff;white-space:nowrap;letter-spacing:-.02em;text-shadow:0 4px 24px rgba(0,0,0,.5),0 0 60px rgba(255,255,255,.3)}.hc-section{display:flex;flex-direction:column;gap:.5rem}.hc-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.hc-row{display:flex;gap:.5rem}.hc-divider{width:1px;background:var(--border);align-self:stretch;margin:0 .2rem}.hc-anim-grid{display:flex;flex-direction:row;gap:.35rem}.btn-anim{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .3rem;background:var(--surface2);border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s;min-width:54px}.btn-anim:hover{border-color:#fff3}.btn-anim.selected{border-color:var(--accent);background:#9b59f533}.btn-anim-emoji{font-size:1.15rem}.btn-anim-label{font-size:.55rem;color:var(--muted);white-space:nowrap}.btn-anim.selected .btn-anim-label{color:var(--text)}.hc-confirm{display:flex;align-items:center;gap:.6rem}.hc-confirm-text{font-size:.82rem;color:var(--muted);white-space:nowrap}.anim-smoke{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center}.smoke-puff{position:absolute;border-radius:50%;background:radial-gradient(circle at center,var(--primary) 0%,var(--secondary) 35%,transparent 70%);filter:blur(55px);opacity:0;animation:smokePuff var(--dur, 3s) ease-out var(--delay, 0s) forwards;mix-blend-mode:screen;margin-left:calc(var(--size, 400px) / -2);margin-top:calc(var(--size, 400px) / -2)}@keyframes smokePuff{0%{opacity:0;transform:scale(0)}22%{opacity:.55}65%{opacity:.4}to{opacity:.16;transform:scale(1) translate(var(--dx, 0px),var(--dy, 0px))}}.anim-paint{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.paint-blob{position:absolute;opacity:0;animation:paintSplat .55s cubic-bezier(.23,1,.32,1) forwards}@keyframes paintSplat{0%{transform:scale(0);opacity:.95}70%{transform:scale(1.06)}to{transform:scale(1);opacity:.88}}.paint-tl{top:-5%;left:-5%;width:58vw;height:58vh;border-radius:0 55% 42% 48%;transform-origin:top left}.paint-tr{top:-5%;right:-5%;width:58vw;height:58vh;border-radius:55% 0 48% 42%;transform-origin:top right}.paint-bl{bottom:-5%;left:-5%;width:58vw;height:58vh;border-radius:48% 42% 0 55%;transform-origin:bottom left}.paint-br{bottom:-5%;right:-5%;width:58vw;height:58vh;border-radius:42% 48% 55% 0;transform-origin:bottom right}.paint-tc{top:-8%;left:50%;width:40vw;height:35vh;border-radius:0 0 55% 55%;transform-origin:top center;margin-left:-20vw}.paint-bc{bottom:-8%;left:50%;width:40vw;height:35vh;border-radius:55% 55% 0 0;transform-origin:bottom center;margin-left:-20vw}.paint-drip{position:absolute;bottom:-12%;left:25%;width:12%;height:40%;border-radius:0 0 50% 50%;opacity:.9}.paint-drip-2{left:55%;height:28%;width:8%}.anim-curtain{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.curtain{position:absolute;top:0;bottom:0;width:52%;background:repeating-linear-gradient(90deg,var(--dark) 0px,var(--primary) 18px,var(--dark) 36px,var(--secondary) 54px,var(--dark) 72px);box-shadow:inset 0 0 40px #00000080;transition:transform .9s cubic-bezier(.77,0,.18,1);z-index:2}.curtain-l{left:0;transform-origin:left;box-shadow:4px 0 20px #0009}.curtain-r{right:0;transform-origin:right;box-shadow:-4px 0 20px #0009}.curtain-tassel{position:absolute;bottom:0;left:0;right:0;height:40px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 8px,var(--secondary) 8px,var(--secondary) 10px);opacity:.7}.curtain-folds{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 2px,transparent 2px,transparent 18px)}.curtain-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--primary);opacity:0;z-index:1;pointer-events:none}.anim-curtain.phase-idle .curtain-l{transform:translate(-100%)}.anim-curtain.phase-idle .curtain-r{transform:translate(100%)}.anim-curtain.phase-closing .curtain-l,.anim-curtain.phase-closing .curtain-r,.anim-curtain.phase-burst .curtain-l,.anim-curtain.phase-burst .curtain-r{transform:translate(0)}.anim-curtain.phase-burst .curtain-flash{animation:curtainFlash .6s ease-out forwards}@keyframes curtainFlash{0%{opacity:0}30%{opacity:.8}to{opacity:0}}.anim-curtain.phase-opening .curtain-l,.anim-curtain.phase-open .curtain-l{transform:translate(-100%)}.anim-curtain.phase-opening .curtain-r,.anim-curtain.phase-open .curtain-r{transform:translate(100%)}.anim-curtain .reveal-caption.show{background:#00000059;border-radius:20px;padding:1.5rem 2.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.anim-polaroid{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c}.polaroid-card{width:min(380px,80vw);background:#faf9f5;border-radius:4px;box-shadow:0 20px 60px #0009,0 0 0 1px #0000001a;overflow:hidden;animation:polaroidDrop .6s cubic-bezier(.34,1.56,.64,1) both;transform-origin:top center}@keyframes polaroidDrop{0%{transform:translateY(-120%) rotate(-8deg);opacity:0}to{transform:translateY(0) rotate(-1.5deg);opacity:1}}.polaroid-photo{position:relative;width:100%;aspect-ratio:1;background:#1a1a1a;overflow:hidden}.polaroid-static{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:cover;opacity:1;transition:opacity 1.5s ease;filter:grayscale(1) contrast(1.8)}.polaroid-static.fade-out{opacity:0}.polaroid-color{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 2s ease .3s}.polaroid-color.fade-in{opacity:1}.polaroid-center-emoji{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:5rem;opacity:0;transform:scale(.3);transition:opacity .5s ease .5s,transform .5s cubic-bezier(.34,1.56,.64,1) .5s;z-index:1}.polaroid-center-emoji.show{opacity:1;transform:scale(1)}.polaroid-strip{padding:1rem 1rem 1.5rem;background:#faf9f5;min-height:70px;display:flex;align-items:center;justify-content:center}.polaroid-label{font-size:1.4rem;font-weight:800;color:#222;opacity:0;transform:scale(.8);transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1);display:block;text-align:center}.polaroid-label.show{opacity:1;transform:scale(1)}.anim-fireworks{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7}.fireworks-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.anim-heartbeat{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center}.ecg-container{position:relative;width:90vw;max-width:800px}.ecg-svg{width:100%;height:auto;filter:drop-shadow(0 0 8px var(--primary))}.ecg-path{stroke-dasharray:2000;stroke-dashoffset:2000;transition:stroke-dashoffset 3.4s linear}.ecg-flatline{animation:flatlinePulse .4s ease-in-out infinite alternate}@keyframes flatlinePulse{0%{opacity:.6}to{opacity:1}}.ecg-scanline{position:absolute;top:0;bottom:0;width:3px;background:linear-gradient(transparent,var(--primary),transparent);animation:scanScroll 3.4s linear forwards;opacity:.6}@keyframes scanScroll{0%{left:0}to{left:100%}}.heartbeat-flash{position:fixed;top:0;right:0;bottom:0;left:0;animation:hbFlash .5s ease-out forwards}@keyframes hbFlash{0%{opacity:0}30%{opacity:1}to{opacity:0}}.heartbeat-show{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.anim-shockwave{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080}.shockwave-ring{position:absolute;width:80px;height:80px;border-radius:50%;border:4px solid var(--primary);box-shadow:0 0 20px var(--primary),inset 0 0 20px #ffffff1a;animation:shockExpand 2s ease-out forwards;opacity:0}@keyframes shockExpand{0%{transform:scale(0);opacity:1}60%{opacity:.6}to{transform:scale(18);opacity:0}}.shockwave-core{position:absolute;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,var(--secondary) 0%,var(--primary) 60%,transparent 100%);box-shadow:0 0 40px var(--primary),0 0 80px var(--secondary);animation:corePulse 1.5s ease-in-out infinite alternate}@keyframes corePulse{0%{transform:scale(.9);box-shadow:0 0 40px var(--primary)}to{transform:scale(1.1);box-shadow:0 0 80px var(--primary),0 0 120px var(--secondary)}}.suspense-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.suspense-wash{position:absolute;top:0;right:0;bottom:0;left:0;transition:background .12s ease,opacity .12s ease;pointer-events:none}.suspense-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center}.suspense-emoji{font-size:clamp(5rem,14vw,9rem);display:block;filter:drop-shadow(0 6px 20px rgba(0,0,0,.5));animation:suspensePop .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes suspensePop{0%{transform:scale(.2) rotate(-15deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.suspense-question{font-size:clamp(1.6rem,4vw,2.8rem);font-weight:800;color:#fff;text-shadow:0 3px 16px rgba(0,0,0,.6);letter-spacing:-.02em}.suspense-status{font-size:clamp(1rem,2.5vw,1.4rem);font-weight:600;color:#ffffffd9;text-shadow:0 2px 10px rgba(0,0,0,.5);animation:statusFade .3s ease both}@keyframes statusFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.suspense-bar-track{position:fixed;bottom:0;left:0;right:0;height:6px;background:#ffffff26;z-index:10}.suspense-bar-fill{height:100%;transition:width .1s linear,background .12s ease;border-radius:0 3px 3px 0;box-shadow:0 0 10px currentColor}.suspense-flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;animation:suspenseFlash .35s ease-out forwards}@keyframes suspenseFlash{0%{opacity:1}to{opacity:0}}.bottom-bar{position:fixed;bottom:0;left:0;right:0;height:68px;background:#0f0f14eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:1.2rem;z-index:100}.ctrl-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.45rem 1.1rem;background:var(--surface2);border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;min-width:68px}.ctrl-btn:hover{background:#ffffff14;transform:translateY(-1px)}.ctrl-btn:active{transform:translateY(0)}.ctrl-btn.active{border-color:var(--accent);background:#9b59f52e}.ctrl-icon{font-size:1.3rem;line-height:1}.ctrl-label{font-size:.65rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.ctrl-btn.mute-btn{border-color:#4ade8066}.ctrl-btn.mute-btn.muted{border-color:#f8717180;background:#dc323226}.ctrl-btn.mute-btn.muted .ctrl-label{color:#f87171}.ctrl-btn.leave-btn{border-color:#dc323266}.ctrl-btn.leave-btn:hover{background:#dc323233;border-color:#dc3232b3}.poll-panel{position:fixed;top:0;right:0;bottom:68px;width:290px;background:#14141ef5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--border);display:flex;flex-direction:column;gap:1rem;padding:1.2rem 1rem;overflow-y:auto;z-index:90;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.poll-panel.open{transform:translate(0)}.poll-header{display:flex;align-items:center;justify-content:space-between}.poll-title{font-size:1rem;font-weight:700}.poll-count{font-size:.75rem;color:var(--muted);background:var(--surface2);border-radius:20px;padding:.15rem .5rem}.poll-vote-row{display:flex;gap:.6rem}.poll-btn{flex:1;padding:.7rem .5rem;border:2px solid var(--border);border-radius:12px;font-size:.95rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s;background:var(--surface2);color:var(--text)}.poll-btn-boy:hover{border-color:#0096ff;background:#0096ff26}.poll-btn-girl:hover{border-color:#ff69b4;background:#ff69b426}.poll-voted-msg{font-size:.85rem;color:var(--muted);text-align:center;padding:.5rem;background:var(--surface2);border-radius:8px}.poll-voted-msg strong{color:var(--text)}.poll-results{display:flex;flex-direction:column;gap:.6rem}.poll-bar-row{display:flex;align-items:center;gap:.5rem}.poll-bar-label{font-size:.78rem;font-weight:600;white-space:nowrap;min-width:54px}.poll-bar-track{flex:1;height:8px;background:var(--surface2);border-radius:4px;overflow:hidden}.poll-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.poll-bar-fill.boy{background:linear-gradient(90deg,#003d7a,#0096ff)}.poll-bar-fill.girl{background:linear-gradient(90deg,#880e4f,#ff69b4)}.poll-bar-stat{font-size:.72rem;color:var(--muted);white-space:nowrap;min-width:52px;text-align:right}.poll-bar-stat em{font-style:normal;opacity:.7}.poll-voter-list{display:flex;flex-direction:column;gap:.7rem;border-top:1px solid var(--border);padding-top:.8rem}.poll-voter-group{display:flex;flex-direction:column;gap:.4rem}.poll-voter-heading{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.poll-chips{display:flex;flex-wrap:wrap;gap:.35rem}.poll-chip{font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:20px}.poll-chip.boy{background:#0096ff33;color:#89cff0;border:1px solid rgba(0,150,255,.3)}.poll-chip.girl{background:#ff69b433;color:#ffb6c1;border:1px solid rgba(255,105,180,.3)}.video-tile:has(.tile-muted-badge){box-shadow:0 0 0 2px #f8717166}.tile-muted-badge{position:absolute;top:.4rem;right:.4rem;font-size:1rem;z-index:4;filter:drop-shadow(0 1px 4px rgba(0,0,0,.6));pointer-events:none}.tile-host-mute{position:absolute;top:.4rem;left:.4rem;z-index:5;background:#0000008c;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:.25rem .4rem;font-size:.85rem;cursor:pointer;opacity:0;transition:opacity .15s}.video-tile:hover .tile-host-mute{opacity:1}.tile-host-mute:hover{background:#dc323280;border-color:#dc323280}.tile-host-mute.is-muted{opacity:.5;cursor:default}.tile-mic-off{display:none}