:root{--bg:#f4f5f7;--panel:#fff;--panel-2:#f7f8fa;--line:#e6e8ec;--text:#15181d;--mut:#69717f;--acc:#3b5bdb;--acc-ink:#fff;--acc-soft:#eaeefc;--chip:#f1f3f6;--glass:#ffffffdb;--glass-line:#141e3214;--shadow:0 12px 32px #141e3229, 0 2px 6px #141e3214;--red:#e5484d;--green:#22c55e;--violet:#8b5cf6;--tag:#fffffff0;--tag-text:#1a1e26;--tag-line:#141e321a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0f1115;--panel:#15181d;--panel-2:#1a1d23;--line:#262a33;--text:#eceef2;--mut:#8a92a1;--acc:#f2b443;--acc-ink:#1d1503;--acc-soft:#2e2615;--chip:#1f232a;--glass:#16191fd6;--glass-line:#ffffff14;--shadow:0 14px 34px #0000008c, 0 2px 6px #0006;--red:#f2555a;--tag:#14161ce6;--tag-text:#eceef2;--tag-line:#ffffff1f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:500 13px/1.35 Geist,Segoe UI,system-ui,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible,input:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.ic{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}#app{grid-template-rows:56px minmax(0,1fr);grid-template-columns:272px minmax(0,1fr);height:100dvh;display:grid}.top{background:var(--panel);border-bottom:1px solid var(--line);z-index:5;grid-column:1/3;align-items:center;gap:16px;padding:0 16px 0 18px;display:flex}.brand{align-items:center;gap:10px;min-width:236px;display:flex}.brand b{letter-spacing:-.01em;font-size:14.5px;font-weight:650}.brand .sep{color:var(--mut);opacity:.5}.brand .crumb{color:var(--mut)}.logo-bg{fill:var(--acc)}.logo-v{stroke:var(--acc-ink)}.focus-pill{background:var(--chip);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;height:34px;margin:0 auto;padding:0 6px 0 10px;display:flex}.focus-pill .lbl{color:var(--mut)}.focus-pill .t{font-variant-numeric:tabular-nums;min-width:38px;font-weight:650}.faces{display:flex}.faces img,.faces i{border:2px solid var(--chip);background:var(--panel);width:22px;height:22px;color:var(--mut);border-radius:50%;place-items:center;margin-left:-7px;font-size:10px;font-style:normal;font-weight:650;display:grid}.faces>:first-child{margin-left:0}.pill-btn{background:var(--acc);height:24px;color:var(--acc-ink);border-radius:999px;padding:0 11px;font-size:12px;font-weight:600}.pill-btn.on{background:var(--violet);color:#fff}.top-right{align-items:center;gap:10px;display:flex}.btn{border-radius:9px;align-items:center;gap:8px;height:34px;padding:0 12px;font-weight:550;display:inline-flex}.btn.ghost{border:1px solid var(--line);background:var(--panel)}.btn.ghost:hover{background:var(--chip)}.btn.primary{background:var(--acc);color:var(--acc-ink)}.btn.soft{background:var(--chip)}.iconbtn{width:34px;height:34px;color:var(--mut);border-radius:9px;place-items:center;display:grid;position:relative}.iconbtn:hover{background:var(--chip);color:var(--text)}.iconbtn .badge{background:var(--red);border:1.5px solid var(--panel);border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.me-wrap{position:relative}.me{border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;height:38px;padding:0 10px 0 4px;display:flex}.me:hover{background:var(--chip)}.me .sdot{border-radius:50%;width:8px;height:8px}.me small{color:var(--mut);font-size:12px}.menu{background:var(--panel);border:1px solid var(--line);width:260px;box-shadow:var(--shadow);z-index:20;border-radius:12px;padding:6px;position:absolute;top:46px;right:0}.menu button{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.menu button:hover{background:var(--chip)}.menu .sdot{border-radius:50%;width:9px;height:9px}.menu hr{border:0;border-top:1px solid var(--line);margin:6px 4px}.menu input{border:1px solid var(--line);background:var(--panel-2);width:100%;height:34px;font:inherit;color:var(--text);border-radius:8px;padding:0 10px}.side{background:var(--panel);border-right:1px solid var(--line);z-index:4;flex-direction:column;min-height:0;display:flex}.search{background:var(--chip);height:36px;color:var(--mut);border-radius:9px;align-items:center;gap:8px;margin:12px 12px 4px;padding:0 10px;display:flex}.search input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;outline:none;flex:1}.search input::placeholder{color:var(--mut)}.search kbd{border:1px solid var(--line);background:var(--panel);color:var(--mut);white-space:nowrap;border-radius:5px;padding:2px 6px;font:500 11px Geist,sans-serif}.sec{letter-spacing:.07em;text-transform:uppercase;color:var(--mut);justify-content:space-between;padding:14px 18px 6px;font-size:11px;font-weight:600;display:flex}.spaces{flex-direction:column;gap:2px;padding:0 8px;display:flex}.space-row{text-align:left;border-radius:9px;align-items:center;gap:10px;height:38px;padding:0 10px;display:flex}.space-row:hover{background:var(--chip)}.space-row.on{background:var(--acc-soft)}.space-row .sic{background:var(--chip);width:28px;height:28px;color:var(--mut);border-radius:8px;place-items:center;display:grid}.space-row.on .sic{background:var(--acc);color:var(--acc-ink)}.space-row b{flex:1;font-weight:600}.space-row small{color:var(--mut);font-variant-numeric:tabular-nums}.people{scrollbar-width:thin;flex:1;min-height:0;padding:0 8px 8px;overflow:auto}.prow{text-align:left;border-radius:9px;align-items:center;gap:10px;width:100%;height:44px;padding:0 8px;display:flex}.prow:hover{background:var(--chip)}.prow.me{background:var(--acc-soft)}.av{border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid;position:relative;overflow:visible}.av img{object-fit:cover;border-radius:50%;width:32px;height:32px}.av .sdot{border:2px solid var(--panel);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.who{flex-direction:column;flex:1;min-width:0;display:flex}.who b{font-size:13px;font-weight:600}.who small{color:var(--mut);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.prow .live{color:var(--green);gap:3px;display:flex}.prow .live .ic{width:15px;height:15px}.radio{border:1px solid var(--line);background:var(--panel-2);border-radius:12px;flex-direction:column;gap:9px;margin:8px 12px 12px;padding:12px;display:flex}.radio .h{align-items:center;gap:8px;display:flex}.radio .h b{font-weight:600}.radio .h small{color:var(--mut);margin-left:auto;font-size:11.5px}.radio .trk{align-items:center;gap:10px;min-width:0;display:flex}.radio .cover{background:linear-gradient(135deg,#f2b443,#d6528c 55%,#5b5bd6);border-radius:8px;flex:none;width:36px;height:36px}.radio .trk div{flex-direction:column;min-width:0;display:flex}.radio .trk b{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;overflow:hidden}.radio .trk small{color:var(--mut);font-size:11.5px}.radio .bar{background:var(--line);border-radius:3px;height:3px;overflow:hidden}.radio .bar i{background:var(--acc);width:38%;height:100%;display:block}.radio .ctl{color:var(--mut);align-items:center;gap:8px;display:flex}.radio .ctl button{border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.radio .ctl button:hover{background:var(--chip);color:var(--text)}.radio .vol{accent-color:var(--acc);flex:1;min-width:0}.radio .leave{padding:0 6px;font-size:12px;width:auto!important}.stage{min-width:0;min-height:0;position:relative;overflow:hidden}#viewport{position:absolute;inset:0}#viewport canvas{display:block;width:100%!important;height:100%!important}.hover-tip{z-index:3;pointer-events:none;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);white-space:nowrap;border-radius:9px;flex-direction:column;gap:1px;padding:6px 10px;font-size:12px;line-height:1.25;display:flex;position:absolute;top:0;left:0}.hover-tip b{color:var(--text);font-weight:600}.hover-tip span{color:var(--mut)}.hover-tip span:only-child{color:var(--text);font-weight:500}.labels{pointer-events:none;z-index:1;position:absolute;inset:0}.tag{background:var(--tag);height:22px;color:var(--tag-text);border:1px solid var(--tag-line);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 8px 0 7px;font-size:11.5px;transition:box-shadow .2s;display:flex;box-shadow:0 2px 6px #00000024}.tag b{font-weight:600}.tag .dot{border-radius:50%;width:7px;height:7px;font-style:normal}.tag .ic{stroke-width:2.1px;width:13px;height:13px}.tag .st.foco{color:var(--violet)}.tag .st.afk{color:var(--mut)}.tag .st.visita{color:#f59e0b}.tag .mic{color:var(--mut)}.tag .mic.on{color:var(--green)}.tag.me{background:var(--acc);color:var(--acc-ink);border-color:#0000}.tag.me .dot{box-shadow:0 0 0 1.5px var(--acc-ink)}.tag.speaking{box-shadow:0 0 0 2px var(--green), 0 2px 6px #00000024}.tag.guest{border-style:dashed}.tag.compact{border-width:2px;border-color:var(--tag);background:var(--tag);justify-content:center;gap:0;width:14px;height:14px;padding:0}.tag.compact>:not(.dot){display:none}.tag.compact .dot{width:8px;height:8px}.react-float{filter:drop-shadow(0 2px 4px #0003);font-size:26px;animation:2.4s ease-out forwards floatUp}@keyframes floatUp{0%{opacity:0;transform:translateY(8px)scale(.6)}15%{opacity:1;transform:translateY(0)scale(1.1)}80%{opacity:1}to{opacity:0;transform:translateY(-36px)scale(1)}}.conv{background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:6;border-radius:16px;flex-direction:column;gap:9px;max-width:calc(100% - 32px);padding:10px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.conv-h{align-items:center;gap:8px;padding:0 4px;display:flex}.conv-h .pulse{background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 #22c55e99}@keyframes pulse{70%{box-shadow:0 0 0 7px #22c55e00}to{box-shadow:0 0 #22c55e00}}.conv-h b{font-weight:600}.conv-h small{color:var(--mut)}.conv-h button{color:var(--mut);border-radius:7px;margin-left:auto;padding:4px 8px;font-size:12px}.conv-h button:hover{background:var(--chip);color:var(--text)}.tiles{gap:8px;display:flex;overflow-x:auto}.tile{border-radius:11px;flex:none;place-items:center;width:148px;height:94px;display:grid;position:relative;overflow:hidden}.tile img.pt{background:#ffffff29;border-radius:50%;width:62px;height:62px}.tile.slide{cursor:zoom-in;background:#111827;width:168px}.tile video.vid{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile video.vid.contain{object-fit:contain}.tile .nm{color:#fff;background:#00000080;border-radius:6px;align-items:center;gap:4px;height:20px;padding:0 7px 0 5px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:6px;left:6px}.tile .nm .ic{stroke-width:2.2px;width:12px;height:12px}.tile .off{color:#ffffffbf;position:absolute;top:6px;right:6px}.tile .off .ic{width:14px;height:14px}.tile.speaking{box-shadow:inset 0 0 0 2.5px var(--green)}.map-card{z-index:5;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:16px;left:16px}.minimap{background:var(--glass);border:1px solid var(--glass-line);width:220px;height:150px;box-shadow:var(--shadow);cursor:crosshair;border-radius:12px}.hint{max-width:220px;color:var(--mut);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:9px;flex-wrap:wrap;align-items:center;gap:4px 6px;width:max-content;padding:6px 10px;font-size:11.5px;display:flex}.hint kbd{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:4px;padding:1px 5px;font:600 10.5px Geist,sans-serif}.zoom{background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--shadow);z-index:5;border-radius:11px;flex-direction:column;display:flex;position:absolute;bottom:16px;right:16px;overflow:hidden}.zoom button{width:36px;height:36px;color:var(--mut);place-items:center;display:grid}.zoom button:hover{color:var(--text);background:var(--chip)}.zoom button+button{border-top:1px solid var(--line)}.dock{background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:6;border-radius:16px;align-items:center;gap:5px;padding:6px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.db{border-radius:11px;justify-content:center;align-items:center;gap:7px;min-width:42px;height:42px;padding:0 12px;font-weight:550;display:flex;position:relative}.db:hover{background:var(--chip)}.db.off{color:var(--red);background:color-mix(in srgb, var(--red) 11%, transparent)}.db.active{background:var(--acc);color:var(--acc-ink)}.db.focus-on{background:var(--violet);color:#fff}.db.exit{color:var(--mut)}.db .tip{white-space:nowrap;color:#fff;opacity:0;pointer-events:none;background:#111418;border-radius:6px;padding:4px 8px;font-size:11.5px;transition:opacity .15s;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}.db:hover .tip{opacity:1}.dock .div{background:var(--line);width:1px;height:26px;margin:0 3px}.reactions{background:var(--glass);border:1px solid var(--glass-line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:7;border-radius:14px;gap:4px;padding:6px;display:flex;position:absolute;bottom:76px;left:50%;transform:translate(-50%)}.reactions button{border-radius:10px;width:40px;height:40px;font-size:22px}.reactions button:hover{background:var(--chip);transform:scale(1.08)}.stage:has(.drawer:not([hidden])) .toasts{right:392px}.stage:has(.drawer:not([hidden])) .dock{left:calc(50% - 188px)}@media (width<=1700px){.stage:has(.drawer:not([hidden])) .map-card{display:none}}.toasts{z-index:12;pointer-events:none;flex-direction:column;gap:8px;width:330px;display:flex;position:absolute;top:16px;right:16px}.toast{pointer-events:auto;background:var(--glass);border:1px solid var(--glass-line);width:100%;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:8;border-radius:16px;flex-direction:column;gap:12px;padding:12px 12px 12px 14px;animation:.35s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}}.toast .h{align-items:center;gap:10px;display:flex}.toast .h div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.toast .h b{font-size:13px;font-weight:600;line-height:1.35}.toast .tic{background:var(--acc-soft);width:34px;height:34px;color:var(--acc);border-radius:50%;flex:none;place-items:center;display:grid}.toast .x{width:26px;height:26px;color:var(--mut);border-radius:7px;align-self:flex-start;place-items:center;display:grid}.toast .x:hover{background:var(--chip)}.toast .x .ic{width:15px;height:15px}.toast .h small{color:var(--mut);font-size:12px}.toast .acts{gap:8px;display:flex}.toast .acts button{border-radius:9px;flex:1;height:32px;font-size:12.5px;font-weight:600}.toast .yes{background:var(--acc);color:var(--acc-ink)}.toast .no{background:var(--chip)}.drawer{background:var(--panel);border:1px solid var(--line);width:360px;box-shadow:var(--shadow);z-index:9;border-radius:16px;flex-direction:column;animation:.25s ease-out slideIn;display:flex;position:absolute;top:16px;bottom:16px;right:16px;overflow:hidden}.drawer .dh{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 14px 12px 16px;display:flex}.drawer .dh .dic{background:var(--acc-soft);width:32px;height:32px;color:var(--acc);border-radius:9px;place-items:center;display:grid}.drawer .dh div{flex-direction:column;flex:1;display:flex}.drawer .dh b{font-size:14px;font-weight:650}.drawer .dh small{color:var(--mut)}.drawer .db2{flex-direction:column;flex:1;gap:14px;padding:14px 16px;display:flex;overflow:auto}.drawer .df{border-top:1px solid var(--line);gap:8px;padding:12px 16px;display:flex}.drawer .df .btn{flex:1;justify-content:center}.drawer h4{letter-spacing:.07em;text-transform:uppercase;color:var(--mut);margin:0;font-size:11px;font-weight:600}.drawer .list{flex-direction:column;gap:2px;display:flex}.drawer .li{border-radius:9px;align-items:center;gap:10px;padding:8px;display:flex}.drawer .li:hover{background:var(--chip)}.drawer .li .lic{background:var(--chip);width:30px;height:30px;color:var(--mut);border-radius:8px;flex:none;place-items:center;display:grid}.drawer .li div{flex-direction:column;flex:1;min-width:0;display:flex}.drawer .li small{color:var(--mut)}.drawer .note{color:#3b3418;background:#fff3b8;border-radius:4px 14px 14px;padding:16px;font-size:14px;line-height:1.5;box-shadow:0 6px 16px #78641426}.drawer .note small{color:#7a6c2c;margin-top:10px;font-size:12px;display:block}.drawer textarea{border:1px solid var(--line);background:var(--panel-2);width:100%;min-height:80px;color:var(--text);font:inherit;resize:vertical;border-radius:10px;padding:10px}.loading{background:var(--bg);z-index:100;place-items:center;transition:opacity .4s;display:grid;position:fixed;inset:0}.loading.done{opacity:0;pointer-events:none}.loading-card{flex-direction:column;gap:10px;width:280px;display:flex}.loading-card b{font-size:15px;font-weight:650}.loading-card .bar{background:var(--line);border-radius:4px;height:4px;overflow:hidden}.loading-card .bar i{background:var(--acc);width:0;height:100%;transition:width .2s;display:block}.loading-card small{color:var(--mut)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.ae-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c10186b;place-items:center;padding:16px;animation:.2s ease-out fadeIn;display:grid;position:fixed;inset:0}.ae{background:var(--panel);border:1px solid var(--line);width:min(900px,100%);max-height:min(640px,100%);box-shadow:var(--shadow);border-radius:20px;display:flex;overflow:hidden}.ae-prev{background:radial-gradient(120% 80% at 50% 30%, var(--acc-soft), var(--chip));flex-direction:column;flex:0 0 340px;justify-content:center;align-items:center;gap:4px;padding:16px 0 20px;display:flex}.ae-prev canvas{cursor:grab;touch-action:none;width:340px;height:420px}.ae-prev canvas:active{cursor:grabbing}.ae-name{font-size:17px;font-weight:650}.ae-hint{color:var(--mut);font-size:12px}.ae-side{flex-direction:column;flex:1;min-width:0;display:flex}.ae-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 4px 24px;display:flex}.ae-head h2{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:680}.ae-head p{color:var(--mut);margin:4px 0 0;font-size:13px}.ae-opts{flex-direction:column;flex:1;gap:16px;padding:12px 24px 16px;display:flex;overflow-y:auto}.ae-opts h4{letter-spacing:.07em;text-transform:uppercase;color:var(--mut);margin:0 0 8px;font-size:11px;font-weight:650}.ae-gender{background:var(--chip);border-radius:11px;align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.ae-gender button{height:32px;color:var(--mut);border-radius:9px;padding:0 18px;font-weight:600}.ae-gender button.on{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #00000024}.ae-thumbs{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;display:grid}.th{aspect-ratio:1;background:var(--chip);border:2px solid #0000;border-radius:12px;place-items:center;transition:border-color .15s,transform .15s;display:grid;overflow:hidden}.th:hover{transform:translateY(-1px)}.th.on{border-color:var(--acc);background:var(--acc-soft)}.th img{object-fit:contain;width:100%;height:100%}.ae-sw{flex-wrap:wrap;gap:8px;display:flex}.sw{background:var(--c);border-radius:50%;width:30px;height:30px;transition:transform .15s;position:relative;box-shadow:inset 0 0 0 1px #0000001f}.sw:hover{transform:scale(1.08)}.sw.on{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px var(--panel), 0 0 0 4px var(--acc)}.ae-foot{border-top:1px solid var(--line);align-items:center;gap:8px;padding:14px 20px;display:flex}.ae-foot span{flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=760px){.ae{flex-direction:column;max-height:100%}.ae-prev{flex:none;padding:8px 0 12px}.ae-prev canvas{width:200px;height:247px}.ae-foot{flex-wrap:wrap}}.tag.unstable{opacity:.6;border-style:dotted}.tag .st.weak{color:#f59e0b}.me .count,.menu .count{background:var(--red);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.menu .tick{color:var(--acc);margin-left:auto}.menu .ic{width:16px;height:16px;color:var(--mut)}.prow.off{opacity:.55}.prow .weak{color:#f59e0b;display:flex}.prow .weak .ic{width:15px;height:15px}.sub-sec{letter-spacing:.07em;text-transform:uppercase;color:var(--mut);padding:12px 10px 4px;font-size:10.5px;font-weight:600}.focus-pill:empty{visibility:hidden}.focus-pill .lbl{align-items:center;gap:6px;display:flex}.focus-pill .lbl .ic{width:15px;height:15px;color:var(--violet)}.db.busy{opacity:.6;pointer-events:none}.conn{z-index:11;color:#ffe6a8;box-shadow:var(--shadow);background:#3a2a06;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-weight:600;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.conn .ic{width:16px;height:16px}.gate{background:radial-gradient(120% 90% at 50% 0%, var(--acc-soft), var(--bg));z-index:90;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.gate-card,.screen-card{background:var(--panel);border:1px solid var(--line);width:min(400px,100%);box-shadow:var(--shadow);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:32px 28px;display:flex}.gate-card h1,.screen-card h2{letter-spacing:-.01em;margin:6px 0 0;font-size:22px;font-weight:700}.gate-card p,.screen-card p{color:var(--mut);margin:0;line-height:1.5}.gate-card .err{color:var(--red);font-weight:600}.gate-card .muted,.muted{color:var(--mut);font-size:12px}.btn.google{background:var(--panel);border:1px solid var(--line);width:100%;height:42px;color:var(--text);justify-content:center;font-weight:600;text-decoration:none}.btn.google:hover{background:var(--chip)}.dev{flex-direction:column;align-items:stretch;gap:8px;width:100%;margin-top:4px;display:flex}.dev input,.form input,.form select,.field input,.field select,.drawer select{border:1px solid var(--line);background:var(--panel-2);height:38px;color:var(--text);font:inherit;border-radius:10px;min-width:0;padding:0 12px}.dev .btn{justify-content:center;height:40px}.chip{background:var(--chip);height:20px;color:var(--mut);border-radius:999px;align-self:center;align-items:center;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.chip.on{background:color-mix(in srgb, var(--green) 16%, transparent);color:var(--green)}.screen{z-index:40;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.screen-card .logo{background:var(--acc-soft);width:52px;height:52px;color:var(--acc);border-radius:16px;place-items:center;display:grid}.screen-card .logo .ic{width:26px;height:26px}.drawer .row{flex-wrap:wrap;gap:8px;display:flex}.drawer .row .btn{flex:1;justify-content:center}.btn.wide{justify-content:center;width:100%}.drawer .form{flex-direction:column;gap:8px;display:flex}.drawer .form .btn{justify-content:center}.drawer .empty,.empty{color:var(--mut);margin:2px 0;font-size:12.5px}.drawer .hint-box{background:var(--acc-soft);color:var(--text);border-radius:10px;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;display:flex}.drawer .hint-box .ic{color:var(--acc);width:16px;height:16px;margin-top:1px}.drawer textarea{min-height:64px}.seg{background:var(--chip);border-radius:11px;align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.seg button{height:30px;color:var(--mut);border-radius:9px;padding:0 14px;font-weight:600}.seg button.on{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #00000024}.drawer .li.sg{align-items:flex-start}.drawer .li.sg b{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}.chip.open{background:var(--acc-soft);color:var(--acc)}.chip.bug{background:color-mix(in srgb, var(--red) 14%, transparent);color:var(--red)}.sg-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 4px;line-height:1.45}.sg-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sg-bar .btn{margin-left:auto}.tbl td.acts{white-space:nowrap;text-align:right}.tbl td.acts .btn{vertical-align:middle}.tbl td.acts .btn+.btn{margin-left:6px}.drawer .li a{color:var(--acc);text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none;overflow:hidden}.drawer .li a:hover{text-decoration:underline}.iconbtn.sm{opacity:0;width:28px;height:28px}.drawer .li:hover .iconbtn.sm{opacity:1}.person{align-items:center;gap:12px;display:flex}.person>div{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.person b{font-size:15px;font-weight:650}.person small{color:var(--mut)}.person .av img{width:56px;height:56px}.person .av .sdot{width:14px;height:14px}.notes{flex-direction:column;gap:12px;display:flex}.drawer .notes .note p{white-space:pre-wrap;margin:0}.drawer .notes .note .row{margin-top:10px}.drawer .notes .note .btn{color:#3b3418;background:#ffffff8c;height:30px;font-size:12px}.drawer .notes .note.read{background:var(--chip);color:var(--text);box-shadow:none}.drawer .notes .note.read small{color:var(--mut)}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tabs.pad{padding:10px 16px 0}.tab{background:var(--chip);height:30px;color:var(--mut);border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;display:inline-flex}.tab.on{background:var(--acc);color:var(--acc-ink)}.tab i{border-radius:50%;width:8px;height:8px}.tab.add{border:1px dashed var(--line);background:0 0}.tab .ic{width:14px;height:14px}.linkbox{gap:6px;display:flex}.linkbox input{border:1px solid var(--line);background:var(--panel-2);height:36px;color:var(--text);font:inherit;border-radius:9px;flex:1;padding:0 10px}.switch{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.switch input{accent-color:var(--acc);width:16px;height:16px;margin-top:3px}.switch span{flex-direction:column;font-weight:600;display:flex}.switch small{color:var(--mut);font-weight:500}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--mut);font-size:12px;font-weight:600}.meter{background:var(--chip);border-radius:6px;height:6px;margin-top:-6px;overflow:hidden}.meter i{background:var(--green);width:0;height:100%;transition:width 80ms;display:block}.cam-test{aspect-ratio:16/9;color:#9aa3b2;background:#111418;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.cam-test video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.cam-test span{align-items:center;gap:6px;display:flex}.players{justify-content:space-between;font-weight:650;display:flex}.players .x{color:#d6453d}.players .o{color:#3b5bdb}.ttt{aspect-ratio:1;grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ttt button{background:var(--chip);border-radius:12px;font-size:34px;font-weight:700}.ttt button.x{color:#d6453d}.ttt button.o{color:#3b5bdb}.ttt.turn button:not(:disabled):hover{background:var(--acc-soft)}.ttt button:disabled{cursor:default}.status{text-align:center;margin:0;font-weight:650}.blocks{flex-wrap:wrap;gap:6px;display:flex}.blk{background:var(--chip);color:var(--mut);border-radius:8px;padding:5px 9px;font-size:12px;font-weight:600}.blk.foco.now{background:var(--violet);color:#fff}.blk.pausa.now{background:var(--green);color:#fff}.blk.done{opacity:.6;text-decoration:line-through}.faces.big{flex-wrap:wrap;gap:4px}.faces.big img{width:34px;height:34px;margin-left:0}.presets{flex-direction:column;gap:6px;display:flex}.preset{border:1px solid var(--line);text-align:left;border-radius:10px;align-items:center;gap:10px;padding:12px;font-weight:600;display:flex}.preset:hover{border-color:var(--acc);background:var(--acc-soft)}.preset .ic{color:var(--violet)}.drawer .form:has(#fMin){flex-direction:row;align-items:center}#fMin{width:80px}.radio .yt{aspect-ratio:16/9;background:#000;border-radius:9px;overflow:hidden}.radio .yt iframe{border:0;width:100%;height:100%;display:block}.radio .info{flex-direction:column;gap:10px;display:flex}.radio .cover{overflow:hidden}.radio .cover img{object-fit:cover;width:100%;height:100%}.radio .ctl .join{white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;background:var(--acc)!important;width:auto!important;height:32px!important;color:var(--acc-ink)!important;display:flex!important}.radio .ctl .join .ic{width:15px;height:15px}.present{z-index:7;background:var(--bg);flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;inset:0}.pr-h{align-items:center;gap:12px;display:flex}.pr-h b{font-size:15px;font-weight:650}.pr-h small{color:var(--mut)}.pr-tools{align-items:center;gap:4px;margin-left:auto;display:flex}.pr-tools button:not(.sw){background:var(--chip);border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.pr-tools button.on:not(.sw){background:var(--acc);color:var(--acc-ink)}.pr-tools .sw{width:22px;height:22px}.pr-main{flex:1;gap:10px;min-height:0;display:grid}.pr-main.n2{grid-template-columns:1fr 1fr}.pr-main .empty{place-self:center}.pr-share{background:#0b0d11;border-radius:14px;min-height:0;position:relative;overflow:hidden}.pr-share video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.pr-ink{cursor:crosshair;position:absolute}.pr-share .nm{color:#fff;background:#0000008c;border-radius:7px;align-items:center;gap:5px;padding:4px 9px;font-size:12px;font-weight:600;display:flex;position:absolute;top:10px;left:10px}.pr-share .nm .ic{width:14px;height:14px}.pr-strip{flex:none;gap:8px;display:flex;overflow-x:auto}.conv-h button{align-items:center;gap:5px;display:inline-flex}.conv-h button .ic{width:14px;height:14px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c10186b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line);width:min(560px,100%);max-height:min(720px,100%);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.modal.wide{width:min(900px,100%)}.modal .dh{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:16px 16px 12px 18px;display:flex}.modal .dh .dic{background:var(--acc-soft);width:34px;height:34px;color:var(--acc);border-radius:9px;place-items:center;display:grid}.modal .dh div{flex-direction:column;flex:1;display:flex}.modal .dh b{font-size:15px;font-weight:650}.modal .dh small{color:var(--mut)}.modal-body{flex-direction:column;gap:12px;padding:14px 18px 18px;display:flex;overflow:auto}.tbl{border-collapse:collapse;width:100%}.tbl th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);border-bottom:1px solid var(--line);padding:6px 8px;font-size:11px;font-weight:600}.tbl td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 8px}.tbl td small{color:var(--mut);display:block}.tbl tr.inactive td{opacity:.55}.tbl select{border:1px solid var(--line);background:var(--panel-2);height:34px;color:var(--text);font:inherit;border-radius:9px;padding:0 8px}.board-modal{z-index:45;color:#1f2329;background:#fbfbfa;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0}.bd-top{background:var(--panel);color:var(--text);border-bottom:1px solid var(--line);z-index:2;align-items:center;gap:10px;padding:10px 14px;display:flex}.bd-top .dic{background:var(--acc-soft);width:34px;height:34px;color:var(--acc);border-radius:9px;place-items:center;display:grid}.bd-title{flex-direction:column;min-width:0;margin-right:auto;display:flex}.bd-title b{font-size:15px;font-weight:650}.bd-title small{color:var(--mut)}.bd-people{display:flex}.bd-people .av{border:2px solid var(--panel);border-radius:50%;margin-left:-6px}.bd-people .av img{width:28px;height:28px}.bd-canvas{touch-action:none;cursor:crosshair;grid-area:2/1;width:100%;height:100%;display:block}.bd-tools{z-index:2;background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;grid-area:2/1;place-self:start center;align-items:center;gap:3px;margin-top:12px;padding:5px;display:flex}.bd-tools button:not(.sw){border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.bd-tools button:not(.sw):hover{background:var(--chip)}.bd-tools button.on:not(.sw){background:var(--acc);color:var(--acc-ink)}.bd-tools .sw{width:24px;height:24px;margin:0 2px}.bd-tools .size i{background:currentColor;border-radius:50%;display:block}.bd-tools .div{background:var(--line);width:1px;height:24px;margin:0 3px}.bd-side{z-index:3;background:var(--panel);width:340px;color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;grid-area:2/1;place-self:stretch end;gap:10px;margin:72px 12px 12px;padding:0 14px 14px;display:flex;overflow:auto}.bd-side .dh{align-items:center;gap:10px;padding:14px 0 6px;display:flex}.bd-side .dh div{flex-direction:column;flex:1;display:flex}.bd-side .dh small{color:var(--mut)}.bd-side h4{letter-spacing:.07em;text-transform:uppercase;color:var(--mut);margin:4px 0 0;font-size:11px}.bd-side .li{align-items:center;gap:10px;padding:6px 0;display:flex}.bd-side .li .lic{background:var(--chip);width:30px;height:30px;color:var(--mut);border-radius:8px;flex:none;place-items:center;display:grid}.bd-side .li div{flex-direction:column;flex:1;min-width:0;display:flex}.bd-side .li small{color:var(--mut)}.bd-zoom{z-index:2;background:var(--panel);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;grid-area:2/1;place-self:end;align-items:center;gap:2px;margin:14px;padding:4px;display:flex}.bd-zoom button{border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.bd-zoom button:hover{background:var(--chip)}.bd-zoom span{text-align:center;font-variant-numeric:tabular-nums;min-width:46px;font-weight:600}.bd-edit{z-index:5;border:2px solid var(--acc);resize:none;border-radius:4px;outline:none;padding:10px 12px;font-family:Geist,sans-serif;font-weight:500;line-height:1.25;position:fixed}.bd-edit.text{padding:2px 4px;font-weight:600}@media (width<=900px){#app{grid-template-columns:minmax(0,1fr)}.top{gap:8px;min-width:0;padding:0 10px}.brand{min-width:0}.focus-pill{gap:6px;padding:3px}.focus-pill .t{min-width:0}.pill-btn{white-space:nowrap}.top-right{gap:2px}.me small,.me .count{display:none}.stage:has(.drawer:not([hidden])) .dock{left:50%}.side{display:none}.top{grid-column:1}.focus-pill .lbl,.focus-pill .faces,.brand .crumb,.brand .sep,.map-card,.hint{display:none}.drawer{width:auto;inset:12px 12px 84px}.dock{max-width:calc(100% - 24px);overflow-x:auto}.db{padding:0 10px}.db .tip{display:none}.toasts{width:auto;left:12px;right:12px}.pr-main.n2{grid-template-columns:1fr}.bd-top .btn:not(.primary){display:none}}@media (width<=1399px){.hint{display:none}}@media (width<=520px){.me{gap:4px;padding:0 6px 0 4px;font-size:0}.me .ic{width:14px;height:14px}.brand b{display:none}}:root{--side-w:clamp(320px, 30vw, 460px)}body.scene-side #viewport{width:var(--side-w);border-left:1px solid var(--line);left:auto}body.scene-side .board-modal{inset:0 var(--side-w) 0 0;border-right:1px solid var(--line)}body.scene-side .present{right:var(--side-w)}body.scene-side .map-card,body.scene-side .zoom,body.scene-side .dock,body.scene-side .reactions,body.scene-side .drawer{display:none}body.scene-side .conv{max-width:calc(var(--side-w) - 24px);left:auto;right:12px;transform:none}body.scene-side .toasts{width:calc(var(--side-w) - 24px);right:12px}