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