@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-cyrillic-wght-normal-C627f1f8.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-vietnamese-wght-normal-rat7GD3o.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-latin-ext-wght-normal-D6H-S6MW.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-latin-wght-normal-D5afBTBx.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-ext-wght-normal-DOFToQv1.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-cyrillic-wght-normal-DayYxulF.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-math-wght-normal-Bl4ZGkZl.woff2)format("woff2-variations");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-symbols-wght-normal-DxQzqQfC.woff2)format("woff2-variations");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F7??,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB??}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-vietnamese-wght-normal-BBxOatbv.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-ext-wght-normal-QAhDxQuo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Onest Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/onest-latin-wght-normal-Dun_Rd-l.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#000;--paper:#fff;--bg:#fff4e0;--main:#ffde59;--pink:#ff6b9d;--blue:#3ec5ff;--green:#7ed957;--purple:#a388ee;--orange:#ff914d;--red:#ff4d4d;--muted:#5b5b5b;--border:3px solid var(--ink);--radius:10px;--shadow:4px 4px 0 0 var(--ink);--shadow-lg:7px 7px 0 0 var(--ink);--shadow-sm:2px 2px 0 0 var(--ink);--font-head:"Unbounded Variable", "Arial Black", system-ui, sans-serif;--font-body:"Onest Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--ctl:54px;--dot:#00000021;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--ink);background-color:var(--bg);background-image:radial-gradient(var(--dot) 1.5px, transparent 1.5px);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background-size:22px 22px;margin:0;font-weight:500}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.05}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.card{background:var(--paper);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.btn{--btn-bg:var(--main);border:var(--border);border-radius:var(--radius);background:var(--btn-bg);min-height:48px;box-shadow:var(--shadow);font-family:var(--font-head);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;gap:.55em;padding:0 1.25em;font-size:.95rem;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:inline-flex}@media (hover:hover){.btn:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translate(2px,2px)}}.btn:active:not(:disabled),.btn[aria-pressed=true]{box-shadow:none;transform:translate(4px,4px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-lg{min-height:60px;padding:0 1.6em;font-size:1.1rem}.btn-block{width:100%}.btn-white{--btn-bg:var(--paper)}.btn-pink{--btn-bg:var(--pink)}.btn-blue{--btn-bg:var(--blue)}.btn-green{--btn-bg:var(--green)}.btn-purple{--btn-bg:var(--purple)}.btn-red{--btn-bg:var(--red);color:#fff}.input,.select{border:var(--border);border-radius:var(--radius);background:var(--paper);width:100%;min-height:52px;box-shadow:var(--shadow);outline:none;padding:0 .9em;font-size:1rem;font-weight:600;transition:box-shadow 80ms}.input:focus,.select:focus{box-shadow:var(--shadow-sm);background:#fffbea}.select{-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 1.5 7 7l5.5-5.5' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .9em center;background-repeat:no-repeat;padding-right:2.4em}.label{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .5em;font-size:.8rem;font-weight:700;display:block}.field+.field{margin-top:1.1rem}.hint{color:var(--muted);margin-top:.4em;font-size:.85rem}.badge{border:2px solid var(--ink);background:var(--paper);white-space:nowrap;border-radius:999px;align-items:center;gap:.35em;padding:.2em .6em;font-size:.75rem;font-weight:800;line-height:1.4;display:inline-flex}.options{gap:.6rem;display:grid}.options.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.options.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.options.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.option{border:var(--border);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-sm);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:.15em;padding:.65em .8em;transition:transform 80ms,box-shadow 80ms,background 80ms;display:flex;position:relative}.option b{font-family:var(--font-head);font-size:.9rem}.option small{color:var(--muted);font-size:.75rem;font-weight:600}.option[aria-checked=true]{background:var(--main);box-shadow:none;transform:translate(2px,2px)}.option.swatch[aria-checked=true]{outline:4px solid var(--ink);outline-offset:-9px;box-shadow:none}.option.swatch[aria-checked=true] span{background:var(--main)}.option[aria-checked=true] small{color:var(--ink)}.option:disabled{opacity:.45;cursor:not-allowed}.option .tag{border:2px solid var(--ink);background:var(--pink);border-radius:6px;padding:0 .45em;font-size:.65rem;font-weight:800;position:absolute;top:-10px;right:8px}.option-icon{text-align:center;align-items:center;padding:.9em .6em}.option-icon svg{margin-bottom:.3em}.option-icon small{text-align:center}.swatch{aspect-ratio:16/10;justify-content:flex-end;align-items:stretch;padding:0;overflow:hidden}.swatch img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.swatch span{border:2px solid var(--ink);background:var(--paper);border-radius:6px;align-self:flex-start;margin:.4em;padding:0 .4em;font-size:.72rem;font-weight:800;position:relative}.swatch.blur-preview{background:repeating-linear-gradient(45deg,#ffe7a3 0 10px,#ffd166 10px 20px);justify-content:center;align-items:center}.swatch.blur-preview.strong{background:repeating-linear-gradient(45deg,#ffc2d4 0 10px,#ff9ebb 10px 20px)}.swatch.blur-preview svg,.swatch.blur-preview span{align-self:center;margin:0}.switch{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;font-weight:700;display:flex}.switch input{-webkit-appearance:none;appearance:none;border:var(--border);background:var(--paper);width:54px;height:30px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:999px;flex:none;margin:0;transition:background .12s;position:relative}.switch input:after{content:"";border:2px solid var(--ink);background:var(--ink);border-radius:50%;width:18px;height:18px;transition:transform .12s;position:absolute;top:3px;left:3px}.switch input:checked{background:var(--green)}.switch input:checked:after{background:var(--paper);transform:translate(24px)}.switch small{color:var(--muted);font-size:.8rem;font-weight:500;display:block}.page{min-height:100%;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.topbar{justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:1200px;margin:0 auto;display:flex}.logo{font-family:var(--font-head);letter-spacing:-.03em;align-items:center;gap:.5em;font-size:1.35rem;font-weight:900;text-decoration:none;display:inline-flex}.logo-mark{border:var(--border);background:var(--main);width:42px;height:42px;box-shadow:var(--shadow-sm);border-radius:10px;place-items:center;display:grid;transform:rotate(-6deg)}.home{flex:1;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);width:100%;max-width:1200px;margin:0 auto;padding:2rem 0;display:grid}.hero p{max-width:34em;margin:0 0 1.8rem;font-size:1.12rem;line-height:1.5}.chips{flex-wrap:wrap;gap:.6rem;display:flex}.chips .badge{box-shadow:var(--shadow-sm);padding:.35em .8em;font-size:.85rem}.chips .badge:nth-child(4n+1){background:var(--main)}.chips .badge:nth-child(4n+2){background:var(--blue)}.chips .badge:nth-child(4n+3){background:var(--green)}.chips .badge:nth-child(4n+4){background:var(--purple)}.join-card{padding:clamp(1.25rem,3vw,2rem);transform:rotate(.6deg)}.join-card h2{margin-bottom:1.25rem;font-size:1.5rem}.divider{font-family:var(--font-head);text-transform:uppercase;align-items:center;gap:.8rem;margin:1.4rem 0;font-size:.8rem;font-weight:700;display:flex}.divider:before,.divider:after{content:"";background:var(--ink);flex:1;height:3px}.row{gap:.75rem;display:flex}.row>.input{flex:1;min-width:0}.error{border:var(--border);border-radius:var(--radius);background:#ffd6d6;margin-top:1rem;padding:.7em .9em;font-weight:700}.prejoin{flex:1;grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);align-items:start;gap:clamp(1.25rem,3vw,2.5rem);width:100%;max-width:1200px;margin:1.5rem auto 0;display:grid}.preview{aspect-ratio:16/9;background:#1d1d1d;position:relative;overflow:hidden}.preview video{object-fit:cover;width:100%;height:100%;display:block}.preview .avatar-wrap{background:var(--purple);place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.preview-controls{gap:.6rem;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.preview-meter{position:absolute;top:12px;left:12px}.prejoin-side{padding:1.5rem}.prejoin-side h2{margin-bottom:.3rem;font-size:1.6rem}.room-code{font-family:var(--font-head);margin-bottom:1.25rem;font-size:.85rem;font-weight:700;display:inline-block}.prejoin-tabs{margin-top:1.25rem}.avatar{width:var(--av,96px);height:var(--av,96px);border:var(--border);background:var(--main);box-shadow:var(--shadow);font-family:var(--font-head);font-weight:900;font-size:calc(var(--av,96px) * .38);-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;display:grid}.room{padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));grid-template:"head head""stage side"minmax(0,1fr)"ctl ctl"/minmax(0,1fr) auto;gap:10px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.room-head{grid-area:head;justify-content:space-between;align-items:center;gap:.75rem;min-height:44px;display:flex}.room-head .logo{font-size:1.05rem}.room-head .logo-mark{width:34px;height:34px}.room-head-right{align-items:center;gap:.5rem;min-width:0;display:flex}.stage{grid-area:stage;min-width:0;min-height:0;position:relative}.grid{place-content:center;gap:12px;padding:4px 8px 8px 4px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.spotlight{grid-template-columns:minmax(0,1fr) clamp(160px,18vw,260px);gap:12px;padding:4px 8px 8px 4px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.spotlight-main{min-width:0;min-height:0;display:grid}.filmstrip{scrollbar-width:thin;flex-direction:column;gap:12px;padding:2px 8px 8px 2px;display:flex;overflow-y:auto}.filmstrip .tile{aspect-ratio:16/9;flex:none}.tile{border:var(--border);border-radius:var(--radius);min-width:0;min-height:0;box-shadow:var(--shadow);contain:layout paint;background:#1d1d1d;transition:box-shadow .15s;position:relative;overflow:hidden}.tile.speaking{box-shadow:0 0 0 4px var(--green), var(--shadow-lg)}.tile video{object-fit:cover;background:#1d1d1d;width:100%;height:100%;display:block}.tile.contain video,.tile.screen video{object-fit:contain;background:#111}.tile.mirror video{transform:scaleX(-1)}.tile .placeholder{background:var(--tile-bg,var(--purple));place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.tile-name{border:2px solid var(--ink);background:var(--paper);max-width:calc(100% - 16px);box-shadow:var(--shadow-sm);border-radius:8px;align-items:center;gap:.35em;padding:.2em .55em;font-size:.82rem;font-weight:800;line-height:1.35;display:inline-flex;position:absolute;bottom:8px;left:8px}.tile-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tile-name .muted-ic{background:var(--red);color:#fff;border-radius:5px;flex:none;place-items:center;width:20px;height:20px;display:grid}.tile-actions{opacity:0;gap:6px;transition:opacity .15s;display:flex;position:absolute;top:8px;right:8px}.tile:hover .tile-actions,.tile:focus-within .tile-actions,.tile-actions.always{opacity:1}.tile-btn{border:2px solid var(--ink);background:var(--paper);width:34px;height:34px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:8px;place-items:center;padding:0;display:grid}.tile-btn[aria-pressed=true]{background:var(--main);box-shadow:none;transform:translate(2px,2px)}.tile-stats{gap:6px;display:flex;position:absolute;top:8px;left:8px}.quality-0{color:#fff;background:var(--red)!important}.quality-1{background:var(--orange)!important}.quality-2{background:var(--green)!important}@media (hover:none){.tile-actions{opacity:1}}.side{flex-direction:column;grid-area:side;width:min(360px,92vw);min-height:0;margin:0 8px 8px 0;display:flex;overflow:hidden}.side-head{border-bottom:var(--border);background:var(--main);justify-content:space-between;align-items:center;padding:.75rem .9rem;display:flex}.side-head h3{font-size:1.05rem}.side-body{flex:1;min-height:0;padding:.9rem;overflow-y:auto}.chat-list{flex-direction:column;gap:.7rem;display:flex}.msg{border:2px solid var(--ink);background:var(--paper);max-width:88%;box-shadow:var(--shadow-sm);word-wrap:break-word;overflow-wrap:anywhere;border-radius:10px 10px 10px 2px;padding:.5em .75em}.msg.mine{background:var(--blue);border-radius:10px 10px 2px;align-self:flex-end}.msg-meta{opacity:.8;margin-bottom:.15em;font-size:.72rem;font-weight:800}.msg a{font-weight:700}.chat-form{border-top:var(--border);gap:.5rem;padding:.75rem;display:flex}.chat-form .input{min-height:46px}.chat-form .btn{min-height:46px;padding:0 .9em}.empty{text-align:center;color:var(--muted);padding:2rem .5rem;font-weight:600}.people{flex-direction:column;gap:.6rem;display:flex}.person{border:2px solid var(--ink);background:var(--paper);border-radius:10px;align-items:center;gap:.7rem;padding:.5rem .6rem;display:flex}.person .avatar{--av:38px;box-shadow:none;border-width:2px}.person-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:800;overflow:hidden}.person-icons{gap:4px;display:flex}.person-icons svg{opacity:.85}.controls{flex-wrap:wrap;grid-area:ctl;justify-content:center;align-items:center;gap:10px;padding-bottom:4px;display:flex}.ctl-group{border:var(--border);background:var(--paper);box-shadow:var(--shadow);border-radius:14px;gap:10px;padding:8px;display:flex}.ctl{min-width:var(--ctl);height:var(--ctl);border:var(--border);background:var(--ctl-bg,var(--paper));box-shadow:var(--shadow-sm);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 10px;transition:transform 80ms,box-shadow 80ms;display:inline-flex;position:relative}.ctl:active:not(:disabled){box-shadow:none;transform:translate(2px,2px)}.ctl.on{--ctl-bg:var(--main)}.ctl.off{--ctl-bg:var(--red);color:#fff}.ctl.active{--ctl-bg:var(--blue)}.ctl.leave{--ctl-bg:var(--red);color:#fff;min-width:calc(var(--ctl) * 1.5)}.ctl:disabled{opacity:.45;cursor:not-allowed}.ctl-label{font-family:var(--font-head);font-size:.66rem;font-weight:700;line-height:1;display:none}.ctl .dot{border:2px solid var(--ink);background:var(--pink);min-width:22px;height:22px;color:var(--ink);border-radius:999px;place-items:center;padding:0 5px;font-size:.7rem;font-weight:900;display:grid;position:absolute;top:-7px;right:-7px}.backdrop{z-index:50;background:#00000073;place-items:center;padding:16px;animation:.12s fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.modal{flex-direction:column;width:min(640px,100%);max-height:min(88vh,100%);animation:.16s cubic-bezier(.2,1.4,.4,1) pop;display:flex;overflow:hidden}.modal-head{border-bottom:var(--border);background:var(--main);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.modal-head h2{font-size:1.25rem}.modal-body{padding:1.2rem;overflow-y:auto}.modal-foot{border-top:var(--border);background:var(--bg);justify-content:flex-end;gap:.75rem;padding:1rem 1.2rem;display:flex}.section{margin-top:1.6rem}.section:first-child{margin-top:0}.tabs{gap:.5rem;margin-bottom:1.2rem;padding:2px 6px 6px 2px;display:flex;overflow-x:auto}.tab{border:var(--border);background:var(--paper);box-shadow:var(--shadow-sm);font-family:var(--font-head);cursor:pointer;border-radius:10px;flex:none;padding:.5em .9em;font-size:.82rem;font-weight:700}.tab[aria-selected=true]{background:var(--ink);color:var(--paper);box-shadow:none;transform:translate(2px,2px)}.note{border:2px dashed var(--ink);border-radius:var(--radius);background:#fffbea;padding:.7em .9em;font-size:.88rem;font-weight:600;line-height:1.45}.toasts{z-index:60;top:max(16px, env(safe-area-inset-top));pointer-events:none;flex-direction:column;align-items:center;gap:.5rem;width:min(480px,100% - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;border:var(--border);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow);padding:.65em 1em;font-weight:700;animation:.16s cubic-bezier(.2,1.4,.4,1) pop}.toast.ok{background:var(--green)}.toast.warn{background:var(--main)}.toast.err{background:#ffb3b3}.toast button{margin-left:.6em}.banner{z-index:55;left:50%;bottom:calc(var(--ctl) + 50px);position:fixed;transform:translate(-50%)}.center-screen{place-items:center;padding:16px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.loader{border:var(--border);background:var(--main);width:54px;height:54px;box-shadow:var(--shadow);border-radius:10px;animation:1s cubic-bezier(.6,0,.4,1) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.94)translateY(6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:900px){.home,.prejoin{grid-template-columns:1fr}.home{padding-top:1rem}.join-card{transform:none}.room{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""stage""ctl"}.side{z-index:40;inset:auto 10px calc(var(--ctl) + 40px) 10px;width:auto;height:min(60vh,520px);margin:0;position:fixed}.spotlight{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.filmstrip{flex-direction:row;overflow:auto hidden}.filmstrip .tile{height:90px}.options.cols-4,.options.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){:root{--ctl:48px}.ctl-group{gap:6px;padding:6px}.controls{gap:6px}.hide-sm{display:none!important}}