:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111827;background:#f3f4f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:.72rem 1rem;background:#e5e7eb}button:disabled{opacity:.55;cursor:default}input{width:100%;padding:.78rem .9rem;border:1px solid #d1d5db;border-radius:10px;background:#fff}label{display:block;font-weight:650;font-size:.9rem;margin:.8rem 0 .35rem}.primary{background:#111827;color:#fff}.big{padding:.95rem 1.25rem}.wide{width:100%}.card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 12px 35px #11182712}.center-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.hero-card,.guest-card{width:min(520px,100%);padding:clamp(24px,5vw,46px)}.brand{letter-spacing:.16em;font-size:.74rem;font-weight:800;color:#6b7280}h1{font-size:clamp(2rem,5vw,3.25rem);line-height:1.02;margin:14px 0}h2{margin-top:0}.lead{color:#4b5563;font-size:1.08rem;line-height:1.55;margin-bottom:30px}.muted{color:#6b7280;line-height:1.5}.divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:#9ca3af}.divider:before,.divider:after{content:"";height:1px;background:#e5e7eb;flex:1}.inline-form,.copyrow{display:flex;gap:8px}.inline-form input,.copyrow input{flex:1}.host-shell{min-height:100vh;padding:18px}.topbar{display:flex;justify-content:space-between;align-items:center;max-width:1500px;margin:0 auto 14px}.pill{background:#e5e7eb;border-radius:999px;padding:.45rem .8rem;font-size:.82rem}.host-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:360px 1fr;gap:14px;min-height:calc(100vh - 80px)}.lobby-card{padding:20px}.waiting-list{display:grid;gap:10px;min-height:90px}.empty{padding:18px;text-align:center;border:1px dashed #d1d5db;border-radius:12px;color:#9ca3af}.waiter{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px;background:#f9fafb;border-radius:12px}.waiter small{display:block;color:#6b7280;margin-top:3px}.actions{display:flex;gap:6px}.approve{background:#111827;color:#fff}.deny{background:#fee2e2;color:#991b1b}.field-label{margin-top:18px}.camera-choice{margin:12px 0}.camera-choice label,.check{display:flex;gap:8px;align-items:center;font-weight:500}.camera-choice input,.check input{width:auto}.meeting{min-height:520px;position:relative;overflow:hidden;background:#0b1020;color:#fff}.meeting-placeholder{height:100%;min-height:520px;display:grid;place-content:center;text-align:center;padding:30px;color:#d1d5db}.lock-icon{font-size:3rem}.media-grid{min-height:calc(100% - 76px);padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;align-content:center}.video-tile{min-height:260px;background:#171d2e;border-radius:14px;overflow:hidden;position:relative;display:grid;place-items:center}.video-tile video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.avatar{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:#2b354d;font-size:2rem;font-weight:800}.name-tag{position:absolute;left:10px;bottom:10px;background:#0000008c;padding:.4rem .6rem;border-radius:8px;z-index:2}.toolbar{min-height:76px;display:flex;gap:8px;justify-content:center;align-items:center;padding:12px;border-top:1px solid rgba(255,255,255,.09)}.toolbar button{background:#222b40;color:#fff}.toolbar .danger{background:#b91c1c}.hidden{display:none!important}.waiting-screen{text-align:center;padding:20px 0}.waiting-screen h1{font-size:2rem}.spinner{width:44px;height:44px;border:4px solid #e5e7eb;border-top-color:#111827;border-radius:50%;margin:0 auto 22px;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#fee2e2;color:#991b1b;padding:10px;border-radius:10px;margin-top:12px}.guest-meeting{min-height:70vh;margin:-46px;border-radius:18px}hr{border:0;border-top:1px solid #e5e7eb;margin:20px 0}@media(max-width:850px){.host-grid{grid-template-columns:1fr}.meeting{min-height:60vh}.topbar{padding:0 4px}.actions{flex-direction:column}}.device-tests{margin:16px 0;padding:14px;border:1px solid #e5e7eb;border-radius:14px;background:#f9fafb;text-align:left}.device-tests-head{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.device-tests-head .muted{font-size:.8rem;font-weight:400}.device-test-buttons{display:grid;grid-template-columns:1fr;gap:8px}.device-test-buttons button{text-align:left;background:#fff;border:1px solid #d1d5db}.device-test-buttons button:hover{background:#f3f4f6}.device-test-result{margin-top:10px}.device-test-status{margin:8px 0;font-size:.88rem}.test-ok{color:#047857;font-weight:700}.mic-meter{height:10px;overflow:hidden;background:#e5e7eb;border-radius:999px;margin:7px 0}.mic-meter span{display:block;width:2%;height:100%;background:currentColor;border-radius:inherit;transition:width 70ms linear;color:#059669}.video-test{margin-top:10px;background:#111827;border-radius:12px;overflow:hidden;position:relative}.video-test video{display:block;width:100%;max-height:230px;object-fit:cover;background:#111827}.video-test small{display:block;color:#e5e7eb;padding:7px 9px;background:#00000059}.waiting-screen .device-tests{margin-top:22px}@media(min-width:520px){.device-test-buttons{grid-template-columns:repeat(3,1fr)}.device-test-buttons button{text-align:center;padding:.65rem .5rem;font-size:.84rem}}.host-grid{grid-template-columns:340px minmax(0,1fr);align-items:stretch}.room-workspace{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px}.meeting-side{display:grid;grid-template-rows:minmax(180px,auto) minmax(300px,1fr);gap:14px;min-height:0}.side-card{background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 12px 35px #11182712;padding:14px;min-height:0}.side-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.side-title h3{margin:0}.count-badge{display:inline-grid;place-items:center;min-width:26px;height:26px;border-radius:999px;background:#e5e7eb;font-size:.8rem;font-weight:800}.participants-list{display:grid;gap:7px;max-height:280px;overflow:auto}.participant-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;border-radius:10px;background:#f9fafb;border:1px solid transparent}.participant-row.speaking{border-color:#10b981;box-shadow:0 0 0 1px #10b98126}.participant-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e5e7eb;font-weight:800}.participant-info{min-width:0}.participant-info strong,.participant-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-info small{color:#6b7280;margin-top:2px}.participant-state{font-size:.85rem;white-space:nowrap}.chat-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.chat-messages{min-height:180px;overflow-y:auto;display:grid;align-content:start;gap:8px;padding:2px 2px 8px}.chat-message{background:#f3f4f6;border-radius:11px;padding:9px 10px;line-height:1.35;overflow-wrap:anywhere}.chat-message.own{background:#e8eefc}.chat-meta{display:flex;gap:6px;align-items:center;margin-bottom:4px;font-size:.78rem}.chat-meta time{margin-left:auto;color:#6b7280}.host-badge{background:#111827;color:#fff;border-radius:999px;padding:2px 6px;font-size:.66rem;text-transform:uppercase;letter-spacing:.04em}.chat-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding-top:8px;border-top:1px solid #e5e7eb}.chat-form input{min-width:0}.empty.compact{min-height:0;padding:10px}.lobby-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.lobby-heading h2{margin-bottom:4px}.lobby-heading p{margin-top:0}.icon-button{min-width:42px;min-height:42px;padding:.5rem;font-size:1.1rem}.secret-note{margin:6px 0 0;color:#6b7280;font-size:.76rem;line-height:1.35}.text-link{display:block;text-align:center;margin-top:12px;color:#4b5563;font-size:.88rem;text-decoration:none}.text-link:hover{text-decoration:underline}.screen-share-tile{grid-column:1 / -1;min-height:420px}.screen-share-tile video{object-fit:contain;background:#080b12}.guest-card-in-call{width:min(1500px,calc(100vw - 28px));padding:14px}.guest-card-in-call .room-workspace{min-height:min(780px,calc(100vh - 110px))}.guest-room-header{padding:2px 6px 12px}.recent-rooms{margin-top:26px;border-top:1px solid #e5e7eb;padding-top:18px}.recent-rooms h3{margin:0 0 9px;font-size:.95rem}.recent-room{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;margin-top:6px;border-radius:10px;background:#f9fafb;color:inherit;text-decoration:none}.recent-room:hover{background:#f3f4f6}.recent-room strong,.recent-room small{display:block}.recent-room small{color:#6b7280;margin-top:2px}@media(max-width:1180px){.host-grid{grid-template-columns:300px minmax(0,1fr)}.room-workspace{grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:920px){.host-grid,.room-workspace{grid-template-columns:1fr}.meeting-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.participants-list{max-height:260px}.guest-card-in-call{width:min(100%,calc(100vw - 16px));padding:8px}}@media(max-width:620px){.host-shell{padding:8px}.topbar{margin-bottom:8px}.meeting-side{grid-template-columns:1fr}.meeting{min-height:56vh}.media-grid{grid-template-columns:1fr;padding:8px}.video-tile{min-height:220px}.screen-share-tile{min-height:300px}.toolbar{flex-wrap:wrap}.toolbar button{flex:1 1 44%}.chat-messages{min-height:220px;max-height:320px}.copyrow{align-items:stretch}}.media-grid.screen-mode{position:relative;display:block;height:min(70vh,760px);min-height:520px;padding:12px 128px;overflow:hidden;align-content:initial}.media-grid.screen-mode .screen-share-tile{position:absolute;inset:12px 128px;min-height:0;width:auto;height:auto;z-index:1;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 55px #00000047}.media-grid.screen-mode .screen-share-secondary{display:none}.media-grid.screen-mode .video-tile:not(.screen-share-tile){position:absolute;top:clamp(54px,var(--stack-top, 50%),calc(100% - 54px));width:108px;height:82px;min-height:82px;transform:translateY(-50%);z-index:4;border:1px solid rgba(255,255,255,.16);box-shadow:0 8px 28px #00000059}.media-grid.screen-mode .video-tile.screen-side-left{left:10px}.media-grid.screen-mode .video-tile.screen-side-right{right:10px}.media-grid.screen-mode .video-tile:not(.screen-share-tile) .avatar{width:42px;height:42px;font-size:1.05rem}.media-grid.screen-mode .video-tile:not(.screen-share-tile) .name-tag{left:5px;right:5px;bottom:5px;padding:.24rem .38rem;font-size:.66rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-grid.screen-mode .screen-share-tile .name-tag{font-size:.78rem}@media(max-width:760px){.media-grid.screen-mode{display:grid;grid-template-columns:repeat(auto-fit,minmax(82px,1fr));gap:7px;height:auto;min-height:0;padding:8px;overflow:visible}.media-grid.screen-mode .video-tile:not(.screen-share-tile){position:relative;inset:auto;width:auto;height:74px;min-height:74px;transform:none;order:0}.media-grid.screen-mode .screen-share-tile{position:relative;inset:auto;grid-column:1 / -1;width:100%;height:min(62vh,520px);min-height:300px;order:1}.media-grid.screen-mode .screen-share-secondary{display:none}}.panel-title{display:flex;align-items:center;gap:8px;min-width:0}.panel-icon{flex:0 0 auto;font-size:1rem}.panel-actions{display:flex;align-items:center;gap:6px}.collapse-button{min-width:34px;min-height:34px;padding:.35rem .5rem;background:#e5e7eb;color:#374151;font-weight:800}.collapse-button.has-alert{background:#fef3c7;color:#92400e;box-shadow:0 0 0 2px #f59e0b33}.collapsible-panel>.panel-body{min-height:0}.collapsible-panel.collapsed>.panel-body{display:none!important}.host-grid.lobby-collapsed{grid-template-columns:58px minmax(0,1fr)}.lobby-card.collapsed{padding:7px;overflow:hidden}.lobby-card.collapsed .lobby-heading{height:100%;margin:0;flex-direction:column;justify-content:flex-start;align-items:center}.lobby-card.collapsed .panel-title>div{display:none}.lobby-card.collapsed .panel-title{justify-content:center}.lobby-card.collapsed .panel-icon{font-size:1.25rem}.lobby-card.collapsed .panel-actions{flex-direction:column}.lobby-card.collapsed .icon-button,.lobby-card.collapsed .collapse-button{min-width:40px;width:40px}.meeting-side.users-collapsed:not(.all-collapsed){grid-template-rows:52px minmax(0,1fr)}.meeting-side.chat-collapsed:not(.all-collapsed){grid-template-rows:minmax(0,1fr) 52px}.meeting-side.all-collapsed{grid-template-rows:52px 52px;align-content:start}.room-workspace.side-collapsed{grid-template-columns:minmax(0,1fr) 58px}.side-card.collapsed{padding:7px}.side-card.collapsed .side-title{height:100%;margin:0;flex-direction:column;justify-content:center}.side-card.collapsed .panel-title h3{display:none}.side-card.collapsed .panel-title{justify-content:center;gap:3px}.side-card.collapsed .count-badge{min-width:20px;width:20px;height:20px;font-size:.68rem}.side-card.collapsed .collapse-button{min-width:40px;width:40px}.chat-card{overflow:hidden}.chat-body{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.chat-messages{min-height:0;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.participants-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.meeting{display:flex;flex-direction:column}.meeting-placeholder{flex:1 1 auto}.toolbar{order:0;min-height:58px;flex:0 0 auto;display:flex;align-items:center;gap:9px;justify-content:space-between;padding:9px 10px;border-top:0;border-bottom:1px solid rgba(255,255,255,.09);background:#0e1528}.toolbar-head{display:flex;align-items:center;gap:7px;flex:0 0 auto}.toolbar-summary{min-width:54px;font-size:.92rem;white-space:nowrap}.toolbar-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;flex:1 1 auto}.toolbar-controls button{background:#222b40;color:#fff}.toolbar-controls .danger{background:#b91c1c}.toolbar .toolbar-collapse{background:#27324b;color:#fff}.toolbar.collapsed{min-height:42px;padding:4px 8px}.toolbar.collapsed .toolbar-controls{display:none}.toolbar.collapsed .toolbar-head{width:100%;justify-content:space-between}.media-grid{order:1;flex:1 1 auto;min-height:0}@media(min-width:921px){body.host-view,body.call-view{height:100dvh;overflow:hidden}.host-view .host-shell{height:100dvh;min-height:0;display:flex;flex-direction:column;padding:12px;overflow:hidden}.host-view .topbar{flex:0 0 auto;width:100%;margin-bottom:10px}.host-view .host-grid{flex:1 1 auto;height:0;min-height:0;overflow:hidden}.host-view .lobby-card{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}.host-view .room-workspace,.host-view .meeting,.host-view .meeting-side{height:100%;min-height:0}.call-view .center-shell{height:100dvh;min-height:0;padding:8px;display:block;overflow:hidden}.call-view .guest-card-in-call{width:100%;max-width:none;height:100%;min-height:0;margin:0;padding:9px;display:flex;flex-direction:column}.call-view .guest-room-header{flex:0 0 auto;padding:2px 5px 7px}.call-view .room-workspace{flex:1 1 auto;height:0;min-height:0}.call-view .meeting,.call-view .meeting-side{height:100%;min-height:0}.host-view .meeting-side,.call-view .meeting-side{overflow:hidden}.host-view .side-card:not(.collapsed),.call-view .side-card:not(.collapsed){overflow:hidden;display:flex;flex-direction:column}.host-view .side-card:not(.collapsed)>.panel-body,.call-view .side-card:not(.collapsed)>.panel-body{flex:1 1 auto;min-height:0}.host-view .users-card .panel-body,.call-view .users-card .panel-body{overflow:hidden}.host-view .participants-list,.call-view .participants-list{max-height:none;height:100%}.host-view .media-grid:not(.screen-mode),.call-view .media-grid:not(.screen-mode){overflow:hidden;grid-auto-rows:minmax(0,1fr);align-content:stretch}.host-view .media-grid:not(.screen-mode) .video-tile,.call-view .media-grid:not(.screen-mode) .video-tile{min-height:0}.host-view .media-grid.screen-mode,.call-view .media-grid.screen-mode{height:100%;min-height:0}}@media(max-width:920px){.host-grid.lobby-collapsed{grid-template-columns:1fr}.lobby-card.collapsed{min-height:52px}.lobby-card.collapsed .lobby-heading{height:auto;flex-direction:row;justify-content:space-between}.lobby-card.collapsed .panel-title>div{display:none}.lobby-card.collapsed .panel-actions{flex-direction:row}.room-workspace.side-collapsed{grid-template-columns:1fr}.meeting-side.users-collapsed:not(.all-collapsed){grid-template-columns:1fr 1fr;grid-template-rows:auto}.meeting-side.chat-collapsed:not(.all-collapsed){grid-template-columns:1fr 1fr;grid-template-rows:auto}.meeting-side.all-collapsed{grid-template-columns:1fr 1fr;grid-template-rows:52px}.side-card.collapsed .side-title{flex-direction:row;justify-content:space-between}.side-card.collapsed .panel-title h3{display:block}.toolbar{position:relative;top:auto;z-index:5;flex-wrap:nowrap}.toolbar-controls{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;scrollbar-width:thin;padding-bottom:2px}.toolbar-controls button{flex:0 0 auto;white-space:nowrap}}@media(max-width:620px){.meeting-side.users-collapsed:not(.all-collapsed),.meeting-side.chat-collapsed:not(.all-collapsed){grid-template-columns:1fr}.meeting-side.all-collapsed{grid-template-columns:1fr 1fr}.toolbar{min-height:52px;padding:6px;gap:5px}.toolbar-head{gap:4px}.toolbar-summary{min-width:auto;font-size:.82rem}.toolbar .collapse-button{min-width:34px}.chat-messages{max-height:320px}}