:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background-color:#1a1a1a}#app{width:100%;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#333;color:#fff;cursor:pointer;transition:background-color .2s,border-color .2s}button:hover{background-color:#444;border-color:#646cff}button:focus,button:focus-visible{outline:2px solid #646cff;outline-offset:2px}button:disabled{opacity:.5;cursor:not-allowed}.admin-overlay.svelte-1lnkrex.svelte-1lnkrex{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.admin-panel.svelte-1lnkrex.svelte-1lnkrex{background:#1a1a1a;border-radius:12px;max-width:1200px;width:100%;max-height:90vh;overflow-y:auto;padding:20px;color:#fff}.admin-header.svelte-1lnkrex.svelte-1lnkrex{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #333}.admin-header.svelte-1lnkrex h2.svelte-1lnkrex{margin:0;font-size:1.5rem}.close-btn.svelte-1lnkrex.svelte-1lnkrex{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-btn.svelte-1lnkrex.svelte-1lnkrex:hover{background:#333}.active-header.svelte-1lnkrex.svelte-1lnkrex{display:flex;justify-content:space-between;align-items:center;background:#2a2a2a;padding:15px 20px;border-radius:8px;margin-bottom:20px}.active-count.svelte-1lnkrex.svelte-1lnkrex{font-size:1.1rem;color:#ddd}.active-count.svelte-1lnkrex strong.svelte-1lnkrex{color:#4caf50;font-size:1.3rem}.bandwidth-info.svelte-1lnkrex.svelte-1lnkrex{color:#4caf50;font-weight:700}.section.svelte-1lnkrex.svelte-1lnkrex{background:#2a2a2a;border-radius:8px;padding:20px;margin-bottom:20px}.section.svelte-1lnkrex h3.svelte-1lnkrex{margin:0 0 15px;font-size:1.1rem;color:#fff;padding-bottom:10px;border-bottom:1px solid #333}.history-section.svelte-1lnkrex.svelte-1lnkrex{margin-top:20px}.history-header.svelte-1lnkrex.svelte-1lnkrex{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #333}.history-header.svelte-1lnkrex h3.svelte-1lnkrex{margin:0;padding-bottom:0;border-bottom:none}.clear-history-btn.svelte-1lnkrex.svelte-1lnkrex{padding:6px 12px;background:#ff6b6b;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .2s}.clear-history-btn.svelte-1lnkrex.svelte-1lnkrex:hover{background:#ee5a52}.participants-table.svelte-1lnkrex.svelte-1lnkrex{overflow-x:auto}table.svelte-1lnkrex.svelte-1lnkrex{width:100%;border-collapse:collapse}thead.svelte-1lnkrex.svelte-1lnkrex{background:#1a1a1a}th.svelte-1lnkrex.svelte-1lnkrex{padding:10px;text-align:left;font-size:.85rem;color:#888;text-transform:uppercase}td.svelte-1lnkrex.svelte-1lnkrex{padding:12px 10px;border-top:1px solid #333}.participant-name.svelte-1lnkrex.svelte-1lnkrex{font-weight:500}.participant-identity.svelte-1lnkrex.svelte-1lnkrex{font-size:.75rem;color:#666;margin-top:2px}.quality-badge.svelte-1lnkrex.svelte-1lnkrex{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.75rem;color:#fff;font-weight:500}.track-info.svelte-1lnkrex.svelte-1lnkrex{font-size:.85rem}.bitrate.svelte-1lnkrex.svelte-1lnkrex{color:#888;font-size:.75rem;margin-top:2px}.simulcast-badge.svelte-1lnkrex.svelte-1lnkrex{display:inline-block;background:#646cff;color:#fff;padding:2px 4px;border-radius:3px;font-size:.7rem;margin-left:4px}.kick-btn.svelte-1lnkrex.svelte-1lnkrex{padding:6px 12px;background:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .2s}.kick-btn.svelte-1lnkrex.svelte-1lnkrex:hover{background:#d32f2f}.loading.svelte-1lnkrex.svelte-1lnkrex,.error.svelte-1lnkrex.svelte-1lnkrex,.no-rooms.svelte-1lnkrex.svelte-1lnkrex,.no-participants.svelte-1lnkrex.svelte-1lnkrex{text-align:center;padding:40px;color:#888}.error.svelte-1lnkrex.svelte-1lnkrex{color:#f44336}.recordings-section.svelte-1lnkrex.svelte-1lnkrex{margin-top:20px}.recordings-header.svelte-1lnkrex.svelte-1lnkrex{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #333}.recordings-header.svelte-1lnkrex h3.svelte-1lnkrex{margin:0;padding-bottom:0;border-bottom:none}.recording-indicator.svelte-1lnkrex.svelte-1lnkrex{display:flex;align-items:center;gap:8px;padding:10px 15px;background:#f4433626;border-radius:4px;color:#f44336;font-weight:500;margin-bottom:15px}.recording-dot.svelte-1lnkrex.svelte-1lnkrex{width:10px;height:10px;background:#f44336;border-radius:50%;animation:svelte-1lnkrex-pulse 1.5s ease-in-out infinite}@keyframes svelte-1lnkrex-pulse{0%,to{opacity:1}50%{opacity:.4}}.status-badge.svelte-1lnkrex.svelte-1lnkrex{display:inline-block;padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-recording.svelte-1lnkrex.svelte-1lnkrex{background:#f4433633;color:#f44336}.status-processing.svelte-1lnkrex.svelte-1lnkrex{background:#ff980033;color:#ff9800}.status-ready.svelte-1lnkrex.svelte-1lnkrex{background:#4caf5033;color:#4caf50}.status-error.svelte-1lnkrex.svelte-1lnkrex{background:#f4433633;color:#f44336}.status-cancelled.svelte-1lnkrex.svelte-1lnkrex{background:#9e9e9e33;color:#9e9e9e}.recording-row.svelte-1lnkrex.svelte-1lnkrex,.datetime-cell.svelte-1lnkrex.svelte-1lnkrex{position:relative}.participants-tooltip.svelte-1lnkrex.svelte-1lnkrex{display:none;position:absolute;top:100%;left:0;background:#1a1a1a;border:1px solid #444;padding:10px 14px;border-radius:6px;font-size:.85rem;line-height:1.5;color:#e0e0e0;white-space:nowrap;z-index:100;box-shadow:0 4px 12px #0006;margin-top:4px}.recording-row.svelte-1lnkrex:hover .participants-tooltip.svelte-1lnkrex{display:block}.participants-tooltip.svelte-1lnkrex strong.svelte-1lnkrex{color:#4caf50}.actions-cell.svelte-1lnkrex.svelte-1lnkrex{display:flex;gap:6px}.action-btn.svelte-1lnkrex.svelte-1lnkrex{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer;font-size:1rem;text-decoration:none;transition:background .2s}.play-btn.svelte-1lnkrex.svelte-1lnkrex{background:#4caf50;color:#fff}.play-btn.svelte-1lnkrex.svelte-1lnkrex:hover{background:#45a049}.download-btn.svelte-1lnkrex.svelte-1lnkrex{background:#2196f3;color:#fff}.download-btn.svelte-1lnkrex.svelte-1lnkrex:hover{background:#1976d2}.delete-btn.svelte-1lnkrex.svelte-1lnkrex{background:#f44336;color:#fff}.delete-btn.svelte-1lnkrex.svelte-1lnkrex:hover{background:#d32f2f}.cancel-btn.svelte-1lnkrex.svelte-1lnkrex{background:#ff9800;color:#fff}.cancel-btn.svelte-1lnkrex.svelte-1lnkrex:hover{background:#f57c00}.storage-info.svelte-1lnkrex.svelte-1lnkrex{margin-top:15px;padding-top:15px;border-top:1px solid #333;color:#888;font-size:.9rem}.no-recordings.svelte-1lnkrex.svelte-1lnkrex{text-align:center;padding:40px;color:#888}.video-modal-overlay.svelte-1lnkrex.svelte-1lnkrex{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.video-modal.svelte-1lnkrex.svelte-1lnkrex{background:#1a1a1a;border-radius:12px;max-width:90vw;max-height:90vh;width:100%;display:flex;flex-direction:column;overflow:hidden}.video-modal-header.svelte-1lnkrex.svelte-1lnkrex{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #333}.video-modal-header.svelte-1lnkrex h3.svelte-1lnkrex{margin:0;font-size:1.1rem;color:#fff}.video-container.svelte-1lnkrex.svelte-1lnkrex{flex:1;display:flex;align-items:center;justify-content:center;background:#000;min-height:400px}.video-container.svelte-1lnkrex video.svelte-1lnkrex{max-width:100%;max-height:70vh}.video-modal-footer.svelte-1lnkrex.svelte-1lnkrex{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;border-top:1px solid #333}.modal-btn.svelte-1lnkrex.svelte-1lnkrex{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;text-decoration:none;transition:background .2s}.download-modal-btn.svelte-1lnkrex.svelte-1lnkrex{background:#2196f3;color:#fff}.download-modal-btn.svelte-1lnkrex.svelte-1lnkrex:hover{background:#1976d2}.delete-modal-btn.svelte-1lnkrex.svelte-1lnkrex{background:#f44336;color:#fff}.delete-modal-btn.svelte-1lnkrex.svelte-1lnkrex:hover{background:#d32f2f}@media (max-width: 768px){.admin-panel.svelte-1lnkrex.svelte-1lnkrex{padding:15px}.stats-summary.svelte-1lnkrex.svelte-1lnkrex{grid-template-columns:1fr}table.svelte-1lnkrex.svelte-1lnkrex{font-size:.85rem}th.svelte-1lnkrex.svelte-1lnkrex,td.svelte-1lnkrex.svelte-1lnkrex{padding:8px 5px}.participant-identity.svelte-1lnkrex.svelte-1lnkrex{display:none}.video-modal.svelte-1lnkrex.svelte-1lnkrex{max-width:100vw;max-height:100vh;border-radius:0}.video-container.svelte-1lnkrex.svelte-1lnkrex{min-height:300px}.video-container.svelte-1lnkrex video.svelte-1lnkrex{max-height:50vh}}.container.svelte-15lsudc.svelte-15lsudc{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background:#121212;color:#fff}.name-prompt.svelte-15lsudc.svelte-15lsudc{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:2rem;text-align:center}.name-prompt.svelte-15lsudc h1.svelte-15lsudc{font-size:2rem;margin-bottom:.5rem}.version-badge.svelte-15lsudc.svelte-15lsudc{color:#4caf50;font-size:.85rem;margin-bottom:1rem;padding:.25rem .75rem;border:1px solid #4CAF50;border-radius:20px}.name-prompt.svelte-15lsudc p.svelte-15lsudc{color:#888;margin-bottom:1.5rem}.name-prompt.svelte-15lsudc form.svelte-15lsudc{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px}.name-prompt.svelte-15lsudc input.svelte-15lsudc{padding:1rem;font-size:1.1rem;border:2px solid #333;border-radius:8px;background:#1a1a1a;color:#fff;text-align:center}.name-prompt.svelte-15lsudc input.svelte-15lsudc:focus{outline:none;border-color:#4caf50}.name-prompt.svelte-15lsudc button.svelte-15lsudc{padding:1rem;font-size:1.1rem;border:none;border-radius:8px;background:#4caf50;color:#fff;cursor:pointer;transition:background .2s}.name-prompt.svelte-15lsudc button.svelte-15lsudc:hover:not(:disabled){background:#45a049}.name-prompt.svelte-15lsudc button.svelte-15lsudc:disabled{background:#333;cursor:not-allowed}header.svelte-15lsudc.svelte-15lsudc{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;padding-top:calc(.5rem + env(safe-area-inset-top,0px));padding-left:calc(1rem + env(safe-area-inset-left,0px));padding-right:calc(1rem + env(safe-area-inset-right,0px));background:#1a1a1af2;backdrop-filter:blur(10px);flex-shrink:0}.header-left.svelte-15lsudc.svelte-15lsudc{display:flex;align-items:center;gap:.75rem}header.svelte-15lsudc h1.svelte-15lsudc{font-size:1.1rem;margin:0}.status.svelte-15lsudc.svelte-15lsudc{font-size:.75rem;padding:.3rem .6rem;border-radius:4px;background:#333}.status.connected.svelte-15lsudc.svelte-15lsudc{background:#2e7d32}.status.waiting.svelte-15lsudc.svelte-15lsudc{background:#f57c00}.controls.svelte-15lsudc.svelte-15lsudc{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.controls.svelte-15lsudc button.svelte-15lsudc{padding:.5rem 1rem;font-size:.85rem;border:none;border-radius:6px;background:#333;color:#fff;cursor:pointer;transition:all .2s}.controls.svelte-15lsudc button.svelte-15lsudc:hover{background:#444}.controls.svelte-15lsudc button.active.svelte-15lsudc{background:#f57c00}.controls.svelte-15lsudc .admin-button.svelte-15lsudc{background:#646cff}.controls.svelte-15lsudc .admin-button.svelte-15lsudc:hover{background:#535ac8}.controls.svelte-15lsudc .leave-button.svelte-15lsudc{background:#c62828}.controls.svelte-15lsudc .leave-button.svelte-15lsudc:hover{background:#d32f2f}.video-grid.svelte-15lsudc.svelte-15lsudc{--grid-cols:1;--grid-rows:1;position:fixed;top:calc(52px + env(safe-area-inset-top,0px));left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);grid-template-rows:repeat(var(--grid-rows),1fr);gap:3px;padding:3px;padding-left:calc(3px + env(safe-area-inset-left,0px));padding-right:calc(3px + env(safe-area-inset-right,0px));padding-bottom:calc(3px + env(safe-area-inset-bottom,0px));background:#000;overflow:hidden;z-index:1}.video-tile.svelte-15lsudc.svelte-15lsudc{position:relative;background:#1a1a1a;border-radius:6px;overflow:hidden;min-width:0;min-height:0}.video-tile.svelte-15lsudc video.svelte-15lsudc{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.pip-container.svelte-15lsudc.svelte-15lsudc{position:fixed;width:160px;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0009,inset 0 0 0 2px #4caf5080;z-index:50;cursor:grab;touch-action:none;background:#1a1a1a;transition:left .3s ease,right .3s ease,top .3s ease,bottom .3s ease}.pip-container.pip-dragging.svelte-15lsudc.svelte-15lsudc{cursor:grabbing;transition:none;z-index:51}.pip-container.svelte-15lsudc video.svelte-15lsudc{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.pip-container.front-camera.svelte-15lsudc video.svelte-15lsudc{transform:scaleX(-1)}.pip-bottom-right.svelte-15lsudc.svelte-15lsudc{bottom:calc(20px + env(safe-area-inset-bottom,0px));right:calc(20px + env(safe-area-inset-right,0px))}.pip-bottom-left.svelte-15lsudc.svelte-15lsudc{bottom:calc(20px + env(safe-area-inset-bottom,0px));left:calc(20px + env(safe-area-inset-left,0px))}.pip-top-right.svelte-15lsudc.svelte-15lsudc{top:calc(72px + env(safe-area-inset-top,0px));right:calc(20px + env(safe-area-inset-right,0px))}.pip-top-left.svelte-15lsudc.svelte-15lsudc{top:calc(72px + env(safe-area-inset-top,0px));left:calc(20px + env(safe-area-inset-left,0px))}.pip-name-tag.svelte-15lsudc.svelte-15lsudc{position:absolute;bottom:6px;left:6px;background:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;display:flex;align-items:center;gap:4px}.pip-name-tag.svelte-15lsudc .muted-icon.svelte-15lsudc{width:12px;height:12px}.pip-container.svelte-15lsudc .switch-camera-button.svelte-15lsudc{position:absolute;top:6px;right:6px;width:28px;height:28px;padding:4px}.pip-container.svelte-15lsudc .local-error.svelte-15lsudc{position:absolute;bottom:26px;left:4px;right:4px;font-size:.6rem;padding:2px 4px}.waiting-message.svelte-15lsudc.svelte-15lsudc{display:flex;align-items:center;justify-content:center;height:100%;color:#888;font-size:1.2rem}.video-grid.no-remotes.svelte-15lsudc.svelte-15lsudc{display:flex}.name-tag.svelte-15lsudc.svelte-15lsudc{position:absolute;bottom:8px;left:8px;background:#000000b3;color:#fff;padding:4px 10px;border-radius:4px;font-size:.85rem;display:flex;align-items:center;gap:6px}.muted-icon.svelte-15lsudc.svelte-15lsudc{display:inline-flex;align-items:center;margin-left:4px}.muted-icon.svelte-15lsudc svg.svelte-15lsudc{width:14px;height:14px;color:#ff6b6b}.quality-indicator.svelte-15lsudc.svelte-15lsudc{position:absolute;top:8px;left:8px;display:flex;align-items:center;padding:4px 8px;border-radius:4px;background:#0009;z-index:5}.quality-dot.svelte-15lsudc.svelte-15lsudc{width:10px;height:10px;border-radius:50%;box-shadow:0 0 4px currentColor}.quality-indicator.good.svelte-15lsudc .quality-dot.svelte-15lsudc{background:#4caf50;color:#4caf50}.quality-indicator.fair.svelte-15lsudc .quality-dot.svelte-15lsudc{background:#ff9800;color:#ff9800}.quality-indicator.poor.svelte-15lsudc .quality-dot.svelte-15lsudc{background:#f44336;color:#f44336;animation:svelte-15lsudc-pulse-poor 1s infinite}@keyframes svelte-15lsudc-pulse-poor{0%,to{opacity:1}50%{opacity:.5}}.connecting-overlay.svelte-15lsudc.svelte-15lsudc{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;color:#888}.local-error.svelte-15lsudc.svelte-15lsudc{position:absolute;top:8px;left:8px;right:8px;background:#fff3cde6;color:#856404;padding:4px 8px;border-radius:4px;font-size:.75rem;text-align:center;z-index:5}.reconnecting-overlay.svelte-15lsudc.svelte-15lsudc{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:150}.reconnecting-content.svelte-15lsudc.svelte-15lsudc{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff;font-size:1.2rem}.reconnecting-spinner.svelte-15lsudc.svelte-15lsudc{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-15lsudc-spin 1s linear infinite}@keyframes svelte-15lsudc-spin{to{transform:rotate(360deg)}}.notifications-container.svelte-15lsudc.svelte-15lsudc{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.notification.svelte-15lsudc.svelte-15lsudc{padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:500;text-align:center;animation:svelte-15lsudc-notificationSlide .3s ease,svelte-15lsudc-notificationFade 3s ease;white-space:nowrap}.notification.join.svelte-15lsudc.svelte-15lsudc{background:#4caf50e6;color:#fff}.notification.leave.svelte-15lsudc.svelte-15lsudc{background:#646464e6;color:#fff}@keyframes svelte-15lsudc-notificationSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-15lsudc-notificationFade{0%,70%{opacity:1}to{opacity:0}}.screen-share-fullscreen.svelte-15lsudc.svelte-15lsudc{position:fixed;top:calc(52px + env(safe-area-inset-top,0px));left:0;right:0;bottom:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:1}.screen-share-fullscreen.svelte-15lsudc video.svelte-15lsudc{width:100%;height:100%;object-fit:contain}.screen-share-label.svelte-15lsudc.svelte-15lsudc{position:absolute;top:16px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:8px 20px;border-radius:20px;font-size:.9rem;white-space:nowrap;z-index:5}.controls.svelte-15lsudc .screen-share-button.svelte-15lsudc{background:#2196f3}.controls.svelte-15lsudc .screen-share-button.svelte-15lsudc:hover{background:#1976d2}.controls.svelte-15lsudc .screen-share-button.active.svelte-15lsudc{background:#f57c00}@media (max-width: 480px){header.svelte-15lsudc.svelte-15lsudc{flex-wrap:wrap;padding:.3rem .5rem;gap:.3rem}header.svelte-15lsudc h1.svelte-15lsudc{font-size:.9rem}.header-left.svelte-15lsudc.svelte-15lsudc{gap:.5rem}.status.svelte-15lsudc.svelte-15lsudc{font-size:.7rem;padding:.2rem .4rem}.controls.svelte-15lsudc.svelte-15lsudc{gap:.3rem;width:100%;justify-content:center}.controls.svelte-15lsudc button.svelte-15lsudc{padding:.3rem .5rem;font-size:.7rem}.video-grid.svelte-15lsudc.svelte-15lsudc{top:calc(76px + env(safe-area-inset-top,0px));gap:2px;padding:2px;padding-left:calc(2px + env(safe-area-inset-left,0px));padding-right:calc(2px + env(safe-area-inset-right,0px));padding-bottom:calc(2px + env(safe-area-inset-bottom,0px))}.video-tile.svelte-15lsudc.svelte-15lsudc{border-radius:4px}.name-tag.svelte-15lsudc.svelte-15lsudc{font-size:.7rem;padding:2px 5px;bottom:4px;left:4px}.quality-indicator.svelte-15lsudc.svelte-15lsudc{top:4px;left:4px;padding:2px 5px}.quality-dot.svelte-15lsudc.svelte-15lsudc{width:8px;height:8px}.notifications-container.svelte-15lsudc.svelte-15lsudc{top:50px;width:90%}.notification.svelte-15lsudc.svelte-15lsudc{padding:10px 16px;font-size:.85rem}.screen-share-fullscreen.svelte-15lsudc.svelte-15lsudc{top:calc(76px + env(safe-area-inset-top,0px))}.screen-share-label.svelte-15lsudc.svelte-15lsudc{top:10px;padding:6px 14px;font-size:.75rem}.pip-container.svelte-15lsudc.svelte-15lsudc{width:120px}.pip-top-right.svelte-15lsudc.svelte-15lsudc,.pip-top-left.svelte-15lsudc.svelte-15lsudc{top:calc(84px + env(safe-area-inset-top,0px))}.pip-bottom-right.svelte-15lsudc.svelte-15lsudc,.pip-bottom-left.svelte-15lsudc.svelte-15lsudc{bottom:calc(12px + env(safe-area-inset-bottom,0px))}.pip-bottom-right.svelte-15lsudc.svelte-15lsudc,.pip-top-right.svelte-15lsudc.svelte-15lsudc{right:calc(12px + env(safe-area-inset-right,0px))}.pip-bottom-left.svelte-15lsudc.svelte-15lsudc,.pip-top-left.svelte-15lsudc.svelte-15lsudc{left:calc(12px + env(safe-area-inset-left,0px))}.pip-name-tag.svelte-15lsudc.svelte-15lsudc{font-size:.6rem;padding:2px 4px}.pip-container.svelte-15lsudc .switch-camera-button.svelte-15lsudc{width:24px;height:24px;padding:3px}}@media (max-width: 768px) and (orientation: portrait){.pip-container.svelte-15lsudc.svelte-15lsudc{width:100px;aspect-ratio:9 / 16}}@media (max-width: 768px) and (orientation: landscape){.pip-container.svelte-15lsudc.svelte-15lsudc{width:140px;aspect-ratio:16 / 9}.pip-top-right.svelte-15lsudc.svelte-15lsudc,.pip-top-left.svelte-15lsudc.svelte-15lsudc{top:calc(52px + env(safe-area-inset-top,0px))}}@media (min-width: 481px) and (max-width: 768px){.controls.svelte-15lsudc button.svelte-15lsudc{padding:.4rem .8rem;font-size:.8rem}.video-grid.svelte-15lsudc.svelte-15lsudc{gap:2px;padding:2px}}@media (max-height: 500px) and (orientation: landscape){header.svelte-15lsudc.svelte-15lsudc{padding:.25rem .75rem}header.svelte-15lsudc h1.svelte-15lsudc{font-size:.85rem}.status.svelte-15lsudc.svelte-15lsudc{font-size:.65rem;padding:.15rem .35rem}.controls.svelte-15lsudc button.svelte-15lsudc{padding:.25rem .5rem;font-size:.7rem}.screen-share-fullscreen.svelte-15lsudc.svelte-15lsudc{top:calc(36px + env(safe-area-inset-top,0px))}.screen-share-label.svelte-15lsudc.svelte-15lsudc{top:8px;padding:4px 12px;font-size:.7rem}.video-grid.svelte-15lsudc.svelte-15lsudc{top:calc(36px + env(safe-area-inset-top,0px));gap:2px;padding:2px;padding-left:calc(2px + env(safe-area-inset-left,0px));padding-right:calc(2px + env(safe-area-inset-right,0px));padding-bottom:calc(2px + env(safe-area-inset-bottom,0px))}.name-tag.svelte-15lsudc.svelte-15lsudc{font-size:.65rem;padding:2px 4px;bottom:3px;left:3px}.quality-indicator.svelte-15lsudc.svelte-15lsudc{top:3px;left:3px;padding:2px 4px}.quality-dot.svelte-15lsudc.svelte-15lsudc{width:6px;height:6px}.notifications-container.svelte-15lsudc.svelte-15lsudc{top:42px}.notification.svelte-15lsudc.svelte-15lsudc{padding:8px 14px;font-size:.8rem}}.kick-button.svelte-15lsudc.svelte-15lsudc{position:absolute;top:8px;right:8px;width:28px;height:28px;padding:4px;border:none;border-radius:50%;background:#f44336cc;color:#fff;cursor:pointer;opacity:0;transition:opacity .2s,background .2s;z-index:10}.video-tile.svelte-15lsudc:hover .kick-button.svelte-15lsudc{opacity:1}.kick-button.svelte-15lsudc.svelte-15lsudc:hover{background:#f44336}.kick-button.svelte-15lsudc svg.svelte-15lsudc{width:100%;height:100%}.switch-camera-button.svelte-15lsudc.svelte-15lsudc{position:absolute;top:8px;right:8px;width:32px;height:32px;padding:6px;border:none;border-radius:50%;background:#0009;color:#fff;cursor:pointer;transition:background .2s;z-index:10}.switch-camera-button.svelte-15lsudc.svelte-15lsudc:hover{background:#000c}.switch-camera-button.svelte-15lsudc.svelte-15lsudc:active{background:#4caf50cc}.switch-camera-button.svelte-15lsudc svg.svelte-15lsudc{width:100%;height:100%}.kicked-message.svelte-15lsudc.svelte-15lsudc{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:2rem;text-align:center}.kicked-message.svelte-15lsudc h2.svelte-15lsudc{font-size:1.5rem;margin-bottom:1rem;color:#f44336}.kicked-message.svelte-15lsudc p.svelte-15lsudc{color:#888;margin-bottom:1.5rem}.kicked-message.svelte-15lsudc button.svelte-15lsudc{padding:.75rem 1.5rem;font-size:1rem;background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer}.kicked-message.svelte-15lsudc button.svelte-15lsudc:hover{background:#45a049}main.svelte-1usqayj{width:100%;min-height:100vh}