:root{font-family:Segoe UI,Arial,sans-serif;color:#e5edf9;background:#0c1019;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:8px;background:#355bb4;color:#fff;padding:10px 14px}button:hover{filter:brightness(1.1)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #6292ff;outline-offset:2px}button:disabled{opacity:.48;cursor:not-allowed}button.secondary{background:#38475b}button.danger{background:#a63748}.hidden{display:none!important}.topbar{display:flex;justify-content:space-between;align-items:center;padding:13px 24px;gap:12px;background:#171e2c;border-bottom:1px solid #2c3548}.topbar h1{margin:0;font-size:22px}.topbar small,.subtitle{color:#9eafc8}.topbar small{font-size:12px;margin-left:8px}.subtitle{font-size:12px}.connection-status{font-size:13px;white-space:nowrap;color:#b7c5de}main{max-width:1200px;margin:16px auto;padding:0 16px}.panel{background:#192334;border:1px solid #314056;border-radius:14px;padding:17px;margin-bottom:12px}h2{font-size:18px;margin:0}.small{font-size:12px}.muted{color:#9bacbf}.status{color:#b8cbed;font-size:13px;min-height:20px;margin:10px 2px}.entry-panel{max-width:750px;margin:24px auto 14px;padding:25px;background:#fafafa;color:#242932;border-color:#e2e6ed;box-shadow:0 12px 40px #0003}.entry-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.version-chip{color:#535d69;background:#edf0f3;padding:5px 10px;border-radius:20px;font-size:12px}.switcher{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:22px 0 20px;background:#f2f3f5;border-radius:12px;padding:4px}.tab{border:0;background:transparent;color:#5b6471;font-size:14px;font-weight:600;padding:10px}.tab.selected{background:#fff;color:#1e2635;box-shadow:0 1px 5px #0001}.entry-panel form{display:grid;gap:12px}.entry-panel label{display:grid;gap:6px;color:#59616c;font-weight:600;font-size:13px}.entry-panel input{border:1px solid #d3d8e0;border-radius:10px;padding:12px 14px;background:#fff;color:#18212f;width:100%;min-width:0}.primary-action{border-radius:10px;margin-top:5px;padding:12px;background:#345eb9;font-weight:600}.helper{font-size:12px;color:#657282;margin:15px 0 0;line-height:1.5}.live-heading{display:flex;justify-content:space-between;align-items:center}.online-chip{font-size:12px;color:#7cdda8;background:#203e38;padding:6px 9px;border-radius:20px}.controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:13px 0}.controls button{font-size:13px;padding:9px 12px}.stream-settings{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:10px 0}.stream-settings label{display:grid;gap:6px;font-size:12px;color:#bfcee0}.stream-settings select{background:#25344c;color:#fff;border:1px solid #536680;border-radius:7px;padding:8px;min-width:176px}.stream-settings .audio-checkbox{display:flex;align-items:center;gap:8px;align-self:center}.stream-settings .audio-checkbox input{accent-color:#4c84fa}.people{font-size:13px;margin:12px 0 8px}#videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),min(100%,820px)));justify-content:start;gap:12px}.tile{min-width:0;background:#090e16;border:1px solid #35455e;border-radius:10px;overflow:hidden}.tile-title-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0f1929;padding:8px 11px;min-height:42px}.tile-title{font-size:13px;color:#e0e8f6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tile-actions{display:flex;gap:6px;flex-shrink:0}.tile-button{font-size:12px;padding:7px 9px;background:#2e405d;border-radius:6px}.tile video{display:block;width:100%;height:auto;max-height:40vh;aspect-ratio:16/9;object-fit:contain;background:#000;cursor:zoom-in}.tile:fullscreen{width:100vw;height:100vh;max-width:none;max-height:none;border:0;border-radius:0;display:flex;flex-direction:column;background:#000}.tile:fullscreen .tile-title-bar{flex:0 0 auto}.tile:fullscreen video{flex:1 1 auto;height:calc(100vh - 42px);max-height:none;aspect-ratio:auto;cursor:zoom-out}.tile.tile-floating{position:fixed;z-index:9999;left:50%;top:60px;transform:translate(-50%);width:min(84vw,880px);height:min(70vh,580px);min-width:320px;min-height:220px;max-width:98vw;max-height:95vh;resize:both;overflow:hidden;box-shadow:0 15px 80px #000c;border-color:#6599fb;display:flex;flex-direction:column}.tile.tile-floating .tile-title-bar{cursor:move;touch-action:none}.tile.tile-floating video{flex:1 1 auto;height:calc(100% - 42px);max-height:none;min-height:0;aspect-ratio:auto}.tile.tile-floating:fullscreen{width:100vw;height:100vh;left:0;top:0;transform:none;resize:none}.tile.tile-floating:fullscreen video{height:calc(100vh - 42px)}@media(max-width:640px){.topbar{padding:12px 14px}.topbar h1{font-size:17px}.subtitle{display:none}main{padding:0 10px}.panel{padding:12px}.entry-panel{padding:16px;margin-top:10px}.tile-title-bar{flex-wrap:wrap}.tile-button{padding:7px;font-size:11px}.stream-settings select{min-width:140px}}.topbar{position:relative;min-height:74px;-webkit-user-select:none;user-select:none}.header-right{display:flex;align-items:flex-end;gap:10px;align-self:stretch}.desktop-client .topbar{cursor:default}.desktop-client .topbar .brand{cursor:move}.window-controls{display:none}.desktop-client .window-controls{display:flex;position:absolute;top:0;right:0;height:36px;z-index:25;gap:0;align-items:stretch;margin:0}.desktop-client .header-right{padding-top:30px}.window-controls button{border:0;border-radius:0;background:transparent;color:#e4ebf6;width:46px;min-width:46px;height:36px;font-size:16px;font-weight:500;padding:0;display:grid;place-items:center;line-height:1}.window-controls button:hover{background:#344157;filter:none}.window-controls #window-close:hover{background:#c42b38;color:#fff}.window-controls button:focus-visible{outline-offset:-3px}.room-picker{position:relative;min-width:0}.room-input-row{display:flex;border:1px solid #d3d8e0;border-radius:10px;overflow:hidden;background:#fff}.entry-panel .room-input-row input{border:0;border-radius:0;min-width:0;flex:1;width:100%}.entry-panel .room-arrow{border-radius:0;background:#e9edf5;color:#334255;min-width:46px;padding:0 12px;font-size:22px}.saved-room-list{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;background:#fff;border:1px solid #ccd5e5;border-radius:9px;max-height:205px;overflow-y:auto;box-shadow:0 10px 24px #0003}.saved-room-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4;min-width:0}.saved-room-row:last-child{border-bottom:0}.saved-room-choose{background:transparent;color:#243249;border-radius:0;text-align:left;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:12px 14px}.saved-room-choose:hover{background:#eef3fd;filter:none}.saved-room-remove{flex-shrink:0;color:#a52639;background:#fff2f4;border-radius:7px;margin:4px 8px;padding:7px 9px;font-size:12px}.saved-room-remove:hover{background:#ffe3e6;filter:none}.saved-room-empty{padding:12px;color:#67758b;font-size:13px}.entry-panel .entry-option{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#44556b;font-size:12px;font-weight:500}.entry-panel .entry-option input{width:16px;height:16px;padding:0;min-width:16px;accent-color:#345eb9}.entry-panel .room-explanation,.entry-panel .password-warning{color:#657282;font-size:11px;margin:-6px 0 2px;line-height:1.4}@media(max-width:640px){.window-controls button{width:38px;min-width:38px}.header-right{gap:7px}}html.desktop-client,html.desktop-client body{width:100%;height:100%;overflow:hidden}html.desktop-client #app{width:100%;height:100%;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}html.desktop-client .topbar{flex:0 0 auto;width:100%;z-index:30}html.desktop-client main{flex:1 1 auto;min-height:0;width:100%;max-width:none;margin:0;padding:16px 16px 24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}html.desktop-client .entry-panel{margin:0 auto 14px;max-width:750px}html.desktop-client .live-panel,html.desktop-client #status{max-width:1080px;margin-left:auto;margin-right:auto}html.desktop-client main::-webkit-scrollbar{width:10px}html.desktop-client main::-webkit-scrollbar-track{background:#111827}html.desktop-client main::-webkit-scrollbar-thumb{background:#52617b;border:2px solid #111827;border-radius:8px}html.desktop-client main::-webkit-scrollbar-thumb:hover{background:#7e94b8}@media(max-width:640px){html.desktop-client main{padding:10px 10px 16px}}html.desktop-client .topbar{min-height:62px;padding:8px 18px;gap:8px}html.desktop-client .topbar h1{font-size:16px;line-height:1.25}html.desktop-client .topbar small{font-size:10px;margin-left:6px}html.desktop-client .subtitle{font-size:10px;line-height:1.3}html.desktop-client .connection-status{font-size:11px}html.desktop-client .header-right{padding-top:25px}html.desktop-client .window-controls{height:30px}html.desktop-client .window-controls button{height:30px;width:43px;min-width:43px;font-size:14px}html.desktop-client main{padding:12px 14px 18px}html.desktop-client .entry-panel{max-width:565px;width:100%;padding:18px 19px;margin:0 auto 12px;border-radius:11px}html.desktop-client .entry-heading h2{font-size:15px;line-height:1.35}html.desktop-client .version-chip{font-size:10px;padding:4px 9px}html.desktop-client .switcher{margin:15px 0 14px;border-radius:9px;gap:3px;padding:3px}html.desktop-client .tab{font-size:11px;padding:8px 9px;font-weight:500;border-radius:7px}html.desktop-client .entry-panel form{gap:9px}html.desktop-client .entry-panel label{font-size:11px;gap:4px}html.desktop-client .entry-panel input:not([type=checkbox]){min-height:34px;padding:7px 11px;font-size:11px;border-radius:8px}html.desktop-client .room-input-row{border-radius:8px}html.desktop-client .entry-panel .room-input-row input{border:0;border-radius:0}html.desktop-client .entry-panel .room-arrow{min-width:36px;padding:0 9px;font-size:15px}html.desktop-client .entry-panel .entry-option{font-size:10px;gap:7px;line-height:1.35}html.desktop-client .entry-panel .entry-option input{width:14px;height:14px;min-width:14px}html.desktop-client .entry-panel .room-explanation,html.desktop-client .entry-panel .password-warning{font-size:9px;line-height:1.35;margin:-3px 0 1px}html.desktop-client .primary-action{margin-top:5px;min-height:34px;padding:8px 11px;font-size:11px;border-radius:8px}html.desktop-client .helper{font-size:10px;line-height:1.4;margin-top:11px}html.desktop-client .saved-room-choose{font-size:11px;padding:9px 11px}html.desktop-client .saved-room-remove{font-size:10px;padding:6px 8px}html.desktop-client .saved-room-empty,html.desktop-client .status{font-size:11px}@media(max-width:640px){html.desktop-client .topbar{padding:7px 10px}html.desktop-client main{padding:10px 10px 16px}html.desktop-client .entry-panel{padding:14px 13px}html.desktop-client .window-controls button{width:37px;min-width:37px}}.tile .stream-body{display:flex;align-items:center;justify-content:center;background:#000;min-height:160px;aspect-ratio:16/9;overflow:hidden}.tile .stream-body video{display:block;width:100%;height:100%;max-height:40vh;aspect-ratio:16/9;object-fit:contain}.stream-placeholder{color:#9caec7;padding:22px 14px;font-size:12px;text-align:center;line-height:1.6}.tile .watch-btn{background:#325caa}.tile .watch-btn[aria-pressed=true]{background:#965055}.tile .tile-actions{flex-wrap:wrap;justify-content:flex-end}.tile:fullscreen{background:#000}.tile:fullscreen .stream-body{flex:1 1 auto;min-height:0;aspect-ratio:auto}.tile:fullscreen .stream-body video{height:100%;max-height:none;aspect-ratio:auto}.tile:fullscreen .stream-placeholder{font-size:17px}@media(max-width:640px){.tile .tile-title-bar{align-items:flex-start}.tile .tile-actions{gap:4px}.tile .tile-button{font-size:10px;padding:6px}}