:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#0b0d10;--surface:#161a1f;--surface-step:#1b2027;--stroke-soft:#232830;--stroke:#2a3038;--stroke-strong:#3a4048;--text-max:#f2f4f7;--text:#e6e8eb;--text-muted:#9aa3ad;--text-faint:#7e8795;--signal:#4c8dff;--action-bg:#131c2d;--action-bg-hover:#182740;--action-bg-active:#101723;--ember:#ff4d4f;--ember-glow:0 0 8px #ff4d4fb3;--r-card:12px;--r-control:8px;--r-nested:6px;--card-float:0 8px 32px #0006;--key-edge:inset 0 1px 0 #ffffff0f;--track-tight:-.012em;--track-body:-.01em;--track-label:.08em;--track-brow:.1em;--t:.12s;--ease:cubic-bezier(.2, 0, .2, 1);font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#root{color:#e6e8eb;background:#0b0d10;width:100%;height:100dvh;margin:0;padding:0}.entry{width:100%;height:100%;padding:16px;padding-top:max(16px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));display:flex;overflow-y:auto}.entry-card{--card-pad:32px;--card-pad-y:var(--card-pad);background:var(--surface);border:1px solid var(--stroke-soft);border-radius:var(--r-card);padding:var(--card-pad-y) var(--card-pad);width:min(420px,90vw);box-shadow:var(--card-float);margin:auto}.entry-card p{color:#9aa3ad;margin:0 0 24px;font-size:14px}.settings-label{letter-spacing:.02em;text-transform:uppercase;color:#9aa3ad;font-size:11px;font-weight:600;display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lobby-card .brand-banner{width:calc(100% + 2 * var(--card-pad));margin:calc(-1 * var(--card-pad-y)) calc(-1 * var(--card-pad)) 22px;border-radius:calc(var(--r-card) - 1px) calc(var(--r-card) - 1px) 0 0;border-bottom:1px solid var(--stroke-soft);background:var(--ground);padding:10px 0 16px}.lobby-card .brand-trace{width:100%;height:auto;display:block}.lobby-card .brand-mark{width:52%;max-width:220px;height:auto;color:var(--text-muted);margin:12px auto 0;display:block}@media (height<=620px){.lobby-card .brand-banner{display:none}}.lobby-card .eyebrow{letter-spacing:var(--track-brow);text-transform:uppercase;color:var(--text-muted);text-wrap:balance;margin:0 0 10px;font-size:11px;font-weight:500;line-height:1.45}.lobby-card h1{letter-spacing:var(--track-tight);color:var(--text-max);margin:0 0 20px;font-size:28px;font-weight:500;line-height:1.15}.lobby-card .label-row{justify-content:space-between;align-items:baseline;gap:12px;min-height:14px;margin-bottom:8px;display:flex}.lobby-card .micro-label{letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:500}.lobby-card .label-slot{letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px;font-weight:500}.lobby-card .name-input{width:100%;min-height:46px;font:inherit;letter-spacing:var(--track-body);background:var(--ground);color:var(--text);border:1px solid var(--stroke);border-radius:var(--r-control);transition:border-color var(--t) var(--ease);outline:none;padding:12px 14px;scroll-margin-block:24px;font-size:16px}.lobby-card .name-input::placeholder{color:var(--text-faint)}.lobby-card .name-input:focus{border-color:var(--signal)}.lobby-card .name-input:disabled{color:var(--text-muted);border-color:var(--stroke-strong);-webkit-text-fill-color:var(--text-muted);opacity:1}.lobby-card .rooms-head{justify-content:space-between;align-items:baseline;gap:12px;margin:28px 0 12px;display:flex}.lobby-card .rooms-head h2{margin:0}.lobby-card .live-slot{color:var(--text-faint);font-variant-numeric:tabular-nums}.lobby-card .create-room{font:inherit;letter-spacing:var(--track-body);white-space:nowrap;color:var(--text-muted);border-radius:var(--r-nested);cursor:pointer;transition:color var(--t) var(--ease), background-color var(--t) var(--ease);background:0 0;border:0;margin-right:-8px;padding:4px 8px;font-size:13px;font-weight:500}.lobby-card .create-room:active{background:var(--surface-step)}.lobby-card .create-room[aria-disabled=true]{color:var(--text-faint);cursor:default}.lobby-card .room-list{margin:0 calc(-1 * var(--card-pad));border-top:1px solid var(--stroke-soft);border-bottom:1px solid var(--stroke-soft)}.lobby-card .room-items{margin:0;padding:0;list-style:none;position:relative}.lobby-card .room-items:before{content:"";left:calc(var(--card-pad) + 3.5px);background:var(--stroke-strong);z-index:1;pointer-events:none;width:1px;position:absolute;top:0;bottom:0}.lobby-card .list-note{padding:16px var(--card-pad);padding-left:calc(var(--card-pad) + 20px);min-height:61px}.lobby-card .list-note .line1{letter-spacing:-.005em;color:var(--text);margin:0;font-size:15px;font-weight:500}.lobby-card .list-note .line2{color:var(--text-muted);margin:4px 0 0;font-size:13px;line-height:1.5}.lobby-card .list-note.is-quiet .line1{color:var(--text-muted);font-size:13px;font-weight:400}.lobby-card .list-foot{color:var(--text-muted);margin:16px 0 0;font-size:13px;line-height:1.5}.lobby-card .room-item+.room-item{border-top:1px solid var(--stroke-soft)}.lobby-card .room-row{--row-bg:var(--surface);width:100%;padding:12px var(--card-pad);font:inherit;color:inherit;text-align:left;background:var(--row-bg);cursor:pointer;transition:background-color var(--t) var(--ease);border:0;border-radius:0;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:2px 12px;margin:0;display:grid}.lobby-card .room-row>.room-dot{grid-area:1/1/2/2}.lobby-card .room-row>.room-name{grid-area:1/2/2/3}.lobby-card .room-row>.room-read{grid-area:2/2/3/3}.lobby-card .room-row>.action-chip,.lobby-card .room-row>.row-cancel{grid-area:1/3/3/4;justify-self:end}.lobby-card .room-row>.room-unlock{grid-area:3/2/4/4;margin-top:10px}.lobby-card .room-row.is-open{--row-bg:var(--surface-step);cursor:default}.lobby-card .room-row[aria-disabled=true]{cursor:default}.lobby-card .room-row:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}.lobby-card .room-name{letter-spacing:-.005em;color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:500;display:-webkit-box;overflow:hidden}.lobby-card .room-read{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.35;overflow:hidden}.lobby-card .room-read .tally{color:var(--text);font-weight:500}.lobby-card .room-read .room-lock{vertical-align:-1px;width:11px;height:11px;color:var(--text-muted);margin-right:5px;display:inline-block}.lobby-card .room-dot{z-index:2;background:var(--stroke-strong);width:8px;height:8px;box-shadow:0 0 0 4px var(--row-bg);transition:background-color var(--t) var(--ease), box-shadow var(--t) var(--ease);border-radius:50%;position:relative}.lobby-card .room-dot.on{background:var(--ember);box-shadow:var(--ember-glow), 0 0 0 4px var(--row-bg)}.lobby-card .action{min-width:6.5em;min-height:32px;font:inherit;letter-spacing:var(--track-body);white-space:nowrap;color:var(--signal);background:var(--action-bg);border:1px solid var(--signal);border-radius:var(--r-nested);box-shadow:var(--key-edge);transition:background-color var(--t) var(--ease), border-color var(--t) var(--ease), color var(--t) var(--ease), box-shadow var(--t) var(--ease);justify-content:center;align-items:center;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.lobby-card .action-btn{cursor:pointer}.lobby-card .room-row:active:not([aria-disabled=true]) .action-chip,.lobby-card .action-btn:active{background:var(--action-bg-active);box-shadow:none}.lobby-card .room-row[aria-disabled=true] .action-chip,.lobby-card .action-btn[aria-disabled=true]{border-color:var(--stroke-strong);color:var(--text-faint);box-shadow:none;background:0 0}.lobby-card .action-btn:focus-visible,.lobby-card .create-room:focus-visible,.lobby-card .row-cancel:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.lobby-card .row-cancel{min-width:6.5em;font:inherit;letter-spacing:var(--track-body);color:var(--text-muted);border:1px solid var(--stroke);border-radius:var(--r-nested);cursor:pointer;transition:color var(--t) var(--ease), border-color var(--t) var(--ease);background:0 0;padding:8px 14px;font-size:13px;font-weight:500}.lobby-card .room-unlock,.lobby-card .room-unlock .micro-label{display:block}.lobby-card .unlock-hint{color:var(--text-muted);margin:4px 0 8px;font-size:13px;line-height:1.5}.lobby-card .unlock-line{align-items:center;gap:10px;display:flex}.lobby-card .room-pass{min-width:0;min-height:32px;font:inherit;letter-spacing:var(--track-body);background:var(--ground);color:var(--text);border:1px solid var(--stroke);border-radius:var(--r-nested);transition:border-color var(--t) var(--ease);outline:none;flex:auto;padding:8px 12px;scroll-margin-block:24px;font-size:16px}.lobby-card .room-pass:focus{border-color:var(--signal)}.lobby-card .room-pass[aria-invalid=true],.lobby-card .room-pass[aria-invalid=true]:focus{border-color:var(--ember)}.lobby-card .unlock-line .action-btn{flex:none}.lobby-card .room-error{color:var(--ember);margin:8px 0 0;font-size:13px;line-height:1.5}.lobby-card .row-error,.lobby-card .entry-error{padding:0 var(--card-pad) 12px;color:var(--ember);margin:0;font-size:13px;line-height:1.5}.lobby-card .entry-error{margin-top:-4px;padding:0 0 12px}@media (hover:hover){.lobby-card .create-room:hover{color:var(--text);background:var(--surface-step)}.lobby-card .create-room[aria-disabled=true]:hover{color:var(--text-faint);background:0 0}.lobby-card .room-row:hover:not(.is-open):not([aria-disabled=true]){--row-bg:var(--surface-step)}.lobby-card .room-row:hover:not([aria-disabled=true]) .action-chip,.lobby-card .action-btn:hover{background:var(--action-bg-hover)}.lobby-card .row-cancel:hover{color:var(--text);border-color:var(--stroke-strong)}}.meeting-shell{width:100%;height:100dvh;position:relative}.settings-panel{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0d10d9;border:1px solid #2a3038;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex;position:fixed;top:12px;right:12px;box-shadow:0 4px 14px #00000073}.settings-header{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;justify-content:space-between;align-items:center;gap:12px;min-width:150px;margin:-2px 0 2px;display:flex}.settings-header:active{cursor:grabbing}.settings-title{letter-spacing:.02em;text-transform:uppercase;color:#6f7885;white-space:nowrap;text-overflow:ellipsis;font-variant-numeric:tabular-nums;flex:1;min-width:0;font-size:11px;font-weight:600;overflow:hidden}.settings-collapse{color:#9aa3ad;cursor:pointer;background:0 0;border:1px solid #2a3038;border-radius:6px;flex:none;justify-content:center;align-items:center;width:24px;height:20px;padding:0;display:inline-flex}.settings-collapse:hover{color:#fff;border-color:#4c8dff}.settings-collapse svg{transition:transform .12s}.settings-panel:not(.minimised) .settings-collapse svg{transform:rotate(180deg)}.settings-panel.minimised{padding:8px 12px}.settings-group{flex-direction:column;gap:5px;display:flex}.mic-meter{background:#1c2129;border-radius:2px;width:100%;height:4px;overflow:hidden}.mic-meter-fill{background:#4c8dff;height:100%;transition:width 90ms linear;display:block}.mic-meter-silent .mic-meter-fill{background:#ff9b6b}.settings-note{color:#ff9b6b;max-width:180px;font-size:11px}.settings-note.settings-ok{color:#4c8dff}.settings-input{color:#e6e8eb;background:#0b0d10;border:1px solid #2a3038;border-radius:8px;outline:none;padding:7px 10px;font-size:13px}.settings-input:focus{border-color:#4c8dff}.settings-btn{color:#fff;cursor:pointer;background:#4c8dff38;border:1px solid #2a3038;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.seg{border:1px solid #2a3038;border-radius:8px;display:inline-flex;overflow:hidden}.seg button{color:#e6e8eb;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-left:1px solid #2a3038;flex:1;padding:7px 12px;font-size:13px;font-weight:600;transition:background .12s,color .12s}.seg button:first-child{border-left:none}.seg button:hover:not(:disabled):not(.active){background:#14181ef2}.seg button.active{color:#fff;background:#4c8dff38}.seg button:disabled:not(.active){opacity:.5;cursor:not-allowed}.seg button.active{cursor:default}.seg-bitrate button{font-variant-numeric:tabular-nums;padding:7px 9px}.settings-btn:focus-visible,.settings-collapse:focus-visible,.seg button:focus-visible{outline-offset:2px;outline:2px solid #4c8dff}.seg button:focus-visible{outline-offset:-2px}@media (pointer:coarse){.settings-input,.settings-btn,.seg button{min-height:44px}.lobby-card .name-input{min-height:48px}.lobby-card .room-row{padding-top:14px;padding-bottom:14px}.lobby-card .action,.lobby-card .row-cancel{min-height:44px;padding:10px 14px}.lobby-card .room-pass{min-height:44px;padding:11px 12px}.lobby-card .create-room{min-height:44px;margin-right:-10px;padding:10px}.lobby-card .rooms-head{align-items:center}.settings-collapse{width:44px;height:44px}.seg button{padding-left:14px;padding-right:14px}.seg-bitrate button{padding-left:10px;padding-right:10px}.seg button:hover:not(:disabled):not(.active){background:0 0}}@media (width<=640px){.entry-card{--card-pad:20px;--card-pad-y:24px;width:100%}.settings-panel{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));left:max(8px, env(safe-area-inset-left));overscroll-behavior:contain;gap:12px;max-height:70dvh;overflow-y:auto}.settings-panel.minimised{overflow:visible}.settings-header{cursor:default;min-width:0}.settings-header:active{cursor:default}.seg{display:flex}.seg button{flex:1}.settings-note{max-width:none}}@media (prefers-reduced-motion:reduce){.seg button,.settings-collapse svg{transition:none}.lobby-card .room-row,.lobby-card .room-dot,.lobby-card .action,.lobby-card .row-cancel,.lobby-card .create-room,.lobby-card .name-input,.lobby-card .room-pass{transition-duration:.01ms}}