:root{--bg: #f3f5fa;--surface: #ffffff;--surface-2: #eef1f8;--border: #e2e7f1;--text: #141a2c;--muted: #667085;--brand: #2f6bff;--brand-2: #7a4cff;--brand-soft: #e8efff;--danger: #e5484d;--ok: #1fa971;--shadow: 0 1px 2px rgba(20, 26, 44, .06), 0 8px 24px rgba(20, 26, 44, .06);--radius: 16px;font-family:Segoe UI,system-ui,sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0d111b;--surface: #161c2a;--surface-2: #1d2434;--border: #283047;--text: #e9edf6;--muted: #93a0b8;--brand-soft: #1d2a4d;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25);color-scheme:dark}}:root[data-theme=dark]{--bg: #0d111b;--surface: #161c2a;--surface-2: #1d2434;--border: #283047;--text: #e9edf6;--muted: #93a0b8;--brand-soft: #1d2a4d;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}button{font:inherit;color:inherit}h1,h2,h3,p{margin:0}.muted{color:var(--muted);line-height:1.5}.error{color:var(--danger);font-size:14px;background:color-mix(in srgb,var(--danger) 10%,transparent);border-radius:10px;padding:10px 12px}.hint{color:var(--muted);font-size:13px;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 18px;transition:transform .08s,background .15s,box-shadow .15s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-block{width:100%}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 6px 16px #2f6bff47}.btn-primary:hover:not(:disabled){box-shadow:0 8px 22px #2f6bff66}.btn-outline{background:var(--surface);border-color:var(--border)}.btn-outline:hover:not(:disabled){background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{background:var(--surface-2)}.btn-glass{background:#ffffff1a;border-color:#ffffff29;color:#fff;font-size:13px;padding:8px 12px}.btn-glass:hover{background:#ffffff2e}.soon{margin-left:auto;background:var(--surface-2);border-radius:99px;color:var(--muted);font-size:11px;padding:2px 8px}.icon-btn{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}.field input,.field select{background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font:inherit;font-weight:400;padding:11px 12px}.field input:focus,.field select:focus{outline:2px solid color-mix(in srgb,var(--brand) 45%,transparent);border-color:var(--brand)}.welcome{display:grid;grid-template-columns:minmax(340px,5fr) 6fr;height:100%}.welcome-brand{background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.18),transparent 45%),linear-gradient(145deg,#2455e6,#6b3df0);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:36px 44px}.brand-row{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700}.brand-copy h1{font-size:34px;line-height:1.2;margin-bottom:16px}.brand-copy p{color:#ffffffd9;line-height:1.6;max-width:440px}.brand-copy ul{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}.brand-copy li{display:flex;align-items:center;gap:12px;font-size:15px}.welcome-brand small{color:#ffffffa6}.welcome-panel{display:grid;place-items:center;padding:24px;overflow:auto}.auth-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.auth-card h2{font-size:28px}.auth-card .btn-outline{justify-content:flex-start}.back{align-self:flex-start;background:none;border:0;color:var(--muted);cursor:pointer;padding:0}.back:hover{color:var(--text)}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.shell{display:grid;grid-template-columns:88px 1fr;height:100%}.sidebar{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px}.side-logo{margin-bottom:14px}.side-item{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;background:none;border:0;border-radius:12px;color:var(--muted);cursor:pointer;font-size:12px;padding:10px 4px}.side-item:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.side-item.active{background:var(--brand-soft);color:var(--brand);font-weight:600}.side-item:disabled{cursor:not-allowed;opacity:.5}.side-spacer{flex:1}.content{overflow:auto;padding:28px 40px 40px;display:flex;flex-direction:column;gap:26px;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.date{color:var(--muted);font-size:14px;text-transform:capitalize}.topbar h1{font-size:28px;margin-top:2px}.user{display:flex;align-items:center;gap:12px}.user-text{display:flex;flex-direction:column;text-align:right;font-size:14px}.user-text span{color:var(--muted);font-size:12px}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-weight:700}.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--muted);cursor:pointer;font-size:14px;padding:20px;text-align:left;transition:transform .12s,box-shadow .12s}.tile strong{color:var(--text);font-size:17px}.tile:hover:not(:disabled){transform:translateY(-2px)}.tile:disabled{cursor:not-allowed;opacity:.6}.tile-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--surface-2);color:var(--muted);margin-bottom:12px}.tile-icon.blue{background:var(--brand-soft);color:var(--brand)}.tile-icon.violet{background:color-mix(in srgb,var(--brand-2) 16%,transparent);color:var(--brand-2)}.tile-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border-color:transparent;color:#ffffffd9}.tile-primary strong{color:#fff}.tile-primary .tile-icon{background:#fff3;color:#fff}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px}.card-head h2{font-size:18px;margin-bottom:14px}.empty{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);padding:30px 0;text-align:center}.empty p{color:var(--text);font-weight:600}.recent{list-style:none;margin:0;padding:0}.recent li{display:flex;align-items:center;gap:14px;border-top:1px solid var(--border);padding:12px 0}.recent li:first-child{border-top:0}.recent-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--brand-soft);color:var(--brand)}.recent-text{display:flex;flex:1;flex-direction:column;min-width:0}.recent-text strong,.recent-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-text span{color:var(--muted);font-size:13px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--surface);box-shadow:var(--shadow)}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#0a0e1a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20}.dialog{width:min(440px,calc(100vw - 32px));background:var(--surface);border-radius:20px;box-shadow:0 24px 60px #00000059;display:flex;flex-direction:column;gap:16px;padding:24px}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h3{font-size:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}@media(max-width:860px){.welcome{grid-template-columns:1fr}.welcome-brand{display:none}.content{padding:20px}.user-text{display:none}}*{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover{scrollbar-color:color-mix(in srgb,var(--muted, #8892a6) 40%,transparent) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:transparent;border-radius:99px}*:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted, #8892a6) 40%,transparent)}*::-webkit-scrollbar-corner,*::-webkit-scrollbar-button{display:none}.prejoin{display:grid;place-items:center;height:100%;padding:24px;overflow:auto}.prejoin-card{width:min(640px,100%);background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px;padding:26px}.prejoin-head h2{font-size:24px}.code{font-family:Consolas,monospace;background:var(--surface-2);border-radius:6px;padding:1px 6px}.preview{position:relative;aspect-ratio:16 / 9;background:#10141f;border-radius:16px;overflow:hidden}.preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.preview-off{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#aeb8cc;font-size:14px;text-align:center;padding:16px}.preview-bar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:12px}.preview-name{position:absolute;left:14px;top:12px;color:#fff;background:#00000073;border-radius:8px;font-size:13px;padding:4px 10px}.round{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:#ffffffeb;color:#141a2c;cursor:pointer}.round.off{background:var(--danger);color:#fff}.prejoin-devices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.prejoin-devices select{min-width:0}.tile-avatar{display:grid;place-items:center;width:clamp(64px,14vmin,120px);aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-size:clamp(22px,5vmin,40px);font-weight:700}.btn-danger{background:var(--danger);color:#fff}.tag{background:var(--brand-soft);border-radius:99px;color:var(--brand);font-size:11px;font-weight:600;padding:2px 8px}.room{display:flex;flex-direction:column;height:100%;background:var(--bg)}.room-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px}.room-title{display:flex;flex-direction:column;min-width:0}.room-title strong{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-title span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.room-meta{display:flex;align-items:center;gap:10px}.timer{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.timer-warn{color:#e8890c;font-weight:700}.chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:99px;cursor:pointer;font-family:Consolas,monospace;font-size:13px;padding:7px 14px}.chip:hover{background:var(--surface-2)}.banner{margin:0 20px 8px;background:color-mix(in srgb,#e8890c 14%,transparent);border-radius:10px;color:#b86a00;font-size:14px;padding:9px 14px}.banner-error{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.room-main{display:flex;flex:1;gap:14px;min-height:0;padding:0 20px 6px}.stage{position:relative;flex:1;min-width:0;min-height:0}.gallery{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:1fr;gap:12px;height:100%}.focus{display:flex;gap:12px;height:100%}.focus-main{flex:1;min-width:0}.focus-strip{display:flex;flex-direction:column;gap:12px;overflow-y:auto;width:220px}.focus-strip .tile-card{aspect-ratio:16 / 10;flex:none}.tile-card{position:relative;width:100%;height:100%;background:#141a28;border:2px solid transparent;border-radius:16px;overflow:hidden;transition:border-color .15s}.tile-card.speaking{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 30%,transparent)}.tile-card video{width:100%;height:100%;object-fit:cover}.tile-card.is-screen video{object-fit:contain;background:#000}.tile-card.mirror video{transform:scaleX(-1)}.tile-center{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#cdd5e6}.tile-label{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);display:flex;align-items:center;gap:8px;background:#0a0e189e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;color:#fff;font-size:13px;padding:5px 10px}.tile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-mic{display:grid;place-items:center}.tile-mic.off{color:#ff6b6b}.tile-actions{position:absolute;top:10px;right:10px;display:flex;gap:6px;opacity:0;transition:opacity .15s}.tile-card:hover .tile-actions{opacity:1}.tile-btn{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:9px;background:#0a0e189e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer}.tile-btn:hover,.tile-btn.on{background:var(--brand)}.floating{position:absolute;width:260px;aspect-ratio:16 / 10;border-radius:16px;box-shadow:0 14px 40px #0006;cursor:grab;touch-action:none;z-index:5}.floating:active{cursor:grabbing}.panel{width:340px;flex:none;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);min-height:0;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:12px 14px 12px 18px}.panel-head h3{font-size:16px}.panel-note{color:var(--muted);font-size:13px;padding:12px 18px 0}.panel-foot{border-top:1px solid var(--border);padding:12px}.people{flex:1;list-style:none;margin:0;overflow-y:auto;padding:8px}.person{display:flex;align-items:center;gap:10px;border-radius:10px;padding:8px 10px}.person:hover{background:var(--surface-2)}.person-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;color:#fff;font-size:13px;font-weight:700}.person-text{display:flex;flex:1;align-items:center;gap:8px;min-width:0}.person-text strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.person-text input{width:100%;background:var(--surface);border:1px solid var(--brand);border-radius:8px;color:var(--text);font:inherit;padding:5px 8px}.person-state{display:flex;align-items:center;gap:2px;color:var(--muted)}.person-state>span{display:grid;place-items:center;width:26px}.person-state .off{color:var(--danger)}.icon-btn.small{width:28px;height:28px}.icon-btn.small:disabled{opacity:.35;cursor:not-allowed}.icon-btn.danger:hover{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.chat-list{display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:14px}.msg{display:flex;flex-direction:column;gap:3px;max-width:88%}.msg.mine{align-self:flex-end;align-items:flex-end}.msg-meta{color:var(--muted);font-size:11px}.msg p{background:var(--surface-2);border-radius:14px;font-size:14px;line-height:1.4;overflow-wrap:anywhere;padding:8px 12px}.msg.mine p{background:var(--brand);color:#fff}.chat-form{display:flex;gap:8px;border-top:1px solid var(--border);padding:12px}.chat-form input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font:inherit;padding:10px 12px}.chat-form .btn{padding:0 14px}.room-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 20px 16px}.controls-left,.controls-center,.controls-right{display:flex;align-items:center;gap:8px}.controls-center{justify-content:center}.controls-right{justify-content:flex-end}.ctl{position:relative}.ctl-body{display:flex;align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.ctl-main{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:68px;background:none;border:0;border-radius:14px;color:var(--text);cursor:pointer;font-size:11.5px;padding:9px 10px 7px}.ctl-main:hover,.ctl-more:hover{background:var(--surface-2)}.ctl-icon{position:relative;display:grid;place-items:center}.ctl-more{display:grid;place-items:center;width:24px;background:none;border:0;border-left:1px solid var(--border);border-radius:0 14px 14px 0;color:var(--muted);cursor:pointer}.ctl-body.active .ctl-main{color:var(--brand)}.ctl-body.bad .ctl-main{color:var(--danger)}.ctl-body.leave{background:var(--danger);border-color:var(--danger)}.ctl-body.leave .ctl-main{color:#fff}.ctl-body.leave .ctl-main:hover{background:#0000001f}.badge{position:absolute;top:-6px;right:-10px;background:var(--danger);border-radius:99px;color:#fff;font-size:10px;font-weight:700;padding:1px 5px}.pop{position:absolute;z-index:30;min-width:250px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 16px 40px #00000038;padding:8px}.pop-up{bottom:calc(100% + 10px);left:0}.controls-right .pop-up{left:auto;right:0}.pop-group{display:flex;flex-direction:column;gap:2px}.pop-title{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.04em;padding:6px 10px 4px;text-transform:uppercase}.pop-empty{color:var(--muted);font-size:13px;padding:6px 10px}.pop-item{display:flex;align-items:center;gap:8px;background:none;border:0;border-radius:9px;cursor:pointer;font-size:14px;padding:9px 10px;text-align:left}.pop-item:hover{background:var(--surface-2)}.pop-check{display:grid;place-items:center;flex:none;width:16px;color:var(--brand)}.pop-danger{color:var(--danger)}.dialog-wide{width:min(720px,calc(100vw - 32px))}.seg{display:flex;gap:6px;background:var(--surface-2);border-radius:12px;padding:4px}.seg button{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;background:none;border:0;border-radius:9px;color:var(--muted);cursor:pointer;font-weight:600;padding:9px}.seg button.on{background:var(--surface);box-shadow:var(--shadow);color:var(--text)}.sources{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;max-height:52vh;overflow-y:auto}.source{display:flex;flex-direction:column;gap:8px;background:var(--bg);border:2px solid transparent;border-radius:12px;cursor:pointer;padding:8px;text-align:left}.source:hover{border-color:var(--brand)}.source img{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#000;border-radius:8px}.source span{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:900px){.panel{position:absolute;right:20px;top:70px;bottom:100px;z-index:15}}.field{min-width:0}.field input,.field select{width:100%;min-width:0}.prejoin-devices{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-avatar.photo{object-fit:cover;background:none}.page{display:flex;flex-direction:column;gap:20px;max-width:820px}.page-title{display:none}.card-head.row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.card-head.row h2{flex:1;margin:0}.card-head h2{margin-bottom:14px}.card-head.row .search{flex:1}.search{background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font:inherit;min-width:0;padding:10px 12px}.link{background:none;border:0;color:var(--brand);cursor:pointer;font-weight:600}.avatar-btn{background:none;border:0;border-radius:50%;cursor:pointer;padding:0}.avatar-btn:hover .avatar{box-shadow:0 0 0 3px var(--brand-soft)}.hint.left{text-align:left}.profile-row{display:flex;align-items:center;gap:22px;margin-bottom:20px}.profile-photo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.profile-photo-actions .hint{flex-basis:100%}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.save-row{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:20px}.saved{display:inline-flex;align-items:center;gap:6px;color:var(--ok);font-weight:600}.seg-inline{max-width:420px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--border);cursor:pointer;padding:14px 0}.switch-row:first-of-type{border-top:0}.switch-row span{display:flex;flex-direction:column;gap:2px}.switch-row small{color:var(--muted)}.switch-row input{width:20px;height:20px;accent-color:var(--brand)}@media(max-width:700px){.form-grid,.prejoin-devices{grid-template-columns:minmax(0,1fr)}}.stage-empty{display:grid;place-items:center;height:100%;color:var(--muted)}.focus.bottom{flex-direction:column}.focus-main.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.focus-strip.row{flex-direction:row;flex:none;gap:12px;height:140px;overflow-x:auto;overflow-y:hidden;width:auto}.focus-strip.row .tile-card{aspect-ratio:auto;height:100%;width:220px;flex:none}.focus-strip.col{flex-direction:column}.share-pill{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#0a0e18bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:99px;color:#fff;font-size:13px;padding:6px 8px 6px 14px;z-index:3}.share-pill button{background:var(--danger);border:0;border-radius:99px;color:#fff;cursor:pointer;font-weight:600;padding:4px 12px}.pop-sep{height:1px;background:var(--border);margin:4px 0}.room-bar{position:relative}.chip.on{border-color:var(--brand);color:var(--brand)}.chip{font-family:inherit}.info-pop{position:absolute;top:calc(100% - 4px);right:20px;z-index:40;width:min(420px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 48px #00000040;padding:8px 18px 18px}.info-head{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.info-head h3{font-size:16px}.info-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding:10px 0}.info-row>div{display:flex;flex-direction:column;min-width:0}.info-label{color:var(--muted);font-size:12px}.info-value{overflow-wrap:anywhere;font-size:14px}.info-value.mono{font-family:Consolas,monospace}.info-actions{display:flex;gap:10px;margin-top:14px}.info-actions .btn{flex:1;padding:11px 8px;font-size:14px}.info-done{color:var(--ok);font-size:13px;font-weight:600;margin-top:10px;text-align:center}.room{position:relative}.room.fullscreen .room-bar,.room.fullscreen .room-controls{position:absolute;left:0;right:0;z-index:10;transition:opacity .25s,transform .25s}.room.fullscreen .room-bar{top:0;background:linear-gradient(rgba(0,0,0,.55),transparent);color:#fff}.room.fullscreen .room-bar .room-title span,.room.fullscreen .room-bar .timer{color:#fffc}.room.fullscreen .room-controls{bottom:0;background:linear-gradient(transparent,#0000008c)}.room.fullscreen.idle .room-bar{opacity:0;pointer-events:none;transform:translateY(-12px)}.room.fullscreen.idle .room-controls{opacity:0;pointer-events:none;transform:translateY(12px)}.room.fullscreen.idle{cursor:none}.room.fullscreen .gallery,.room.fullscreen .focus,.room.fullscreen .focus-strip{gap:12px}.room.fullscreen.idle .gallery,.room.fullscreen.idle .focus,.room.fullscreen.idle .focus-strip{gap:0}.room.fullscreen{background:#0b0f19;color:#fff}.room.fullscreen .room-main{inset:68px 0 104px;position:absolute;padding:0 12px;gap:12px;transition:top .25s,bottom .25s}.room.fullscreen.idle .room-main{top:0;bottom:0;padding:0;gap:0}.room.fullscreen .tile-card{border-radius:14px}.room.fullscreen.idle .tile-card{border-radius:0}.room.fullscreen .room-bar{background:linear-gradient(rgba(0,0,0,.7),transparent);padding-bottom:18px}.room.fullscreen .room-title strong,.room.fullscreen .timer{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}.room.fullscreen .chip,.room.fullscreen .room-bar .icon-btn{background:#ffffff29;border:1px solid rgba(255,255,255,.25);color:#fff}.room.fullscreen .chip:hover,.room.fullscreen .room-bar .icon-btn:hover{background:#ffffff42}.room.fullscreen .chip.on{background:var(--brand);border-color:var(--brand)}.room.fullscreen .info-pop,.room.fullscreen .panel,.room.fullscreen .pop{color:var(--text);text-shadow:none}.room.fullscreen .room-controls{background:linear-gradient(transparent,#000000b3);padding-top:18px}.room.fullscreen .ctl-body{background:#1a2032e0;border-color:#ffffff24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.room.fullscreen .ctl-main{color:#fff}.room.fullscreen .ctl-more{border-left-color:#ffffff24;color:#ffffffbf}.room.fullscreen .ctl-main:hover,.room.fullscreen .ctl-more:hover{background:#ffffff1f}.room.fullscreen .ctl-body.active .ctl-main{color:#8fb0ff}.room.fullscreen .ctl-body.bad .ctl-main{color:#ff8585}.room.fullscreen .ctl-body.leave{background:var(--danger)}.room.fullscreen .ctl-body.leave .ctl-main{color:#fff}.room.fullscreen .banner{position:absolute;top:70px;left:20px;right:20px;z-index:12}html,body{overflow:hidden;overscroll-behavior:none}.room{overflow:hidden}.people,.chat-list,.sources,.content,.welcome-panel,.prejoin,.panel{scrollbar-width:none;-ms-overflow-style:none}.people::-webkit-scrollbar,.chat-list::-webkit-scrollbar,.sources::-webkit-scrollbar,.content::-webkit-scrollbar,.welcome-panel::-webkit-scrollbar,.prejoin::-webkit-scrollbar,.panel::-webkit-scrollbar{display:none}.stage,.room-main{overflow:hidden}.gallery-wrap{position:relative;height:100%}.gal-arrow{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;background:#0a0e18b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;z-index:4}.gal-arrow.left{left:10px}.gal-arrow.right{right:10px}.gal-arrow:hover:not(:disabled){background:var(--brand)}.gal-arrow:disabled{opacity:.35;cursor:default}.gal-count{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#0a0e18b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:99px;color:#fff;font-size:12px;font-variant-numeric:tabular-nums;padding:4px 12px;z-index:4}.strip-wrap{display:flex;flex:none;gap:8px;min-height:0;min-width:0}.strip-wrap.col{flex-direction:column;width:220px}.strip-wrap.row{align-items:center;height:140px;width:100%}.strip-wrap .focus-strip{display:flex;flex:1;gap:12px;overflow:hidden;min-height:0;min-width:0}.strip-wrap .focus-strip.col{flex-direction:column;width:auto}.strip-wrap .focus-strip.row{flex-direction:row;height:100%;width:auto}.strip-wrap .focus-strip.col .tile-card{aspect-ratio:16 / 10;height:auto;width:100%;flex:none}.strip-wrap .focus-strip.row .tile-card{aspect-ratio:auto;height:100%;width:220px;flex:none}.pager{display:flex;flex:none;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.room.fullscreen .pager{color:#fff}.pager button{display:grid;place-items:center;width:30px;height:30px;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--text);cursor:pointer}.pager button:disabled{opacity:.35;cursor:default}.pager button:hover:not(:disabled){background:var(--brand);border-color:var(--brand);color:#fff}.controls-center{flex-wrap:wrap}.room-controls>div{min-width:0}.page{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));align-items:start;gap:20px;max-width:none}.page>.card:first-of-type{grid-column:1 / -1}.page .form-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.page .seg-inline{max-width:none}.settings{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:stretch;flex:1;min-height:0}.settings-nav{display:flex;flex-direction:column;gap:6px}.settings-tab{display:flex;align-items:center;gap:14px;background:none;border:1px solid transparent;border-radius:14px;cursor:pointer;padding:12px 14px;text-align:left}.settings-tab span:last-child{display:flex;flex-direction:column;gap:2px}.settings-tab small{color:var(--muted);font-size:12px}.settings-tab:hover{background:var(--surface)}.settings-tab.on{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow)}.settings-tab-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--surface-2);color:var(--muted)}.settings-tab.on .settings-tab-icon{background:var(--brand-soft);color:var(--brand)}.settings-body{display:flex;flex-direction:column;gap:24px;min-height:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 32px}.settings-head h2{font-size:22px;margin-bottom:4px}.settings-content{display:flex;flex-direction:column;gap:24px;max-width:880px}.profile-hero{display:flex;align-items:center;gap:26px;background:var(--bg);border-radius:16px;padding:22px 24px}.settings .form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.theme-card{display:flex;flex-direction:column;gap:4px;background:var(--bg);border:2px solid transparent;border-radius:16px;cursor:pointer;padding:14px;text-align:left}.theme-card:hover{border-color:var(--border)}.theme-card.on{border-color:var(--brand);background:var(--brand-soft)}.theme-card small{color:var(--muted)}.theme-preview{display:flex;gap:6px;height:90px;margin-bottom:8px;border-radius:10px;overflow:hidden;padding:10px}.theme-preview i{flex:1;border-radius:6px}.theme-preview.light{background:#f3f5fa}.theme-preview.light i{background:#fff;box-shadow:0 1px 3px #0000001f}.theme-preview.dark{background:#0d111b}.theme-preview.dark i{background:#1d2434}.theme-preview.auto{background:linear-gradient(90deg,#f3f5fa 50%,#0d111b 50%)}.theme-preview.auto i:nth-child(1){background:#fff}.theme-preview.auto i:nth-child(3){background:#1d2434}.theme-preview.auto i:nth-child(2){background:#8a93a8}.link-preview{display:flex;flex-direction:column;gap:6px;background:var(--bg);border-radius:12px;padding:14px 16px}.link-preview span{color:var(--muted);font-size:12px}.link-preview code{font-family:Consolas,monospace;overflow-wrap:anywhere}.settings .switch-row{background:var(--bg);border:0;border-radius:14px;padding:16px 20px}.brand-logo{display:grid;place-items:center;width:64px;height:64px;background:#fff;border-radius:18px;box-shadow:0 8px 22px #00000038}@media(max-width:900px){.settings{grid-template-columns:minmax(0,1fr)}.settings-nav{flex-direction:row;overflow-x:auto}.settings-tab small{display:none}}.slogan{display:inline-block;background:#ffffff29;border:1px solid rgba(255,255,255,.28);border-radius:99px;color:#fff;font-size:14px;font-style:italic;letter-spacing:.01em;margin-bottom:18px;padding:7px 16px}.home-slogan{margin-top:auto;color:var(--muted);font-size:13px;font-style:italic;text-align:center}.slogan{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border-radius:16px}.slogan small{color:#ffffffd1;font-size:13px}.home-slogan small{display:block;font-size:12px;opacity:.85}.waiting{display:flex;align-items:center;gap:14px;background:var(--brand-soft);border-radius:12px;padding:12px 14px}.waiting>div{display:flex;flex:1;flex-direction:column;gap:2px}.waiting small{color:var(--muted)}.spinner{width:22px;height:22px;border:3px solid color-mix(in srgb,var(--brand) 25%,transparent);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.focus{min-height:0}.focus-main{flex:1 1 0;min-height:0;min-width:0;position:relative}.focus-main>.tile-card{height:100%}.focus-main.duo>.tile-card{height:100%}.strip-wrap.row{flex:none}@supports (height: 100dvh){html,body,#root{height:100dvh}}.room.mobile{height:100%;background:#0b0f19;color:#fff;padding-bottom:env(safe-area-inset-bottom)}.m-bar{display:flex;align-items:center;gap:8px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px}.m-title{display:flex;flex:1;flex-direction:column;min-width:0;line-height:1.25}.m-title strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.m-title span{color:#ffffffa6;font-size:12px;font-variant-numeric:tabular-nums}.m-title span.warn{color:#ffb454;font-weight:700}.m-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;background:#ffffff1a;border:0;border-radius:12px;color:#fff;cursor:pointer}.m-icon.on{background:var(--brand)}.m-leave{display:inline-flex;align-items:center;gap:6px;flex:none;height:40px;background:var(--danger);border:0;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:0 14px}.room.mobile .room-main{flex:1;min-height:0;padding:0 6px;gap:0}.room.mobile .stage{position:relative}.m-full{position:relative;height:100%;width:100%}.m-full>.tile-card{height:100%;border-radius:14px}.m-full>.tile-card.is-screen{background:#000;border-radius:10px}.m-self{position:absolute;right:10px;bottom:10px;width:30%;max-width:128px;aspect-ratio:3 / 4;z-index:5;border-radius:12px;box-shadow:0 8px 22px #00000080}.m-self .tile-card{border-radius:12px}.m-self .tile-label{display:none}.m-grid-wrap{display:flex;flex-direction:column;gap:6px;height:100%}.m-grid{display:grid;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:6px;min-height:0}.m-grid[data-n="2"]{grid-template-columns:minmax(0,1fr)}.m-grid[data-n="3"]>:last-child{grid-column:1 / -1}.room.mobile .tile-card{border-radius:14px}.room.mobile .tile-actions{display:none}.tile-card.tappable{cursor:pointer}.m-controls{display:flex;align-items:stretch;justify-content:space-around;gap:2px;padding:8px 6px 10px}.m-btn{display:flex;flex:1;flex-direction:column;align-items:center;gap:4px;min-width:0;background:none;border:0;border-radius:12px;color:#e8ecf5;cursor:pointer;padding:6px 2px}.m-btn:active{background:#ffffff1a}.m-btn.on{color:#8fb0ff}.m-btn.bad{color:#ff8585}.m-btn-icon{position:relative;display:grid;place-items:center}.m-btn-label{max-width:100%;overflow:hidden;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.room.mobile .panel{position:fixed;left:0;right:0;bottom:0;z-index:71;width:auto;height:min(80dvh,640px);border:0;border-radius:22px 22px 0 0;box-shadow:0 -10px 40px #00000073;color:var(--text);padding-bottom:env(safe-area-inset-bottom)}.room.mobile .info-pop{position:fixed;inset:auto 0 0;z-index:72;width:auto;max-height:86dvh;overflow-y:auto;border:0;border-radius:22px 22px 0 0;color:var(--text);padding-bottom:calc(18px + env(safe-area-inset-bottom));scrollbar-width:none}.room.mobile .info-pop::-webkit-scrollbar{display:none}.room.mobile .banner{margin:0 10px 6px}.sheet-backdrop{position:fixed;inset:0;z-index:70;background:#0000008c}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:73;display:flex;flex-direction:column;gap:4px;max-height:86dvh;background:var(--surface);border-radius:22px 22px 0 0;box-shadow:0 -10px 40px #00000073;color:var(--text);padding:8px 14px calc(16px + env(safe-area-inset-bottom));animation:sheet-up .2s ease-out}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}}.sheet-grip{align-self:center;width:40px;height:4px;background:var(--border);border-radius:99px;margin-bottom:6px}.sheet h3{font-size:17px;padding:4px 6px 8px}.sheet-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;scrollbar-width:none}.sheet-list::-webkit-scrollbar{display:none}.sheet-item{display:flex;align-items:center;gap:14px;width:100%;background:none;border:0;border-radius:14px;cursor:pointer;padding:13px 8px;text-align:left}.sheet-item:active{background:var(--surface-2)}.sheet-item.danger{color:var(--danger)}.sheet-item-icon{display:grid;place-items:center;flex:none;width:24px}.sheet-item-text{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.sheet-item-text strong{font-size:15px;font-weight:600}.sheet-item-text small{color:var(--muted);font-size:12.5px}.sheet-item-check{display:grid;place-items:center;width:24px;color:var(--brand)}.sheet-note{color:var(--muted);font-size:13px;padding:8px 8px 0}.room.mobile .m-fs{display:grid}.room.mobile .m-bar,.room.mobile .m-controls{position:absolute;left:0;right:0;z-index:12;transition:opacity .25s,transform .25s}.room.mobile .m-bar{top:0;background:linear-gradient(rgba(0,0,0,.7),transparent);padding:8px max(10px,env(safe-area-inset-right)) 16px max(10px,env(safe-area-inset-left))}.room.mobile .m-controls{bottom:0;background:linear-gradient(transparent,#000000b3);padding:18px max(6px,env(safe-area-inset-right)) 8px max(6px,env(safe-area-inset-left))}.room.mobile.chrome-off .m-bar{opacity:0;pointer-events:none;transform:translateY(-12px)}.room.mobile.chrome-off .m-controls{opacity:0;pointer-events:none;transform:translateY(12px)}.room.mobile .room-main{position:absolute;inset:0;padding:0}.room.mobile .m-full>.tile-card,.room.mobile .tile-card{border-radius:18px}.room.mobile .m-full>.tile-card.is-screen{border-radius:14px}.duration{display:flex;flex-direction:column;gap:10px}.duration-label{font-size:14px;font-weight:600}.duration-inputs{display:flex;gap:12px}.duration-inputs label{display:flex;flex:1;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:4px 12px}.duration-inputs input{width:100%;min-width:0;background:none;border:0;color:var(--text);font:inherit;font-size:22px;font-weight:700;padding:6px 0;text-align:center;-moz-appearance:textfield}.duration-inputs input:focus{outline:none}.duration-inputs label:focus-within{border-color:var(--brand);outline:2px solid color-mix(in srgb,var(--brand) 40%,transparent)}.duration-inputs span{color:var(--muted);font-size:13px}.duration-quick{display:flex;flex-wrap:wrap;gap:8px}.duration-quick button{background:var(--surface-2);border:0;border-radius:99px;color:var(--text);cursor:pointer;font-size:13px;padding:6px 14px}.duration-quick button:hover{background:var(--brand-soft);color:var(--brand)}.saved-accounts{display:flex;flex-direction:column;gap:8px}.saved-title{color:var(--muted);font-size:13px}.saved-account{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:6px 8px 6px 6px}.saved-account:hover{border-color:var(--brand)}.saved-main{display:flex;flex:1;align-items:center;gap:12px;min-width:0;background:none;border:0;cursor:pointer;padding:4px;text-align:left}.saved-main span{display:flex;flex-direction:column;min-width:0}.saved-main strong,.saved-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-main small{color:var(--muted)}.remember{display:flex;align-items:center;gap:10px;color:var(--muted);cursor:pointer;font-size:14px}.remember input{width:18px;height:18px;accent-color:var(--brand)}.room.mobile{padding-bottom:0}.room.mobile .m-controls{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.room.mobile .m-bar{padding-top:calc(8px + env(safe-area-inset-top))}.room.mobile .m-grid-wrap{padding:calc(60px + env(safe-area-inset-top)) 6px calc(84px + env(safe-area-inset-bottom))}.room.mobile .tile-card{touch-action:manipulation}.install-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:none;border:1px dashed var(--border);border-radius:12px;color:var(--muted);cursor:pointer;font-size:14px;padding:10px}.install-btn:hover{border-color:var(--brand);color:var(--brand)}.room:not(.mobile) .room-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:nowrap}.room:not(.mobile) .controls-left,.room:not(.mobile) .controls-right{flex:none}.room:not(.mobile) .controls-center{flex:1 1 auto;flex-wrap:nowrap;justify-content:center;min-width:0}@media(max-width:1180px){.room:not(.mobile) .ctl-label{display:none}.room:not(.mobile) .ctl-main{min-width:0;padding:13px 15px}.room:not(.mobile) .ctl-more{width:22px}.room:not(.mobile) .room-bar,.room:not(.mobile) .room-main,.room:not(.mobile) .room-controls{padding-left:14px;padding-right:14px}.room:not(.mobile) .badge{right:-7px}}@media(max-width:860px){.chip-text{display:none}.room:not(.mobile) .chip{padding:8px 10px}.room:not(.mobile) .ctl-main{padding:12px}.room:not(.mobile) .room-controls{gap:6px}.info-pop{right:10px}.room:not(.mobile) .focus-strip.col,.room:not(.mobile) .strip-wrap.col{width:160px}.room:not(.mobile) .strip-wrap .focus-strip.col .tile-card{width:100%}}.prejoin{display:flex;place-items:initial}.prejoin-card{margin:auto}@media(max-width:1000px){.content{padding:22px 24px 32px}.topbar h1{font-size:24px}}@media(max-width:820px){.shell{grid-template-columns:72px minmax(0,1fr)}.content{padding:18px 16px 28px;gap:20px}.topbar{flex-wrap:wrap}.actions{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.tile{padding:16px}.card{padding:18px 16px}.recent li,.card-head.row{flex-wrap:wrap}.settings-body{padding:20px 16px}.profile-hero{flex-direction:column;align-items:flex-start}.dialog{padding:18px}}@media(min-width:1700px){.content>.actions,.content>.card,.content>.settings{max-width:1500px}}.auth-brand{display:none}@media(max-width:860px){.auth-brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;margin-bottom:6px}.welcome-panel{align-items:start;padding:36px 20px}}@media(max-height:640px){.welcome-panel{align-items:start}.room:not(.mobile) .room-bar{padding-top:8px;padding-bottom:8px}.room:not(.mobile) .room-controls{padding-bottom:10px}}.settings-sub{font-size:15px;margin-top:4px}.gallery.dyn{grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--rows),minmax(0,1fr));grid-auto-rows:auto}.gallery.dyn-big>:first-child{grid-column:span 2;grid-row:span 2}.gallery-wrap.immersive .gallery{gap:2px}.gallery-wrap.immersive .tile-card{border-radius:0}.pop-item svg{flex:none}.pop-item{white-space:nowrap}.room.mobile .m-grid-wrap{padding:0}.m-pad,.m-dyn,.m-multi{height:100%;display:flex;flex-direction:column;gap:6px;padding:calc(60px + env(safe-area-inset-top)) 6px calc(84px + env(safe-area-inset-bottom));transition:padding .25s}.room.mobile.chrome-off .m-dyn,.room.mobile.chrome-off .m-multi,.room.mobile.chrome-off .m-grid-wrap:not(.nested){padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:calc(6px + env(safe-area-inset-bottom))}.m-dyn-main{flex:1.5;min-height:0}.m-dyn-main>.tile-card,.m-multi-top>.tile-card{height:100%}.m-dyn>.m-grid-wrap{flex:1;min-height:0}.m-multi-top{display:flex;flex:2;flex-direction:column;gap:6px;min-height:0}.m-multi-top>.tile-card{flex:1;min-height:0}.m-multi>.m-grid-wrap{flex:0 0 22%;min-height:0}.m-grid-wrap.row .m-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.m-grid-wrap.row .m-grid[data-n="1"]{grid-template-columns:minmax(0,1fr)}.m-grid-wrap.row .m-grid[data-n="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.m-grid-wrap.row .m-grid[data-n="3"]>:last-child{grid-column:auto}.room.mobile .stage>.m-grid-wrap{padding:calc(60px + env(safe-area-inset-top)) 6px calc(84px + env(safe-area-inset-bottom));transition:padding .25s}.room.mobile.chrome-off .stage>.m-grid-wrap{padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:calc(6px + env(safe-area-inset-bottom))}.sheet-sep{height:1px;background:var(--border);margin:6px 0}@keyframes slide-next{0%{opacity:0;transform:translate(36px)}}@keyframes slide-prev{0%{opacity:0;transform:translate(-36px)}}.m-grid.slide-next{animation:slide-next .22s ease-out}.m-grid.slide-prev{animation:slide-prev .22s ease-out}.m-grid-wrap{touch-action:pan-y}.round.on{background:var(--brand);color:#fff}.round:disabled{opacity:.4;cursor:not-allowed}.preview-busy{position:absolute;top:12px;right:14px;background:#0000008c;border-radius:8px;color:#fff;font-size:12px;padding:4px 10px}.duration-quick button.on{background:var(--brand);color:#fff}.m-multi.strip-top{flex-direction:column-reverse}.strip-wrap.row{align-items:center;gap:8px;position:relative}.strip-wrap.col{align-items:stretch;gap:8px;position:relative}.strip-wrap.col>.strip-arrow{align-self:center}.strip-arrow{display:grid;place-items:center;flex:none;width:34px;height:34px;background:var(--surface);border:1px solid var(--border);border-radius:50%;color:var(--text);cursor:pointer}.strip-arrow:hover:not(:disabled){background:var(--brand);border-color:var(--brand);color:#fff}.strip-arrow:disabled{opacity:.35;cursor:default}.strip-arrow .flip{display:grid;transform:rotate(180deg)}.strip-count{position:absolute;right:50%;bottom:-2px;transform:translate(50%);color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums;pointer-events:none}.room.fullscreen .strip-arrow,.room.fullscreen .strip-count{color:#fff}.star-tag{background:color-mix(in srgb,#e8a317 22%,transparent);color:#b07a00}.icon-btn.star-on{color:#e8a317}.pop-item:disabled{opacity:.45;cursor:default}.room.fullscreen.idle{cursor:default}.fs-hint{position:absolute;bottom:26px;left:50%;transform:translate(-50%);z-index:30;background:#0a0e18c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:99px;color:#fff;font-size:13px;padding:8px 16px;pointer-events:none;white-space:nowrap;animation:hint-in .25s ease-out}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,8px)}}.strip-end{display:flex;flex:none;align-items:center;justify-content:center;gap:6px}.strip-end.row{flex-direction:column;min-width:64px}.strip-end.col{flex-direction:row}.strip-count{position:static;transform:none;background:var(--brand-soft);border-radius:99px;color:var(--brand);font-size:12px;font-weight:700;padding:3px 10px;white-space:nowrap}.room.fullscreen .strip-count{background:#fff3;color:#fff}.access-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.access-cards .theme-card{padding:12px}.waiting-screen{display:grid;place-items:center;height:100%;padding:24px;background:var(--bg)}.waiting-card{width:min(400px,100%);display:flex;flex-direction:column;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:32px 28px;text-align:center}.waiting-ask{position:absolute;top:70px;right:20px;z-index:60;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 16px 40px #00000047;color:var(--text);padding:14px 16px}.waiting-ask-text{display:flex;align-items:center;gap:10px}.waiting-ask-actions{display:flex;justify-content:flex-end;gap:8px}.waiting-ask-actions .btn{padding:8px 16px;font-size:14px}.waiting-list{display:flex;flex-direction:column;gap:8px;background:var(--brand-soft);border-radius:12px;margin:8px;padding:10px 12px}.waiting-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.waiting-row>div{display:flex;gap:6px}.waiting-row .btn{padding:5px 12px;font-size:13px}.toasts{position:absolute;left:50%;bottom:120px;z-index:80;display:flex;flex-direction:column;align-items:center;gap:8px;transform:translate(-50%);pointer-events:none}.toast-item{background:#0a0e18db;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:99px;color:#fff;font-size:13px;padding:8px 16px;white-space:nowrap;animation:hint-in .25s ease-out}.subject-edit input,.rename-form input{width:100%;background:var(--bg);border:1px solid var(--brand);border-radius:8px;color:var(--text);font:inherit;padding:6px 10px}.rename-form{min-width:0}.room.mobile .waiting-ask{top:64px;right:10px}button{-webkit-tap-highlight-color:transparent;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .08s,filter .15s,opacity .15s}button:not(:disabled){cursor:pointer}button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.btn:active:not(:disabled),.icon-btn:active:not(:disabled),.tile-btn:active:not(:disabled),.round:active:not(:disabled),.strip-arrow:active:not(:disabled),.gal-arrow:active:not(:disabled),.pager button:active:not(:disabled),.chip:active,.ctl-main:active,.ctl-more:active,.m-btn:active,.m-icon:active,.m-leave:active,.duration-quick button:active,.seg button:active,.theme-card:active,.settings-tab:active,.side-item:active:not(:disabled),.tile:active:not(:disabled){transform:scale(.95)}.pop-item:active,.sheet-item:active,.saved-main:active{transform:scale(.985)}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-primary:active:not(:disabled){filter:brightness(.92)}.btn-outline:hover:not(:disabled),.btn-ghost:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.btn-danger:hover:not(:disabled),.m-leave:hover{filter:brightness(1.1)}.ctl-main:hover,.ctl-more:hover{background:var(--brand-soft);color:var(--brand)}.ctl-body.leave .ctl-main:hover{background:#00000024;color:#fff}.room.fullscreen .ctl-main:hover,.room.fullscreen .ctl-more:hover{background:#ffffff29}.icon-btn:hover:not(:disabled){background:var(--brand-soft);color:var(--brand)}.icon-btn.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.chip:hover{border-color:var(--brand);color:var(--brand)}.theme-card:hover,.settings-tab:hover{border-color:var(--brand)}.duration-quick button:hover:not(.on),.seg button:hover:not(.on){background:var(--brand-soft);color:var(--brand)}.tile:hover:not(:disabled),.side-item:hover:not(:disabled){box-shadow:0 10px 28px #2f6bff2e}.m-btn:hover,.m-icon:hover{background:#ffffff24}.is-busy{opacity:.8;cursor:progress}.is-done{background:var(--ok)!important;border-color:var(--ok)!important;color:#fff!important}.btn.is-busy,.btn.is-done{display:inline-flex;align-items:center;gap:8px}.mini-spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.is-error{background:var(--danger)!important;border-color:var(--danger)!important;color:#fff!important}.btn.is-error{display:inline-flex;align-items:center;gap:8px}.info-row.subject-edit{flex-direction:column;align-items:stretch;gap:6px}.rename-form{display:flex;flex-direction:column;gap:6px}.subject-actions{display:flex;justify-content:flex-end;gap:8px}.subject-actions .btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:14px}.chat-list{gap:14px}.cmsg{display:flex;align-items:flex-end;gap:8px}.cmsg.mine{flex-direction:row-reverse}.cmsg-avatar{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;color:#fff;font-size:11px;font-weight:700}.cmsg-body{display:flex;flex-direction:column;gap:4px;max-width:82%;min-width:0}.cmsg.mine .cmsg-body{align-items:flex-end}.cmsg-meta{color:var(--muted);font-size:11.5px}.cmsg-meta strong{color:var(--text);font-weight:600}.cmsg-bubble{background:var(--surface-2);border-radius:16px 16px 16px 4px;padding:8px 12px}.cmsg.mine .cmsg-bubble{background:var(--brand);border-radius:16px 16px 4px;color:#fff}.cmsg-bubble p{font-size:14px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}.cmsg-quote{display:flex;flex-direction:column;gap:1px;background:#00000014;border-left:3px solid var(--brand);border-radius:6px;font-size:12px;margin-bottom:6px;padding:4px 8px}.cmsg.mine .cmsg-quote{background:#ffffff2e;border-left-color:#fff}.cmsg-quote span{opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmsg-reacts{display:flex;flex-wrap:wrap;gap:4px}.cmsg-chip{background:var(--surface);border:1px solid var(--border);border-radius:99px;font-size:13px;padding:1px 8px}.cmsg-chip b{color:var(--muted);font-size:11px}.cmsg-chip.on{background:var(--brand-soft);border-color:var(--brand)}.cmsg-actions{position:relative;display:flex;gap:4px;opacity:0;transition:opacity .15s}.cmsg:hover .cmsg-actions,.cmsg:focus-within .cmsg-actions{opacity:1}.cmsg-actions>button{display:inline-flex;align-items:center;gap:4px;background:none;border:0;border-radius:8px;color:var(--muted);font-size:12px;padding:3px 7px}.cmsg-actions>button:hover{background:var(--brand-soft);color:var(--brand)}.cmsg-picker{position:absolute;bottom:calc(100% + 4px);left:0;z-index:5;display:flex;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:99px;box-shadow:0 8px 24px #00000038;padding:4px 6px}.cmsg.mine .cmsg-picker{left:auto;right:0}.cmsg-picker button{background:none;border:0;border-radius:50%;font-size:19px;height:32px;width:32px}.cmsg-picker button:hover{background:var(--surface-2);transform:scale(1.2)}.csys{display:flex;justify-content:center}.csys span{background:var(--surface-2);border-radius:99px;color:var(--muted);font-size:12px;padding:3px 12px}.chat-form{flex-direction:column;gap:8px}.reply-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--brand-soft);border-left:3px solid var(--brand);border-radius:8px;padding:6px 8px 6px 10px}.reply-bar>div{display:flex;flex-direction:column;min-width:0;font-size:12px}.reply-bar strong{color:var(--brand)}.reply-bar span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row{display:flex;align-items:flex-end;gap:8px}.chat-row textarea{flex:1;min-width:0;max-height:110px;background:var(--bg);border:1px solid var(--border);border-radius:12px;color:var(--text);font:inherit;padding:10px 12px;resize:none}.chat-row textarea:focus{border-color:var(--brand);outline:2px solid color-mix(in srgb,var(--brand) 30%,transparent)}.chat-row .btn{padding:10px 14px}.room.mobile .cmsg-actions{opacity:1}.react-layer{position:absolute;inset:0;z-index:40;overflow:hidden;pointer-events:none}.react-float{position:absolute;bottom:90px;display:flex;flex-direction:column;align-items:center;gap:2px;transform:translate(-50%);animation:react-up 3.4s ease-out forwards}.react-emoji{font-size:44px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.react-name{background:#0a0e18b3;border-radius:99px;color:#fff;font-size:12px;padding:2px 10px}@keyframes react-up{0%{opacity:0;transform:translate(-50%,20px) scale(.6)}12%{opacity:1;transform:translate(-50%) scale(1.1)}to{opacity:0;transform:translate(calc(-50% + 18px),-48vh) scale(1)}}.react-pop{display:flex;flex-direction:column;gap:4px;min-width:270px}.emoji-row,.emoji-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.emoji-grid{padding:4px 4px 10px}.emoji-btn{background:var(--surface-2);border:0;border-radius:12px;font-size:26px;line-height:1;padding:9px 0}.emoji-btn:hover{background:var(--brand-soft);transform:scale(1.12)}.emoji-btn:active{transform:scale(.9)}.pop-item.hand-on{color:#b07a00;font-weight:600}.hand-badge{position:absolute;top:10px;left:10px;z-index:3;display:grid;place-items:center;width:36px;height:36px;background:#ffc83d;border-radius:50%;box-shadow:0 4px 12px #00000059;font-size:20px;animation:hand-wave 1.4s ease-in-out infinite}@keyframes hand-wave{0%,to{transform:rotate(0)}25%{transform:rotate(14deg)}75%{transform:rotate(-10deg)}}.hand-flag{font-size:16px}.hand-pill{position:absolute;bottom:118px;left:50%;z-index:50;display:flex;align-items:center;gap:12px;transform:translate(-50%);background:#ffc83d;border-radius:99px;box-shadow:0 8px 24px #0000004d;color:#3a2a00;font-size:14px;font-weight:600;padding:6px 8px 6px 16px;white-space:nowrap}.hand-pill button{background:#00000024;border:0;border-radius:99px;color:#3a2a00;font-weight:600;padding:5px 12px}.hand-pill button:hover{background:#0000003d}.room.mobile .hand-pill{bottom:96px}.room.mobile .panel{inset:auto 0 0;width:auto;height:min(82dvh,680px)}.room.mobile .hand-pill{top:calc(64px + env(safe-area-inset-top));bottom:auto}.room.mobile.chrome-off .hand-pill{top:calc(12px + env(safe-area-inset-top))}.room.mobile .m-self{right:10px;bottom:calc(92px + env(safe-area-inset-bottom));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:bottom .25s}.room.mobile .m-self.placed{transition:none}.room.mobile .m-self:active{cursor:grabbing;box-shadow:0 12px 30px #0009}.room.mobile.chrome-off .m-self:not(.placed){bottom:calc(16px + env(safe-area-inset-bottom))}.room.mobile .m-full{padding:calc(60px + env(safe-area-inset-top)) 6px calc(84px + env(safe-area-inset-bottom));transition:padding .25s}.room.mobile.chrome-off .m-full{padding:calc(6px + env(safe-area-inset-top)) 6px calc(6px + env(safe-area-inset-bottom))}.room.mobile .m-full>.tile-card{border-radius:20px}.room.mobile .m-self{border-radius:16px;overflow:hidden}.room.mobile .m-self .tile-card{border-radius:16px}.room.mobile .m-grid .tile-card,.room.mobile .m-dyn .tile-card,.room.mobile .m-multi .tile-card{border-radius:18px}.content.fixed{display:flex;flex-direction:column;height:100%;overflow:hidden;padding-bottom:20px}.content.fixed .settings{flex:1;min-height:0;grid-template-rows:minmax(0,1fr)}.content.fixed .settings-nav{min-height:0;overflow-y:auto;scrollbar-width:none}.content.fixed .settings-body{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.content.fixed .settings-body::-webkit-scrollbar{width:8px}.content.fixed .settings-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.settings-head{position:sticky;top:-28px;z-index:2;background:var(--surface);margin:-28px -32px 0;padding:24px 32px 14px;border-bottom:1px solid var(--border)}.set-group{display:flex;flex-direction:column;gap:14px;background:var(--bg);border-radius:16px;padding:20px 22px}.set-group .settings-sub{font-size:16px;margin:0}.set-group .theme-card{background:var(--surface)}.set-group .theme-card.on{background:var(--brand-soft)}.set-group .switch-row,.set-group .duration-quick button{background:var(--surface)}.set-group .duration-quick button.on{background:var(--brand)}.settings-content{gap:18px;max-width:980px}.chat-row textarea{box-sizing:border-box;min-height:44px;max-height:140px;line-height:1.4;overflow-y:auto;scrollbar-width:thin;overflow-wrap:anywhere}.chat-row .btn{flex-shrink:0;height:44px}.room.mobile .chat-row textarea{font-size:16px;max-height:120px}.topbar-title{display:flex;align-items:center;gap:16px}.leave-settings{padding:8px 14px}.cmsg{align-items:flex-start;gap:10px}.cmsg-avatar{width:34px;height:34px;margin-top:1px;font-size:12px}.cmsg-body{position:relative;gap:3px}.cmsg-meta{display:flex;align-items:baseline;gap:6px;line-height:1.3;padding:0 2px}.cmsg-actions{position:absolute;top:-8px;right:0;z-index:3;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 14px #00000024;padding:2px}.cmsg.mine .cmsg-actions{right:auto;left:0}.room.mobile .cmsg-actions{position:static;box-shadow:none;border:0;background:none;padding:0}.tile-more{display:none}.room.mobile .tile-more{position:absolute;top:8px;right:8px;z-index:3;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:#00000080;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.room.mobile .tile-more.on{background:var(--brand)}.room.mobile .m-self .tile-more,.room.mobile .floating .tile-more{top:4px;right:4px;width:28px;height:28px}.room.mobile .floating.mobile{width:36%;max-width:170px;aspect-ratio:3 / 4;z-index:6}.room.mobile .floating.mobile .tile-card{border-radius:16px}.room.mobile .floating.mobile .tile-label{font-size:11px;padding:3px 7px}.emoji-host emoji-picker{--background: var(--surface);--border-color: var(--border);--input-border-color: var(--border);--input-font-color: var(--text);--category-font-color: var(--muted);--indicator-color: var(--brand);--outline-color: var(--brand);--button-hover-background: var(--surface-2);--button-active-background: var(--brand-soft);--emoji-size: 1.55rem;--num-columns: 8;width:100%;height:100%;border-radius:14px}.emoji-pop{position:absolute;bottom:calc(100% + 8px);right:0;z-index:20;width:min(340px,calc(100vw - 24px));height:360px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 14px 40px #00000052;overflow:hidden}.room.mobile .emoji-pop{position:fixed;left:8px;right:8px;bottom:8px;width:auto;height:min(52vh,420px);z-index:60}.chat-row{position:relative}.chat-row .emoji-btn-open{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;background:none;border:0;border-radius:12px;color:var(--muted)}.chat-row .emoji-btn-open:hover,.chat-row .emoji-btn-open.on{background:var(--brand-soft);color:var(--brand)}.cmsg-picker .more-emoji{font-size:18px;font-weight:700;color:var(--muted)}.react-pop-full{width:min(340px,calc(100vw - 24px))}.react-pop-full .emoji-host-box{height:320px}.react-pop-full .emoji-host-box .emoji-host,.react-pop-full .emoji-host-box emoji-picker{height:100%}.cmsg-actions{position:relative;top:auto;right:auto;left:auto;opacity:1;background:none;border:0;box-shadow:none;padding:0}.cmsg.mine .cmsg-actions{right:auto;left:auto}.cmsg-actions>button{font-size:12px;padding:2px 8px}.emoji-pop{left:0;right:0;width:auto;height:340px}.emoji-host,.emoji-host emoji-picker{width:100%;height:100%}.emoji-host emoji-picker{--num-columns: 8;--emoji-size: 1.35rem;--emoji-padding: .4rem;min-width:0}.emoji-backdrop{position:fixed;inset:0;z-index:70}.emoji-float{position:fixed;z-index:71;height:min(440px,calc(100vh - 24px));background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 50px #00000061;overflow:hidden}.emoji-float.mobile{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));width:auto;height:min(56dvh,440px);border-radius:18px}.emoji-float .emoji-host,.emoji-float emoji-picker{width:100%;height:100%}.emoji-float emoji-picker{--num-columns: 8;--emoji-size: 1.45rem}.emoji-float.mobile emoji-picker{--num-columns: var(--cols, 8);--emoji-size: 1.5rem;--emoji-padding: .5rem}.content.fixed .settings-body,.chat-row textarea{scrollbar-width:thin;scrollbar-color:transparent transparent}.content.fixed .settings-body:hover,.chat-row textarea:hover{scrollbar-color:color-mix(in srgb,var(--muted, #8892a6) 40%,transparent) transparent}.content.fixed .settings-body::-webkit-scrollbar-thumb{background:transparent}.content.fixed .settings-body:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted, #8892a6) 40%,transparent)}.emoji-inline{flex:none;height:min(40dvh,320px);border-top:1px solid var(--border);overflow:hidden}.emoji-inline .emoji-host,.emoji-inline emoji-picker{width:100%;height:100%;border-radius:0;--num-columns: var(--cols, 8);--emoji-size: 1.5rem;--emoji-padding: .5rem}.cmsg-name,.cmsg-time{display:none}.room.mobile .cmsg{gap:0;margin-bottom:2px}.room.mobile .cmsg-avatar,.room.mobile .cmsg-meta{display:none}.room.mobile .cmsg-body{max-width:86%;gap:2px}.room.mobile .cmsg-bubble{position:relative;padding:6px 10px;border-radius:12px 12px 12px 3px;min-width:78px;box-shadow:0 1px 1px #0000002e}.room.mobile .cmsg.mine .cmsg-bubble{border-radius:12px 12px 3px}.room.mobile .cmsg-name{display:block;font-size:12.5px;font-weight:700;margin-bottom:1px}.room.mobile .cmsg-bubble p{font-size:15px;line-height:1.35;display:inline}.room.mobile .cmsg-time{display:inline-block;float:right;margin:8px 0 -2px 10px;font-size:10.5px;line-height:1;opacity:.65}.room.mobile .cmsg-bubble:after{content:"";display:block;clear:both}.room.mobile .cmsg-actions{padding-left:4px}.room.mobile .cmsg-actions>button{font-size:11.5px;opacity:.8}.room.mobile .chat-row{align-items:flex-end;gap:8px}.room.mobile .chat-row .emoji-btn-open{width:46px;height:46px;border-radius:24px 0 0 24px;background:var(--bg);border:1px solid var(--border);border-right:0;color:var(--muted)}.room.mobile .chat-row textarea{min-height:46px;border-left:0;border-radius:0 24px 24px 0;padding:12px 14px 12px 0}.room.mobile .chat-row textarea:focus{outline:none;border-color:var(--border)}.room.mobile .chat-row .btn{width:46px;height:46px;padding:0;border-radius:50%;display:grid;place-items:center}.room.mobile .chat-row .emoji-btn-open{margin-right:-8px;position:relative;z-index:1}.room.mobile .chat-row textarea{background:var(--bg)}.chat-row textarea{scrollbar-width:none;overflow-y:hidden}.chat-row textarea::-webkit-scrollbar{display:none}.emoji-inline{border-top:1px solid var(--border)}.room.mobile .chat-form{padding-bottom:8px}.emoji-inline{padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box}.panel .chat-row .chat-field{flex:1;min-width:0;display:flex;align-items:flex-end;background:var(--bg);border:1px solid var(--border);border-radius:22px;overflow:hidden}.panel .chat-row .chat-field:focus-within{border-color:var(--brand);outline:2px solid color-mix(in srgb,var(--brand) 30%,transparent)}.panel .chat-row .chat-field .emoji-btn-open{flex-shrink:0;width:44px;height:44px;margin:0;background:none;border:0;border-radius:0;color:var(--muted)}.panel .chat-row .chat-field textarea{flex:1;min-width:0;min-height:44px;background:transparent;border:0;border-radius:0;outline:none;padding:11px 14px 11px 0}.panel .chat-row .chat-field textarea:focus{outline:none;border:0}.room.mobile .panel .chat-row .chat-field textarea{max-height:150px}.cmsg-body{min-width:0}.cmsg-bubble,.cmsg-quote{min-width:0;max-width:100%;overflow:hidden}.cmsg-quote strong,.cmsg-quote span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmsg-reacts{max-width:100%}.cmsg-picker{max-width:min(320px,calc(100vw - 24px));overflow-x:auto;scrollbar-width:none}.cmsg-picker::-webkit-scrollbar{display:none}.cmsg-picker button{flex-shrink:0}.room.mobile .cmsg-bubble{min-width:78px}.usage-bar{height:10px;border-radius:99px;background:var(--surface);overflow:hidden}.usage-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#3b6bff,#7b4dff)}.usage-line{font-size:15px}.emoji-float{display:flex;flex-direction:column}.emoji-float-head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:6px 8px 0 14px;color:var(--muted);font-size:12.5px;font-weight:600}.emoji-float-head button{width:26px;height:26px;display:grid;place-items:center;background:none;border:0;border-radius:8px;color:var(--muted);font-size:20px;line-height:1}.emoji-float-head button:hover{background:var(--surface-2);color:var(--text)}.emoji-float-body{flex:1;min-height:0}.emoji-float-body .emoji-host,.emoji-float-body emoji-picker{height:100%}.usage-bar.hot span{background:linear-gradient(90deg,#f59e0b,#ef4444)}html,body,#root{height:100%}.site{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;height:100%;padding:24px 16px;background:radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--brand) 14%,transparent),transparent 45%),radial-gradient(circle at 90% 90%,color-mix(in srgb,var(--brand-2) 14%,transparent),transparent 45%),var(--bg)}.site-card{width:min(420px,100%);display:flex;flex-direction:column;align-items:stretch;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:32px 28px;text-align:center}.site-card>img{align-self:center}.site-card h1{font-size:30px}.site-card h2{font-size:24px}.site-card .field{text-align:left}.site-slogan{display:flex;flex-direction:column;gap:2px;font-style:italic}.site-slogan small{color:var(--muted)}.site-form{display:flex;flex-direction:column;gap:14px}.site-card a.btn{text-decoration:none}.site-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;color:var(--muted);font-size:13px}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--brand)}