:root{--room-bg: #0F0D08;--room-surface: #1A1610;--room-elevated: #211C14;--room-text: #F4EFE7;--room-text-muted: #B5AB9D;--room-text-hint: #948A80;--room-accent: #E8B898;--room-accent-hover: #F0C9AE;--room-accent-pressed: #D9A583;--room-accent-glow: rgba(232, 184, 152, .25);--room-error: #F1A19A;--room-error-bg: #3B1714;--room-speaking: #E8B898;--room-border: rgba(232, 184, 152, .08);--room-border-hover: rgba(232, 184, 152, .2);--room-overlay: rgba(0, 0, 0, .55);--room-toolbar-bg: rgba(26, 22, 16, .95);--room-font: "DM Sans", system-ui, sans-serif;--room-font-serif: "Cormorant Garamond", Georgia, serif;--room-gap: 8px;--room-radius: 12px;--room-radius-sm: 6px;--room-header-height: 56px;--room-transition: .2s ease;--room-spring: .3s cubic-bezier(.34, 1.56, .64, 1)}@supports (backdrop-filter: blur(1px)){:root{--room-toolbar-bg: rgba(26, 22, 16, .85)}}@media(prefers-reduced-motion:reduce){:root{--room-transition: .01ms;--room-spring: .01ms}}.video-room{position:fixed;inset:0;z-index:9999;background:var(--room-bg);display:flex;flex-direction:column;font-family:var(--room-font);touch-action:manipulation;overscroll-behavior:none}.video-room:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 45%,#c8946c0a,#1c191700 70%);pointer-events:none;z-index:0}.video-room-header{height:var(--room-header-height);flex-shrink:0;background:var(--room-toolbar-bg);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--room-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:1}.session-info{display:flex;align-items:center;gap:16px}.session-timer{color:var(--room-text);font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.recording-indicator{display:flex;align-items:center;gap:6px;color:var(--room-error);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.recording-dot{width:8px;height:8px;background:var(--room-error);border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.participant-count{color:var(--room-text-muted);font-size:14px}.video-room-main{flex:1;min-height:0;display:flex;overflow:clip;position:relative;z-index:1}.video-grid-container{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;position:relative}.video-grid{display:grid;gap:var(--room-gap);width:100%;height:100%;max-width:1600px}.video-grid[data-count="1"]{grid-template-columns:1fr;grid-template-rows:1fr;max-width:none;gap:0}.video-grid-container.solo,.video-grid-container:has(.video-grid[data-count="1"]){padding:0}.participant-tile.solo-fullscreen{width:100%;height:100%;border-radius:0;overflow:hidden}.participant-tile.solo-fullscreen video{object-fit:cover;object-position:center;width:100%;display:block;height:100%}.video-grid[data-count="2"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.video-grid[data-count="3"]{grid-template-columns:repeat(4,1fr)}.video-grid[data-count="3"]>*:nth-child(-n+2){grid-column:span 2}.video-grid[data-count="3"]>*:nth-child(3){grid-column:2 / span 2}.video-grid[data-count="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.video-grid[data-count="5"]{grid-template-columns:repeat(6,1fr)}.video-grid[data-count="5"]>*:nth-child(-n+3){grid-column:span 2}.video-grid[data-count="5"]>*:nth-child(4){grid-column:2 / span 2}.video-grid[data-count="5"]>*:nth-child(5){grid-column:4 / span 2}.video-grid[data-count="6"]{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.video-grid[data-count="7"]{grid-template-columns:repeat(12,1fr);grid-template-rows:1fr 1fr}.video-grid[data-count="7"]>*:nth-child(-n+4){grid-column:span 3}.video-grid[data-count="7"]>*:nth-child(5){grid-column:2 / span 3}.video-grid[data-count="7"]>*:nth-child(6){grid-column:5 / span 3}.video-grid[data-count="7"]>*:nth-child(7){grid-column:8 / span 3}.participant-tile{position:relative;background:var(--room-surface);border-radius:var(--room-radius);overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 9;user-select:none;contain:layout style paint}.participant-tile video{width:100%;height:100%;object-fit:cover;object-position:center 20%;transform:translateZ(0)}.participant-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.participant-avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--room-accent),#906848);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:600;color:#fff;text-transform:uppercase}.participant-name{color:var(--room-text);font-size:16px;font-weight:500}.participant-info{position:absolute;bottom:12px;left:12px;display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--room-overlay);border-radius:var(--room-radius-sm);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.participant-info .name{color:var(--room-text);font-size:13px;font-weight:500}.muted-icon{color:var(--room-error);width:16px;height:16px}.self-view{position:absolute;bottom:100px;right:20px;width:200px;height:150px;border-radius:var(--room-radius);overflow:hidden;box-shadow:0 8px 32px #0006;border:2px solid var(--room-border);background:var(--room-surface);cursor:move;transition:transform var(--room-transition),box-shadow var(--room-transition);z-index:10;user-select:none;touch-action:none;will-change:transform}.self-view:hover{transform:scale(1.02);box-shadow:0 12px 40px #00000080}.self-view video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.self-view-label{position:absolute;bottom:8px;left:8px;padding:4px 8px;background:var(--room-overlay);border-radius:4px;color:var(--room-text);font-size:11px;font-weight:500}.self-view.dragging{cursor:grabbing;box-shadow:0 16px 48px #0009;transform:scale(1.05);z-index:20}.self-view .fullscreen-btn{top:4px;right:4px;width:24px;height:24px;padding:4px}.waiting-room{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--room-bg)}.waiting-content{text-align:center}.waiting-pulse{width:80px;height:80px;border-radius:50%;background:var(--room-accent-glow);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;animation:wait-pulse 2s infinite}@keyframes wait-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}.waiting-pulse svg{width:32px;height:32px;color:var(--room-accent)}.waiting-text{color:var(--room-text-muted);font-size:16px}.chat-panel{position:absolute;right:-360px;top:0;bottom:0;width:360px;background:var(--room-surface);border-left:1px solid var(--room-border);display:flex;flex-direction:column;visibility:hidden;opacity:0;transition:right .3s ease,visibility .3s,opacity .3s;z-index:100}.chat-panel.open{right:0;visibility:visible;opacity:1}.chat-header{height:var(--room-header-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--room-border)}.chat-header h3{color:var(--room-text);font-size:16px;font-weight:600}.chat-close-btn{width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:var(--room-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--room-transition)}.chat-close-btn:hover{background:var(--room-border-hover)}.chat-messages{flex:1;overflow-y:auto;padding:16px}.chat-message{margin-bottom:16px}.chat-message-sender{color:var(--room-accent);font-size:12px;font-weight:600;margin-bottom:4px}.chat-message-text{color:var(--room-text);font-size:14px;line-height:1.4}.chat-message-time{color:var(--room-text-muted);font-size:11px;margin-top:4px}.chat-input-container{padding:16px;border-top:1px solid var(--room-border)}.chat-input{width:100%;padding:12px 16px;background:var(--room-elevated);border:1px solid var(--room-border);border-radius:24px;color:var(--room-text);font-size:14px;font-family:var(--room-font);outline:none;transition:border-color var(--room-transition)}.chat-input:focus{border-color:var(--room-accent)}.chat-input::placeholder{color:var(--room-text-muted)}.control-bar{height:80px;flex-shrink:0;background:var(--room-toolbar-bg);display:flex;align-items:center;justify-content:center;gap:12px;padding:0 24px;border-top:1px solid var(--room-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;z-index:1}.control-btn{width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--room-transition);position:relative;font-family:var(--room-font)}.control-btn svg{width:24px;height:24px}.control-btn.default{background:var(--room-elevated);color:var(--room-text)}.control-btn.default:hover{background:#4a4544}.control-btn.muted{background:var(--room-error-bg);color:var(--room-error)}.control-btn.muted:hover{background:#991b1b}.control-btn.active{background:var(--room-accent);color:#fff}.control-btn.active:hover{background:var(--room-accent-hover)}.control-btn.end-call{width:64px;height:52px;border-radius:26px;background:var(--room-error-bg);color:var(--room-error)}.control-btn.end-call:hover{background:#991b1b}.control-btn-label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:11px;color:var(--room-text-muted);white-space:nowrap;opacity:0;transition:opacity var(--room-transition)}.control-btn:hover .control-btn-label{opacity:1}.settings-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000b3;opacity:0;pointer-events:none;transition:opacity var(--room-transition)}.settings-modal.open{opacity:1;pointer-events:auto}.settings-content{width:480px;max-height:80vh;background:var(--room-elevated);border-radius:var(--room-radius);overflow-y:auto;overflow-x:hidden}.settings-header{height:var(--room-header-height);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--room-border)}.settings-header h2{color:var(--room-text);font-size:18px;font-weight:600}.settings-body{padding:20px;overflow-y:auto}.settings-section{margin-bottom:24px}.settings-section:last-child{margin-bottom:0}.settings-label{color:var(--room-text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.settings-select{width:100%;padding:12px 16px;background:var(--room-surface);border:1px solid var(--room-border);border-radius:8px;color:var(--room-text);font-size:14px;font-family:var(--room-font);outline:none;cursor:pointer;transition:border-color var(--room-transition)}.settings-select:focus{border-color:var(--room-accent)}.fullscreen-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;padding:6px;background:var(--room-overlay);border:none;border-radius:var(--room-radius-sm);color:var(--room-text);cursor:pointer;opacity:0;transition:opacity var(--room-transition),background var(--room-transition);z-index:5}.fullscreen-btn svg{width:100%;height:100%}.participant-tile:hover .fullscreen-btn,.self-view:hover .fullscreen-btn{opacity:1}.fullscreen-btn:hover{background:#b8946c99}.fullscreen-overlay{position:absolute;inset:0;z-index:50;background:var(--room-bg);display:flex;align-items:center;justify-content:center;padding:16px}.fullscreen-overlay .participant-tile{width:100%;height:100%;max-width:none;max-height:none}.fullscreen-overlay .participant-tile.fullscreen{border-radius:var(--room-radius)}.fullscreen-overlay .fullscreen-btn{opacity:1;width:44px;height:44px;padding:10px;top:16px;right:16px}.participant-tile.fullscreen{position:relative}.reconnecting-overlay{position:absolute;inset:0;z-index:200;background:#1c1917d9;display:flex;align-items:center;justify-content:center}.reconnecting-content{text-align:center;color:var(--room-text);font-family:var(--room-font)}.reconnecting-content p{margin-top:16px;font-size:16px;color:var(--room-text-muted)}.reconnecting-spinner{width:40px;height:40px;border:3px solid var(--room-border);border-top-color:var(--room-accent);border-radius:50%;animation:reconnect-spin .8s linear infinite;margin:0 auto}@keyframes reconnect-spin{to{transform:rotate(360deg)}}@supports (padding: env(safe-area-inset-top)){.video-room-header{padding-top:env(safe-area-inset-top);height:calc(56px + env(safe-area-inset-top))}.control-bar{padding-bottom:env(safe-area-inset-bottom)}.video-grid-container{padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}}@media(max-width:768px){.video-room-header{height:48px;padding:0 12px}.video-grid-container{padding:8px}.video-grid[data-count="2"]{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.video-grid[data-count="3"]{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr}.video-grid[data-count="3"]>*:nth-child(-n+2){grid-column:auto}.video-grid[data-count="3"]>*:nth-child(3){grid-column:auto}.video-grid[data-count="4"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.video-grid[data-count="5"]{grid-template-columns:1fr 1fr}.video-grid[data-count="5"]>*:nth-child(-n+3){grid-column:auto}.video-grid[data-count="5"]>*:nth-child(4){grid-column:auto}.video-grid[data-count="5"]>*:nth-child(5){grid-column:1 / -1}.video-grid[data-count="6"]{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.video-grid[data-count="7"]{grid-template-columns:1fr 1fr}.video-grid[data-count="7"]>*:nth-child(-n+4){grid-column:auto}.video-grid[data-count="7"]>*:nth-child(5){grid-column:auto}.video-grid[data-count="7"]>*:nth-child(6){grid-column:auto}.video-grid[data-count="7"]>*:nth-child(7){grid-column:1 / -1}.self-view{width:120px;height:90px;bottom:100px;right:12px}.chat-panel{position:absolute;inset:0;width:100%;transform:translateY(100%);visibility:hidden;opacity:0}.chat-panel.open{transform:translateY(0);visibility:visible;opacity:1}.control-bar{height:72px;gap:8px;padding:0 16px}.control-btn{width:48px;height:48px}.control-btn svg{width:20px;height:20px}.control-btn.end-call{width:56px;height:48px}.participant-avatar{width:64px;height:64px;font-size:24px}.fullscreen-btn{width:28px;height:28px;padding:4px}.fullscreen-btn svg{width:14px;height:14px}.settings-content{width:calc(100vw - 32px);max-height:90vh}.spotlight-layout{flex-direction:column}.spotlight-filmstrip{width:100%;height:100px;flex-direction:row;overflow-x:auto;overflow-y:hidden}.spotlight-filmstrip .participant-tile{width:140px;height:100%;flex-shrink:0}}@media(max-width:480px){.video-grid-container{padding:4px}.video-grid{gap:4px}.session-info{gap:8px}.session-timer,.participant-count{font-size:12px}.participant-info{bottom:8px;left:8px;padding:4px 8px}.participant-info .name{font-size:11px;max-width:120px}.control-bar{height:64px;gap:6px;padding:0 12px}.control-btn{width:44px;height:44px}.control-btn.end-call{width:52px;height:44px}.self-view{width:100px;height:75px;bottom:80px;right:8px}}.control-btn-label.control-btn-tooltip{bottom:auto;top:-28px}.control-bar.toolbar-hidden{opacity:0;transform:translate(-50%) translateY(20px);pointer-events:none}.participant-tile.speaking{box-shadow:0 0 0 3px var(--room-speaking),0 0 20px var(--room-accent-glow);transition:box-shadow var(--room-transition)}.connection-quality{position:absolute;top:8px;right:8px;display:flex;gap:2px;align-items:flex-end;padding:2px 4px;background:#00000080;border-radius:4px;z-index:5}.cq-bar{width:3px;border-radius:1px;transition:background-color var(--room-transition)}.cq-bar:nth-child(1){height:5px}.cq-bar:nth-child(2){height:9px}.cq-bar:nth-child(3){height:14px}.network-warning{position:absolute;top:calc(var(--room-header-height) + 8px);left:50%;transform:translate(-50%);background:var(--room-error-bg);color:var(--room-text);padding:8px 20px;border-radius:var(--room-radius-sm);font-size:13px;font-family:var(--room-font);z-index:90;display:flex;align-items:center;gap:12px;animation:warningFadeIn .3s ease;white-space:nowrap}.network-warning button{background:none;border:none;color:var(--room-text-muted);cursor:pointer;font-size:18px;padding:0 4px;line-height:1}@keyframes warningFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.self-view.snapping{transition:left var(--room-spring),top var(--room-spring),right var(--room-spring),bottom var(--room-spring)}.spotlight-layout{display:flex;width:100%;height:100%;gap:var(--room-gap)}.spotlight-main{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.spotlight-main .participant-tile{width:100%;height:100%;aspect-ratio:auto}.spotlight-main .participant-tile video{object-fit:contain;object-position:center center;background:var(--room-bg)}.spotlight-filmstrip{width:220px;display:flex;flex-direction:column;gap:var(--room-gap);overflow-y:auto;flex-shrink:0;scrollbar-width:none}.spotlight-filmstrip::-webkit-scrollbar{display:none}.spotlight-filmstrip .participant-tile{width:100%;flex-shrink:0;aspect-ratio:16 / 9}@media(max-height:500px)and (orientation:landscape){.video-room-header{height:40px;padding:0 12px}.control-bar{height:56px;gap:8px}.control-btn{width:44px;height:44px}.control-btn.end-call{width:52px;height:44px}.video-grid-container{padding:8px}.self-view{width:120px;height:90px;bottom:64px;right:12px}}.participant-tile{animation:tileJoin .3s ease-out}@keyframes tileJoin{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.participant-tile{animation:none}}.participant-info{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@supports not (backdrop-filter: blur(1px)){.participant-info{background:#000000bf}}.toast-container{position:absolute;top:calc(var(--room-header-height, 56px) + 8px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:90;pointer-events:none}.toast-item{background:var(--room-surface, #292524);color:var(--room-text-muted, #B5A99D);padding:8px 20px;border-radius:var(--room-radius-sm, 6px);font-family:var(--room-font, "DM Sans", sans-serif);font-size:13px;white-space:nowrap;animation:toastIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--room-border, rgba(184, 148, 108, .08))}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(forced-colors:active){.control-btn{border:2px solid ButtonText}.control-btn.muted{border-color:Highlight}.participant-tile{border:1px solid CanvasText}.participant-tile.speaking{border:3px solid Highlight;box-shadow:none}.toast-item,.network-warning{border:2px solid CanvasText}}.participant-tile:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 60px #0000001f;pointer-events:none;z-index:1}@keyframes reactionFlyUp{0%{opacity:1;transform:translateY(0) scale(1)}70%{opacity:1;transform:translateY(-120px) scale(1.2)}to{opacity:0;transform:translateY(-180px) scale(.8)}}@keyframes ambientBreathe{0%,to{box-shadow:0 0 #b8946c08}50%{box-shadow:0 0 40px #b8946c0f}}.participant-tile.ambient-breathing{animation:ambientBreathe 4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.participant-tile.ambient-breathing{animation:none}}@keyframes handRaiseBounce{0%{transform:scale(0) rotate(-15deg)}50%{transform:scale(1.3) rotate(5deg)}to{transform:scale(1) rotate(0)}}
/*# sourceMappingURL=/assets/chunk-BTXWKUK4.digested.livekit.css.map */