:root{color:#edf2f8;font-synthesis:none;text-rendering:optimizelegibility;--background:#080b10;--surface:#10151d;--surface-raised:#171e28;--surface-soft:#1c2531;--border:#2b3644;--border-soft:#202a36;--text:#edf2f8;--muted:#9eacbd;--accent:#2f72ff;--accent-hover:#4a84ff;--green:#35c779;--red:#ef5b62;--amber:#e5b94c;--header-height:64px;--modal-max-height:82vh;--mobile-modal-max-height:90vh;--radius:8px;--viewport-height:100vh;background:#080b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@supports (height:100dvh){:root{--modal-max-height:82dvh;--mobile-modal-max-height:90dvh;--viewport-height:100dvh}}*{box-sizing:border-box;letter-spacing:0;scrollbar-color:#3a4657 #0c1118;scrollbar-width:thin}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#0c1118}::-webkit-scrollbar-thumb{background:#3a4657;border:2px solid #0c1118;border-radius:5px}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:var(--viewport-height);color:var(--text);background:var(--background);overflow:hidden}button,input,select,textarea{color:inherit;font:inherit}button{border:1px solid var(--border);min-height:38px;color:var(--text);background:var(--surface-soft);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}button:hover:not(:disabled){background:#253143;border-color:#435268}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#0c1118;border-radius:7px}input,select{min-height:38px;padding:8px 10px}textarea{resize:none;padding:10px 12px}select option{color:#111820;background:#f4f7fa}h1,h2,h3,p{margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:var(--viewport-height);flex-direction:column;display:flex}.app-header{height:var(--header-height);flex:0 0 var(--header-height);border-bottom:1px solid var(--border-soft);z-index:10;background:#0b0f15;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 20px;display:grid}.brand{align-items:center;gap:9px;min-width:0;font-size:18px;font-weight:800;display:flex}.brand img{object-fit:contain;width:26px;height:26px}.panel-nav,.header-actions{align-items:center;gap:8px;display:flex}.panel-nav{border:0;min-width:0;margin:0;padding:0}.header-actions{justify-content:flex-end}.nav-button{min-height:34px;color:var(--muted);background:0 0;padding:6px 10px}.nav-button.is-active{color:var(--text);background:var(--surface-raised);border-color:#3b4a5d}.unread-badge{color:#fff;background:var(--red);border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;display:inline-grid}.primary-button{color:#fff;background:var(--accent);border-color:#3c73db;font-weight:700}.primary-button:hover:not(:disabled){background:var(--accent-hover);border-color:#6492ed}.danger-button{color:#ffe9ea;background:#54292e;border-color:#783b41}.danger-button:hover:not(:disabled){background:#673038;border-color:#9c4a52}.connection-dot,.status-indicator{background:#667282;border-radius:50%;flex:none;width:9px;height:9px}.connection-dot.is-online,.status-indicator.is-good{background:var(--green);box-shadow:0 0 0 3px #35c77921}.panel-grid{height:calc(var(--viewport-height) - var(--header-height));grid-template-columns:var(--panel-grid-template);gap:0;min-height:0;padding:14px;display:grid;overflow:hidden}.app-panel{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.app-panel[hidden]{display:none}.app-panel__header{border-bottom:1px solid var(--border-soft);background:#121821;flex:0 0 49px;align-items:center;gap:7px;height:49px;padding:0 14px;display:flex}.app-panel__header h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:800;overflow:hidden}.panel-drag-handle{color:#7f8da0;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:5px;flex:0 0 24px;place-items:center;width:24px;height:30px;display:grid}.panel-drag-handle:hover{color:var(--text);background:#202a38}.panel-drag-handle:active{cursor:grabbing}.panel-order-controls{align-items:center;gap:3px;display:flex}.panel-order-button{background:0 0;border-color:#0000;width:28px;min-width:28px;height:28px;min-height:28px;padding:0}.panel-order-button:hover:not(:disabled){border-color:var(--border);background:#202a38}.app-panel.is-dragging{opacity:.55}.app-panel.is-drop-target{border-color:#4f83e8;box-shadow:inset 0 0 0 1px #2f72ff47}.app-panel.is-drop-target:after{z-index:8;background:var(--accent);content:"";pointer-events:none;border-radius:2px;width:3px;position:absolute;top:7px;bottom:7px}.app-panel[data-drop-placement=before]:after{left:2px}.app-panel[data-drop-placement=after]:after{right:2px}.panel-resize-handle{cursor:col-resize;touch-action:none;background:0 0;border:0;width:10px;min-width:10px;height:100%;margin:0;padding:0;position:relative}.panel-resize-handle:before{content:"";background:#354255;border-radius:2px;width:3px;height:54px;transition:height .12s,background .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-resize-handle:hover:before,.panel-resize-handle:focus-visible:before,body.is-resizing-panels .panel-resize-handle:before{background:var(--accent);height:76px}.panel-resize-handle:focus-visible{outline:0}body.is-resizing-panels{cursor:col-resize;-webkit-user-select:none;user-select:none}body.is-reordering-panels{cursor:grabbing;-webkit-user-select:none;user-select:none}.app-panel__body{flex:1;min-height:0;overflow:hidden}.settings-stack{flex-direction:column;gap:10px;height:100%;padding:12px;display:flex;overflow-y:auto}.settings-group{border:1px solid var(--border-soft);border-radius:var(--radius);background:#0d1219;flex-direction:column;gap:9px;padding:11px;display:flex}.settings-group h3,.dialog-section h3{color:#cbd5e2;text-transform:uppercase;font-size:12px}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>span{color:var(--muted);font-size:12px}.field--grow{flex:1}.field--compact input{min-height:34px}.inline-form{align-items:flex-end;gap:7px;display:flex}.icon-button{border-radius:7px;width:36px;min-width:36px;height:36px;min-height:36px;padding:0}.icon-button--field{margin-bottom:1px}.full-button{width:100%}.button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.button-grid button{min-width:0;padding-inline:8px;font-size:12px}.status-row{min-width:0;color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.status-row strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;overflow:hidden}.status-indicator.is-bad{background:var(--red);box-shadow:0 0 0 3px #ef5b6221}.status-row__label{color:var(--muted)}.lobby-stage{flex-direction:column;gap:10px;height:100%;min-height:0;padding:12px;display:flex;position:relative}.lobby-summary-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.lobby-summary-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.lobby-summary-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.lobby-summary-actions>span{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:inline-flex}.lobby-stage__summary{justify-content:space-between;align-items:center;gap:10px;min-height:32px;padding:0 2px;display:flex}.lobby-stage__summary strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lobby-stage__summary span{color:var(--muted);flex:none;font-size:12px}.participant-grid{flex:1;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));grid-auto-rows:minmax(160px,1fr);align-content:center;gap:10px;min-height:0;display:grid;overflow:auto;container-type:size}.participant-tile{border-radius:var(--radius);background:#090d12;border:1px solid #2a3644;min-width:0;min-height:160px;transition:border-color .12s,box-shadow .12s;position:relative;overflow:hidden}.participant-grid[data-count="2"] .participant-tile{aspect-ratio:16/9;align-self:center;width:100%;min-height:0}@supports (width:1cqh){.participant-grid[data-count="1"] .participant-tile{aspect-ratio:16/9;place-self:center;width:min(100cqw,177.78cqh);min-height:0}}.participant-tile.is-speaking{border-color:var(--green);box-shadow:inset 0 0 0 1px #35c77973}.participant-video{object-fit:contain;background:#05070a;width:100%;height:100%;display:block}.participant-video.is-hidden{visibility:hidden}.participant-video.is-mirrored{transform:scaleX(-1)}.participant-avatar{color:#d8e1ec;background:#171e28;place-items:center;font-size:38px;font-weight:800;display:grid;position:absolute;inset:0}.participant-meta{pointer-events:none;justify-content:space-between;align-items:flex-end;gap:8px;min-width:0;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.participant-name{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05080cd1;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:6px;min-width:0;padding:6px 8px;display:inline-flex}.participant-name span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.participant-name small{color:var(--muted);font-size:10px}.participant-badges{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.media-badge{color:#d4dce6;text-transform:capitalize;background:#05080cd1;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:4px;padding:5px 7px;font-size:10px;display:inline-flex}.media-badge.is-muted{color:#ffd4d6;border-color:#ef5b626b}.media-badge.is-speaking{color:#d8ffea;border-color:#35c7796b}.media-badge.is-raised{color:#fff2c5;border-color:#e5b94c73}.tile-icon-button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05080cd1;border-color:#ffffff2e;width:36px;min-width:36px;height:36px;min-height:36px;padding:0}.participant-playback-controls,.presentation-controls{z-index:3;align-items:center;gap:5px;display:flex;position:absolute;top:8px}.participant-playback-controls{box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05080cd1;border:1px solid #ffffff2e;border-radius:7px;flex-direction:column;align-items:stretch;gap:2px;width:min(202px,100% - 60px);padding:3px 6px 3px 4px;right:8px}.participant-volume{grid-template-columns:42px 30px minmax(0,1fr);align-items:center;gap:4px;min-width:0;display:grid}.participant-volume__label{color:#d4dce6;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.participant-playback-controls .tile-icon-button{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;width:30px;min-width:30px;height:30px;min-height:30px}.participant-volume label{min-width:0;display:flex}.participant-volume input[type=range]{width:100%;height:24px;accent-color:var(--accent);background:0 0;border:0;padding:0}.presentation-controls{left:8px}.playback-button{background:#1d4b9d;border-color:#4775ca;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chat-layout{flex-direction:column;height:100%;min-height:0;display:flex}.chat-feed{flex-direction:column;flex:1;gap:9px;min-height:0;padding:12px;display:flex;overflow-y:auto}.chat-message-row{flex-direction:column;gap:9px;display:flex}.chat-empty,.empty-state{color:var(--muted);text-align:center;padding:18px 12px;font-size:13px}.chat-message{border:1px solid var(--border-soft);background:#141b24;border-radius:7px;align-self:flex-start;max-width:88%;padding:8px 10px}.chat-message.is-self{background:#16366d;border-color:#315ca9;align-self:flex-end}.chat-message.is-system{max-width:100%;color:var(--muted);background:0 0;align-self:center;padding:6px 9px}.chat-message.is-system header strong{color:var(--muted)}.new-message-divider{color:#a9c8ff;text-transform:uppercase;justify-content:center;align-items:center;font-size:10px;display:flex;position:relative}.new-message-divider:before,.new-message-divider:after{content:"";background:#315ca9;flex:1;height:1px}.new-message-divider span{padding:0 8px}.chat-quick-actions{border:0;border-top:1px solid var(--border-soft);background:#101720;align-items:center;gap:6px;min-width:0;margin:0;padding:7px 10px;display:flex}.chat-quick-actions .raise-hand-button{min-width:0;margin-left:auto;font-size:12px}.raise-hand-button.is-active{color:#fff2c5;background:#4d401f;border-color:#8b7133}.chat-message header{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.chat-message header strong{color:#dce5f0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-message p{overflow-wrap:anywhere;white-space:pre-wrap;margin-top:5px;font-size:13px;line-height:1.4}.chat-compose{border-top:1px solid var(--border-soft);background:#0d1219;flex:none;grid-template-columns:minmax(0,1fr) 42px;gap:8px;padding:10px;display:grid}.chat-input-wrap{min-width:0;position:relative}.chat-compose textarea{height:76px;padding-bottom:25px}.character-counter{color:var(--muted);pointer-events:none;font-size:10px;position:absolute;bottom:7px;right:9px}.chat-send{align-self:end;width:42px;height:42px;padding:0}.modal-layer{z-index:100;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-backdrop{cursor:default;background:#000000ad;border:0;border-radius:0;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.modal-backdrop:hover:not(:disabled){background:#000000ad}.modal{width:min(620px,100%);max-height:min(var(--modal-max-height), 760px);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 70px #00000085}.modal__header,.modal__footer{border-color:var(--border-soft);background:#141a23;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.modal__header{border-bottom-style:solid;border-bottom-width:1px}.modal__header h2{font-size:15px}.modal__footer{border-top-style:solid;border-top-width:1px;justify-content:flex-end}.modal__body{flex-direction:column;gap:18px;min-height:0;padding:14px;display:flex;overflow-y:auto}.dialog-section,.create-lobby-form,.name-form{flex-direction:column;gap:10px;display:flex}.dialog-section__heading,.settings-group__heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.settings-group__heading .icon-button{width:30px;min-width:30px;height:30px;min-height:30px}.segmented-control{border:1px solid var(--border);background:#0a0f15;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));padding:3px;display:grid}.segmented-control label{min-width:0;min-height:32px;color:var(--muted);cursor:pointer;border-radius:5px;place-items:center;font-size:12px;font-weight:700;display:grid}.segmented-control label.is-active{color:var(--text);background:var(--surface-soft)}.segmented-control input{opacity:0;width:1px;height:1px;position:absolute}.toggle-row{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.toggle-row input{width:17px;height:17px;accent-color:var(--accent);flex:none}.compact-textarea{height:60px}.lobby-list-tools{grid-template-columns:minmax(0,1fr) 150px;gap:8px;display:grid}.field--search{position:relative}.field--search svg{z-index:1;color:var(--muted);pointer-events:none;position:absolute;top:12px;left:10px}.field--search input{padding-left:32px}.lobby-list{flex-direction:column;gap:7px;display:flex}.lobby-list-item{border:1px solid var(--border-soft);border-radius:var(--radius);background:#0d1219;grid-template-columns:minmax(0,1fr) minmax(120px,180px) auto;align-items:center;gap:8px;padding:9px;display:grid}.lobby-list-item.is-invited{box-shadow:inset 3px 0 0 var(--accent);border-color:#4a84ff}.lobby-list-item__summary{flex-direction:column;gap:3px;min-width:0;display:flex}.lobby-list-item__summary strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.lobby-list-item__summary p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.lobby-list-item__summary span{color:var(--muted);align-items:center;gap:5px;font-size:11px;display:flex}.lobby-list-item__summary .room-full-label{color:#ffd2d4;font-size:10px}.invite-layout{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;display:grid}.invite-qr{border-radius:var(--radius);background:#fff;padding:8px}.invite-qr svg{width:min(220px,100%);height:auto;display:block}.invite-details{flex-direction:column;gap:10px;min-width:0;display:flex}.invite-details code{color:#bcd0ef;font-size:15px;font-weight:700}.privacy-note{color:var(--muted);align-items:flex-start;gap:7px;font-size:12px;line-height:1.4;display:flex}.privacy-note svg{flex:none;margin-top:1px}.reaction-layer{z-index:6;pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:20px;right:20px}.reaction-toast{background:#0c1118f0;border:1px solid #435268;border-radius:7px;align-items:center;gap:7px;padding:7px 9px;font-size:12px;display:flex;box-shadow:0 8px 24px #00000059}.device-check-layout{flex-direction:column;gap:12px;display:flex}.device-preview{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius);background:#070a0e;width:100%;overflow:hidden}.device-preview video{object-fit:contain;width:100%;height:100%;display:block;transform:scaleX(-1)}.device-preview-placeholder{height:100%;color:var(--muted);place-content:center;justify-items:center;gap:8px;font-size:12px;display:grid}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.permission-grid span{color:var(--muted);text-transform:capitalize;align-items:center;gap:6px;font-size:12px;display:flex}.mic-meter{background:#202a36;border:0;border-radius:5px;width:100%;height:10px;display:block;overflow:hidden}.mic-meter::-webkit-meter-bar{background:#202a36;border:0}.mic-meter::-webkit-meter-optimum-value{background:var(--green)}.mic-meter::-moz-meter-bar{background:var(--green)}.device-check-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.duplicate-tab-warning{top:calc(var(--header-height) + 10px);z-index:90;border-radius:var(--radius);color:#fff2c5;text-align:center;background:#44391d;border:1px solid #8b7133;width:min(560px,100vw - 24px);padding:9px 12px;font-size:12px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 38px #00000061}.notice{z-index:120;border-radius:var(--radius);color:#ffe9ea;background:#3c2327;border:1px solid #7f454b;justify-content:space-between;align-items:center;gap:12px;width:min(440px,100vw - 32px);padding:10px 11px;font-size:13px;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 12px 38px #0000006b}@media (width<=1180px){.button-grid{grid-template-columns:1fr}}@media (width<=900px){body{overflow:hidden}.app-header{grid-template-columns:auto 1fr auto;gap:10px;padding:0 12px}.brand span,.nav-button>span:not(.unread-badge),.header-actions .connection-dot{display:none}.panel-nav{justify-content:center}.nav-button{width:38px;padding:0;position:relative}.nav-button .unread-badge{display:inline-grid;position:absolute;top:-4px;right:-5px}.header-actions .primary-button span{display:none}.header-actions .primary-button{width:38px;padding:0}.panel-grid{height:calc(var(--viewport-height) - var(--header-height));grid-template-columns:minmax(0,1fr);grid-auto-rows:calc(var(--viewport-height) - var(--header-height) - 16px);gap:8px;padding:8px;overflow-y:auto}.panel-grid[data-visible-count="2"],.panel-grid[data-visible-count="3"]{grid-template-columns:minmax(0,1fr)}.panel-resize-handle{display:none}.panel-order-button--earlier svg,.panel-order-button--later svg{transform:rotate(90deg)}.app-panel.is-drop-target:after{width:auto;height:3px;left:7px;right:7px}.app-panel[data-drop-placement=before]:after{top:2px;bottom:auto}.app-panel[data-drop-placement=after]:after{top:auto;bottom:2px}.app-panel{height:auto}.participant-grid{grid-template-columns:1fr}}@media (width<=560px){.modal-layer{align-items:end;padding:0}.modal{width:100%;max-height:var(--mobile-modal-max-height);border-bottom:0;border-left:0;border-right:0;border-radius:8px 8px 0 0}.lobby-list-item{grid-template-columns:1fr auto}.lobby-list-item .field{grid-area:2/1/auto/-1}.lobby-stage__summary{align-items:flex-start}.lobby-summary-actions{flex-wrap:wrap}.lobby-summary-actions>span:first-child,.lobby-summary-copy small,.participant-badges .media-badge:not(.is-muted,.is-speaking,.is-raised){display:none}.participant-playback-controls{width:min(180px,100% - 60px)}.chat-quick-actions{overflow-x:auto}.chat-quick-actions .raise-hand-button span{display:none}.invite-layout,.permission-grid,.device-check-actions,.lobby-list-tools{grid-template-columns:1fr}.invite-qr{justify-self:center;width:min(236px,100%)}}