:root{--bg:#08111f;--panel:#101c31;--panel2:#172640;--text:#f7fbff;--muted:#94a8c5;--primary:#3b82f6;--danger:#ef4444;--ok:#22c55e;--warn:#f59e0b;--line:#28415f}[data-theme=dark]{--bg:#050506;--panel:#111114;--panel2:#1d1d22;--primary:#71717a;--line:#2a2a31}[data-theme=light]{--bg:#edf4ff;--panel:#fff;--panel2:#f3f7ff;--text:#0d1728;--muted:#607089;--line:#d8e3f2}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 20% 0,color-mix(in srgb,var(--primary) 28%,transparent),transparent 34%),var(--bg);color:var(--text);overflow:hidden}button,input,select,textarea{font:inherit}button{border:0;border-radius:16px;padding:14px 18px;background:var(--primary);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;box-shadow:0 12px 30px #0004}button:hover{transform:translateY(-1px)}.ghost{background:0 0;color:var(--muted);box-shadow:none}.danger{background:var(--danger)!important}.screen{display:none;min-height:100vh;padding:24px}.screen.active{display:flex}.panel{width:min(94vw,520px);margin:auto;padding:28px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 94%,#fff),var(--panel));box-shadow:0 30px 80px #0008}.wide{width:min(94vw,980px)}.brand{display:flex;gap:18px;align-items:center;margin-bottom:22px}.logo{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:var(--primary);font-weight:900}.brand h1{margin:0;font-size:42px}.brand p{margin:4px 0 0;color:var(--muted)}.menu{display:grid;gap:12px;margin:20px 0 28px}.menu button{font-size:18px;padding:20px}.form-panel{display:grid;gap:12px}h2,h3{margin:0 0 10px}input,select,textarea{width:100%;padding:15px;border-radius:16px;border:1px solid var(--line);background:var(--panel2);color:var(--text);outline:0}textarea{min-height:100px;resize:vertical}.filters{display:grid;grid-template-columns:1fr 240px;gap:12px;margin-bottom:16px}.lobby-list{display:grid;gap:12px;max-height:300px;overflow:auto}.lobby-list.big{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));max-height:58vh}.card{padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--panel2);cursor:pointer}.card:hover{border-color:var(--primary)}.card h4{margin:0 0 8px}.card p{color:var(--muted);min-height:38px}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--primary) 22%,transparent);color:var(--text)}.switch-row{display:flex;align-items:center;justify-content:space-between;color:var(--muted)}.switch-row input{display:none}.switch-row i{width:54px;height:30px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);position:relative}.switch-row i:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:var(--muted);top:3px;left:4px;transition:.2s}.switch-row input:checked+i{background:var(--primary)}.switch-row input:checked+i:before{left:26px;background:#fff}.file-btn input{display:none}.file-btn span{display:block;text-align:center;padding:14px;border-radius:16px;border:1px dashed var(--line);color:var(--muted);cursor:pointer}.room{padding:0;display:none!important;grid-template-columns:86px 1fr 360px;grid-template-rows:86px 1fr}.room.active{display:grid!important}.controls{grid-row:1/3;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;border-right:1px solid var(--line);background:var(--panel)}.controls button{width:54px;height:54px;border-radius:50%;padding:0;background:var(--panel2);font-size:22px}.controls button.on{background:var(--primary)}.room-head{position:relative;display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,1.6fr) minmax(140px,1fr);align-items:center;column-gap:14px;padding:14px 24px;border-bottom:1px solid var(--line);background:var(--panel)}.room-head>#leaveBtn{justify-self:start;min-width:140px;height:52px;border-radius:16px}.room-head-center{position:static;transform:none;justify-self:center;width:100%;pointer-events:none}.room-head-center h2,.room-head-center p{margin:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timer-control{justify-self:end;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.timer-control #timerActionBtn{min-width:104px;height:52px;padding:0 14px}.timer-square{width:58px!important;height:52px!important;min-width:58px!important;padding:0!important;border-radius:16px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:0!important}.timer-square.running{width:auto!important;min-width:104px!important;padding:0 12px!important;gap:8px!important}.timer-square.running #timerText{display:inline;font-weight:900}.timer-square span{white-space:nowrap}.timer-square svg{width:26px;height:26px}.timer-control button{white-space:nowrap}.room-head #timerActionBtn{border-radius:16px}.room-head #timerBtn{border-radius:16px}.stage-wrap{overflow:auto;padding:30px}.stage{min-height:310px;display:flex;align-items:center;justify-content:center;gap:36px;flex-wrap:wrap}.audience{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:16px}.person{text-align:center;position:relative}.avatar{width:96px;height:96px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#9333ea);font-size:32px;font-weight:900;border:4px solid var(--line);position:relative;overflow:visible}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar.xl{width:130px;height:130px;font-size:48px}.stage .avatar{width:190px;height:190px;font-size:64px}.speaking{border-color:var(--ok);box-shadow:0 0 0 8px color-mix(in srgb,var(--ok) 25%,transparent),0 0 35px var(--ok);animation:pulse 1.3s infinite}.role{position:absolute;right:-6px;top:-6px;border-radius:50%;background:var(--panel);padding:7px;color:var(--warn);z-index:2}.mod{color:#38bdf8}.hand{position:absolute;left:-6px;top:-6px;background:var(--danger);border-radius:50%;padding:6px;animation:bounce .55s infinite alternate;z-index:2}.muted-mark{position:absolute;right:2px;bottom:2px;background:var(--danger);border-radius:50%;padding:5px}.name{font-weight:800}.chat{border-left:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-height:0}.chat h3{padding:22px;margin:0;border-bottom:1px solid var(--line)}#messages{flex:1;overflow:auto;padding:16px}.msg{margin-bottom:12px;color:var(--muted)}.msg b{color:var(--primary)}.chat-send{display:flex;gap:8px;padding:14px;border-top:1px solid var(--line)}.chat-send button{width:58px;padding:0}.modal{position:fixed;inset:0;background:#000b;display:flex;z-index:20}.modal[hidden]{display:none!important}.context{position:fixed;z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:10px;width:230px;box-shadow:0 20px 60px #0008}.context button{display:block;width:100%;margin:4px 0;text-align:left;background:0 0;color:var(--text);box-shadow:none;text-transform:none}.context label{display:block;padding:8px;color:var(--muted)}@keyframes pulse{50%{transform:scale(1.03)}}@keyframes bounce{to{transform:translateY(-6px)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px}@media(max-width:900px){body{overflow:auto;overscroll-behavior:contain}.screen{padding:16px}.room.active{display:flex!important;flex-direction:column}.controls{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:10;flex-direction:row;border:1px solid var(--line);border-radius:24px;padding:10px}.room-head{grid-template-columns:1fr;grid-template-areas:"title" "actions";gap:10px;padding:12px 14px}.room-head>#leaveBtn{grid-area:title;justify-self:start;min-width:110px;height:48px}.room-head-center{grid-area:title;justify-self:center;pointer-events:none;max-width:calc(100vw - 160px)}.room-head-center h2,.room-head-center p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timer-control{grid-area:actions;justify-self:stretch;display:flex;gap:8px;justify-content:flex-end}.timer-control #timerActionBtn{min-width:96px;height:48px;padding:0 12px}.timer-square{width:48px!important;height:48px!important;min-width:48px!important}.timer-square.running{min-width:96px!important;padding:0 10px!important}.timer-square.running #timerText{font-size:13px}.chat{position:fixed;inset:90px 10px calc(92px + env(safe-area-inset-bottom)) 10px;border:1px solid var(--line);border-radius:22px;display:none;z-index:9}.chat.open{display:flex}.stage-wrap{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.stage .avatar{width:140px;height:140px}.filters{grid-template-columns:1fr}.lobby-list.big{grid-template-columns:1fr}.brand h1{font-size:32px}}.hand svg,.muted-mark svg,.role svg,button svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.role svg{fill:currentColor;stroke:none}#timerBtn,.chat-send button,.controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.person{padding:18px 8px 6px}.avatar{overflow:visible}.avatar-face{position:absolute;inset:0;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#9333ea)}.avatar-face img{width:100%;height:100%;object-fit:cover}.stage{align-content:center;padding-top:22px}.audience{padding-top:12px}.chat-send input{min-width:0}.chat.open{display:flex!important}@media(min-width:901px){.chat{display:flex!important}.chat-send input{font-size:16px}}@media(max-width:900px){.controls button{flex:1}.chat-send input{font-size:16px}}.inline-icon{width:17px;height:17px;display:inline-block;vertical-align:-3px;margin-left:6px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(min-width:901px){.room.active{display:grid!important;grid-template-columns:86px minmax(0,1fr) 360px;grid-template-rows:86px minmax(0,1fr);grid-template-areas:"controls header chat" "controls main chat";height:100vh;min-height:100vh;overflow:hidden;padding:0}.controls{grid-area:controls;grid-row:auto;border-right:1px solid var(--line)}.room-head{grid-area:header;min-width:0}.stage-wrap{grid-area:main;min-width:0;min-height:0;height:100%;overflow:auto;padding:24px 34px 30px;display:grid;grid-template-rows:minmax(260px,1fr) auto minmax(120px,auto);gap:12px}.stage{min-height:0;height:100%;padding:22px 10px 8px;align-content:center;align-items:center;justify-content:center;border-radius:34px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 65%,transparent),transparent);border:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.stage .avatar{width:168px;height:168px;font-size:56px}.audience{min-height:0;max-height:210px;overflow:auto;align-content:start;padding:14px;border-radius:26px;background:color-mix(in srgb,var(--panel) 55%,transparent);border:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.chat{grid-area:chat;position:static;width:auto;height:auto;min-width:0;min-height:0;border-left:1px solid var(--line);display:flex!important}.chat-send{flex-shrink:0}.chat h3{flex-shrink:0}#messages{min-height:0}}@media(max-width:900px){.room.active{min-height:100vh;height:100vh;overflow:hidden;padding:0}.room-head{flex-shrink:0}.stage-wrap{flex:1;min-height:0;overflow:auto;padding:18px 14px 106px;display:block}.stage{min-height:220px;padding:18px 8px}.audience{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));padding-bottom:8px}.person{padding:12px 4px 4px}.avatar{width:82px;height:82px}.stage .avatar{width:128px;height:128px}.chat{position:fixed;inset:86px 10px 96px 10px;width:auto;height:auto;min-height:0}.controls{overflow-x:auto}.controls button{min-width:48px}}@media(min-width:901px){.room.active{grid-template-columns:minmax(0,1fr) clamp(360px,22vw,440px);grid-template-rows:84px minmax(0,1fr) 96px;grid-template-areas:"header chat" "main chat" "controls chat";height:100vh;min-height:100vh;background:radial-gradient(circle at 42% 20%,color-mix(in srgb,var(--primary) 20%,transparent),transparent 36%),var(--bg)}.room-head{grid-area:header;padding:14px 30px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(14px)}.stage-wrap{grid-area:main;padding:20px 42px 16px;display:grid;grid-template-rows:minmax(330px,1fr) 34px minmax(120px,180px);gap:10px;overflow:hidden;place-items:stretch;max-width:1280px;width:100%;justify-self:center}.stage-wrap>h3{align-self:center;text-align:center;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:13px;margin:0}.stage{width:100%;height:100%;min-height:0;padding:28px;gap:42px;border-radius:38px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel2) 75%,transparent),color-mix(in srgb,var(--panel) 35%,transparent));box-shadow:inset 0 1px 0 #fff1,0 24px 70px #0004}.stage .avatar{width:clamp(180px,14vw,230px);height:clamp(180px,14vw,230px);font-size:clamp(58px,4vw,78px)}.audience{width:100%;height:100%;max-height:none;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:12px;padding:14px;overflow:auto;border-radius:26px;background:color-mix(in srgb,var(--panel) 60%,transparent)}.audience .avatar{width:78px;height:78px;font-size:25px}.audience .person{padding:8px 4px 0}.audience .name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls{grid-area:controls;grid-row:auto;flex-direction:row;justify-content:center;align-items:center;gap:14px;border-right:0;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--panel) 92%,transparent));padding:14px 24px}.controls button{width:58px;height:58px;min-width:58px;border:1px solid var(--line);box-shadow:0 14px 34px #0005}.controls button svg{width:25px;height:25px}.chat{grid-area:chat;display:flex!important;border-left:1px solid var(--line);background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel) 92%,#000));box-shadow:-24px 0 60px #0003}.chat h3{height:84px;display:flex;align-items:center;padding:0 24px;font-size:20px}.chat-send{padding:16px}.chat-send input{height:54px}.chat-send button{height:54px;min-width:58px}#messages{padding:18px}.msg{padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--panel2) 62%,transparent)}}@media(min-width:901px) and (max-height:820px){.stage-wrap{grid-template-rows:minmax(260px,1fr) 28px minmax(96px,130px);padding:14px 30px 10px}.stage .avatar{width:clamp(150px,13vw,190px);height:clamp(150px,13vw,190px)}.controls{padding:10px}.controls button{width:50px;height:50px;min-width:50px}.room.active{grid-template-rows:76px minmax(0,1fr) 76px}.chat h3{height:76px}.audience .avatar{width:64px;height:64px}.audience{padding:10px}}.form-error{border:1px solid var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent);color:#fecaca;border-radius:14px;padding:12px;font-weight:800}.toast{position:fixed;top:22px;left:50%;transform:translateX(-50%);z-index:100;padding:14px 22px;border-radius:16px;border:1px solid var(--ok);background:color-mix(in srgb,var(--ok) 18%,var(--panel));color:var(--text);box-shadow:0 20px 60px #0007;animation:toastIn .22s ease}.toast[hidden]{display:none!important}@keyframes toastIn{from{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%,0)}}.timer-control{display:flex;align-items:center;gap:10px}.timer-control button{white-space:nowrap}.timer-square{width:58px!important;height:58px!important;min-width:58px!important;padding:0!important;border-radius:16px!important;display:inline-flex!important;gap:0!important}.timer-square svg{width:26px;height:26px}.timer-square.running{width:auto!important;min-width:104px!important;padding:0 14px!important;gap:8px!important}.timer-square.running #timerText{display:inline;font-weight:900}.timer-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.context{width:250px}.context button{display:flex;align-items:center;gap:10px;border-radius:12px}.context button svg{width:19px;height:19px;flex:0 0 auto}.context input[type=range]{margin-top:8px}.deaf-mark{position:absolute;left:2px;bottom:2px;background:var(--warn);border-radius:50%;padding:5px;z-index:2}.deaf-mark svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(min-width:901px){.chat{position:fixed;right:0;top:0;bottom:0;transform:translateX(calc(100% - 58px));transition:transform .22s ease}.chat.open{transform:translateX(0)}.chat h3{padding-left:74px}.chat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:58px;background:color-mix(in srgb,var(--panel2) 80%,#000);border-right:1px solid var(--line);pointer-events:none}.room.active{grid-template-columns:minmax(0,1fr) 58px}.stage-wrap{max-width:1380px}.room-head{padding-right:84px}}@media(min-width:901px){.room.active{grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "main" "controls"}.chat{left:0;right:auto;top:84px;bottom:96px;width:min(420px,32vw);height:auto;border-left:0;border-right:1px solid var(--line);transform:translateX(-100%);z-index:40;border-radius:0 26px 26px 0;box-shadow:24px 0 60px #0007}.chat.open{transform:translateX(0)}.chat::before{display:none}.chat h3{height:68px;padding:0 22px}.room-head{padding-right:30px}.stage-wrap{max-width:1500px}.chat-send input{width:100%}}@media(min-width:901px) and (max-height:820px){.chat{top:76px;bottom:76px}.chat h3{height:58px}}.deaf-mark,.muted-mark{width:30px;height:30px;display:grid;place-items:center}.muted-mark{right:8px;bottom:-7px}.deaf-mark{left:8px;bottom:-7px}.deaf-mark svg,.muted-mark svg{width:18px;height:18px}.context input[type=range]{accent-color:#38bdf8}.context input[type=range]::-webkit-slider-thumb{background:#38bdf8}.context input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#38bdf8,#2563eb);height:6px;border-radius:999px}.timer-action-hidden{display:none!important}.context label{font-weight:800}.context input[type=range]{--value:100%;appearance:none;-webkit-appearance:none;width:100%;height:26px;margin:10px 0 2px;background:0 0;cursor:pointer}.context input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#38bdf8 0,#38bdf8 var(--value),color-mix(in srgb,var(--line) 80%,#000) var(--value),color-mix(in srgb,var(--line) 80%,#000) 100%)}.context input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#e0f2fe;border:3px solid #38bdf8;box-shadow:0 4px 14px #0007;margin-top:-5px}.context input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:color-mix(in srgb,var(--line) 80%,#000)}.context input[type=range]::-moz-range-progress{height:8px;border-radius:999px;background:#38bdf8}.context input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#e0f2fe;border:3px solid #38bdf8;box-shadow:0 4px 14px #0007}.center{text-align:center}.room-head-center{text-align:center}.room-head-center p{text-align:center}.card-avatars{display:grid;grid-template-columns:repeat(3,36px);grid-auto-rows:36px;gap:8px;margin:10px 0 12px}.card-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#9333ea);font-size:12px;font-weight:900;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.card-avatar img{width:100%;height:100%;object-fit:cover}.card-avatar.extra{background:color-mix(in srgb,var(--panel) 74%,#000);font-size:13px}.controls button.off{background:var(--danger)!important}.card{display:grid;grid-template-columns:minmax(0,1fr) 124px;grid-template-areas:"title avatars" "desc avatars" "meta meta";column-gap:12px;align-items:start}.card h4{grid-area:title}.card p{grid-area:desc}.card-avatars{grid-area:avatars;justify-self:end}.card .meta{grid-area:meta;margin-top:8px}@media(max-width:700px){.card{grid-template-columns:1fr;grid-template-areas:"title" "desc" "avatars" "meta"}.card-avatars{justify-self:start}}.avatar,.avatar-face,.card-avatar{aspect-ratio:1/1}.avatar img,.avatar-face img,.card-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.logo{padding:0;overflow:hidden}.logo img{width:100%;height:100%;object-fit:contain;display:block}.logo{width:64px;height:64px;display:grid;place-items:center;padding:0;border-radius:22px;overflow:hidden}.logo img{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;object-fit:contain;display:block;flex:0 0 auto;vertical-align:top}@media(max-width:700px){.brand{align-items:center}.logo{width:64px!important;min-width:64px!important;height:64px!important;min-height:64px!important;flex:0 0 64px!important}}body,body *{-webkit-user-select:none;user-select:none}#roomCode,input,select,textarea{-webkit-user-select:text;user-select:text}button{max-width:100%}@media(max-width:900px){.room-head{display:grid;grid-template-columns:auto 1fr auto!important;align-items:center;gap:8px;padding:10px 12px!important}.room-head-center{justify-self:center;text-align:center}.timer-control{justify-self:end}.timer-control button{font-size:12px;padding:8px 10px}.danger#leaveBtn{justify-self:start}.stage-wrap>h3{text-align:center!important;margin:0 auto!important;width:100%}.controls{justify-content:center;align-items:center}.controls button{flex:0 0 52px!important;width:52px!important;height:52px!important;min-width:52px!important;max-width:52px!important;max-height:52px!important;padding:0!important}}@media(max-width:520px){.timer-control{gap:6px}.timer-control #timerActionBtn{font-size:11px;padding:7px 8px}.room-head{grid-template-columns:minmax(80px,auto) 1fr minmax(90px,auto)!important}}@media(max-width:900px){.room-head{display:grid!important;grid-template-columns:auto auto!important;grid-template-areas:"leave timer" "center center"!important;align-items:center!important;row-gap:8px!important;column-gap:8px!important;padding:10px 12px!important}.room-head-center{grid-area:center!important;justify-self:center!important;text-align:center!important;width:100%}.room-head-center h2,.room-head-center p{margin:0 auto!important}.danger#leaveBtn{grid-area:leave!important;justify-self:start!important;align-self:center!important}.timer-control{grid-area:timer!important;justify-self:end!important;align-self:center!important}.stage-wrap>h3{text-align:center!important;margin:0 auto!important;width:100%}}@media(max-width:900px){#leaveBtn,#timerActionBtn{width:102px!important;min-width:102px!important;max-width:102px!important;padding-left:0!important;padding-right:0!important;text-align:center!important}}a,b,body,button,div,h1,h2,h3,h4,h5,h6,html,input,label,p,select,span,strong,textarea{font-family:"Franklin Gothic Demi","Franklin Gothic Medium","Arial Narrow","Segoe UI",Arial,sans-serif!important;font-weight:700;letter-spacing:.01em}@media(max-width:900px){#leaveBtn,#timerActionBtn,#timerBtn.timer-square{width:102px!important;min-width:102px!important;max-width:102px!important}#leaveBtn,#timerActionBtn{height:49px!important;padding-left:0!important;padding-right:0!important;text-align:center!important}#timerBtn.timer-square{height:49px!important;padding:0 8px!important;border-radius:16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}#timerBtn.timer-square.running{width:102px!important;min-width:102px!important;padding:0 8px!important}#timerBtn.timer-square svg{width:22px!important;height:22px!important}}@media(min-width:901px){#timerActionBtn,#timerBtn.timer-square,#timerBtn.timer-square.running{width:102px!important;min-width:102px!important;max-width:102px!important}#timerActionBtn{padding-left:0!important;padding-right:0!important;text-align:center!important}#timerBtn.timer-square{height:58px!important}}@media(min-width:901px){#timerActionBtn{height:58px!important;min-height:58px!important;max-height:58px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding-top:0!important;padding-bottom:0!important}}@media(min-width:901px){#timerActionBtn{width:auto!important;min-width:0!important;max-width:none!important;padding-left:14px!important;padding-right:14px!important}}.maintenance-panel{position:relative;max-width:560px;gap:14px;padding-top:50px}.maintenance-text{margin:0;color:var(--muted);line-height:1.55}.modal-close{position:absolute;top:14px;right:14px;width:42px;height:42px;min-width:42px;padding:0;border-radius:12px;background:color-mix(in srgb,var(--panel2) 82%,transparent);border:1px solid var(--line);box-shadow:none;color:var(--text)}.modal-close:hover{transform:translateY(0);filter:brightness(1.08)}.modal-close svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:700px){.maintenance-panel{padding-top:46px}}.maintenance-modal{align-items:flex-start;justify-content:center;background:0 0;pointer-events:none;z-index:120}.maintenance-modal .maintenance-panel{pointer-events:auto;width:min(92vw,620px);margin:16px auto 0;border-radius:20px;padding:16px 18px 14px 18px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"title close" "text close";column-gap:12px;row-gap:6px;align-items:start;transform:translateY(-20px);opacity:0;transition:transform .2s ease,opacity .2s ease;box-shadow:0 22px 50px #0008}.maintenance-modal .maintenance-panel h2{grid-area:title;margin:0;font-size:20px;line-height:1.2}.maintenance-modal .maintenance-text{grid-area:text;margin:0;color:var(--text);opacity:.86;line-height:1.4;font-size:14px}.maintenance-modal .modal-close{grid-area:close;position:static;display:grid;place-items:center;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;margin:0;align-self:start;justify-self:end;border-radius:10px;box-shadow:none;line-height:0}.maintenance-modal .modal-close svg{width:16px;height:16px;display:block}.maintenance-modal #maintenanceOk{display:none}.maintenance-modal.is-visible .maintenance-panel{transform:translateY(0);opacity:1}.maintenance-modal.is-leaving .maintenance-panel{transform:translateY(-16px);opacity:0}.chat-unread{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#ef4444;color:#fff;font-size:11px;font-weight:900;line-height:1;border:1px solid color-mix(in srgb,var(--panel) 75%,#000);box-shadow:0 6px 14px #0006;pointer-events:none}#chatBtn{position:relative}#messages .msg{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;max-width:100%}.chat{overflow:hidden}.https-panel{max-width:560px;gap:12px}.https-text{margin:0;color:var(--muted);line-height:1.5}.room-head{position:relative;display:grid;grid-template-columns:minmax(132px,1fr) minmax(0,2fr) minmax(132px,1fr);align-items:center;column-gap:12px}.room-head>#leaveBtn{justify-self:start;display:inline-flex;align-items:center;justify-content:center;min-width:132px;height:58px;padding:0 12px;line-height:1;border-radius:14px}.room-head-center{position:static;transform:none;pointer-events:none;justify-self:center;align-self:center;width:100%;max-width:100%;padding-top:2px}.room-head-center h2,.room-head-center p{margin:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.24}.timer-control{justify-self:end;display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap}.timer-control button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1}.timer-control #timerActionBtn{min-width:132px;height:48px;padding:0 12px;border-radius:14px}.timer-square{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;border-radius:12px!important;display:inline-flex!important;align-items:center;justify-content:center;gap:0!important}.timer-square span{display:inline-block;white-space:nowrap}.timer-square.running{width:auto!important;min-width:96px!important;padding:0 10px!important;gap:6px!important}.timer-square.running #timerText{display:inline;font-weight:900}.timer-square svg{width:22px;height:22px}@media(max-width:900px){.room-head{grid-template-columns:minmax(106px,1fr) minmax(0,1.8fr) minmax(106px,1fr);column-gap:8px}.room-head>#leaveBtn{min-width:106px;height:42px;padding:0 10px;border-radius:12px}.room-head>#leaveBtn,.timer-control #timerActionBtn{font-size:13px}.room-head-center{padding-top:1px}.room-head-center h2{font-size:18px;line-height:1.2}.room-head-center p{font-size:12px;line-height:1.2}.timer-control #timerActionBtn{min-width:106px;height:42px;padding:0 10px;border-radius:12px}.timer-square{width:34px!important;height:34px!important;min-width:34px!important;border-radius:9px!important}.timer-square.running{min-width:68px!important;padding:0 5px!important}.timer-square svg{width:17px;height:17px}}.net-hint{margin-top:10px;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--warn) 55%,var(--line));background:color-mix(in srgb,var(--warn) 14%,transparent);color:var(--text);line-height:1.45;font-size:14px}.controls{justify-content:center}#screenShareBtn.on{background:var(--ok)!important}#screenShareVideo{width:100%;height:100%;display:block;object-fit:contain;background:#000}.screen-modal-panel{width:min(92vw,900px);gap:12px}@media (min-width:901px){#room .timer-control #openScreenShareBtn{height:59px!important;min-height:59px!important;font-size:20px!important;line-height:1!important}}.screen-modal-video-wrap{width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:#000}#openScreenShareBtn{min-width:132px;height:49px;padding:0 12px;border-radius:14px;background:var(--primary);color:#fff;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);box-shadow:0 14px 34px #0005;display:inline-flex;align-items:center;justify-content:center;text-transform:none;letter-spacing:.01em;font-size:14px}#openScreenShareBtn:hover{filter:brightness(1.06);transform:translateY(-1px)}#closeScreenShareModal{background:color-mix(in srgb,var(--panel2) 88%,transparent)!important;color:var(--text)!important;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);box-shadow:0 10px 24px #0004}@media(max-width:900px){#openScreenShareBtn{min-width:106px;height:49px;padding:0 10px;border-radius:12px;font-size:13px}}