@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter","Inter Fallback"}
:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}
:root{--bg-base:#07080f;--bg-surface:#0e1018;--bg-elevated:#151721;--border:#ffffff14;--border-hover:#ffffff29;--accent:#6c63ff;--accent-glow:#6c63ff59;--accent-hover:#7b73ff;--danger:#ff4d6a;--danger-glow:#ff4d6a4d;--text-primary:#f0f1f5;--text-secondary:#8b8fa8;--text-muted:#555870;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-glow:0 0 40px #6c63ff26;--transition:all .2s cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-inter,"Inter",system-ui,sans-serif);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased}.lobby-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.lobby-card{z-index:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-glow),0 24px 64px #00000080;background:#0e1018b3;padding:48px 40px;position:relative}.lobby-logo{align-items:center;gap:12px;margin-bottom:8px;display:flex}.logo-icon{font-size:32px}.logo-title{color:var(--text-primary);font-size:28px;font-weight:700}.lobby-subtitle{color:var(--text-secondary);margin-bottom:36px;font-size:14px;line-height:1.5}.lobby-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.02em;font-size:13px;font-weight:500}.label-hint{color:var(--text-muted);font-weight:400}.form-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);background:#ffffff0a;outline:none;padding:12px 16px;font-family:inherit;font-size:16px}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);background:#6c63ff0f}.lobby-actions{flex-direction:column;gap:10px;margin-top:4px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-family:inherit;font-size:15px;font-weight:600;display:flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px #00000026}.btn-primary:not(:disabled):hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 16px #0003}.btn-secondary{border:1px solid var(--border);color:var(--text-primary);background:#ffffff0f}.btn-secondary:not(:disabled):hover{border-color:var(--border-hover);background:#ffffff1a}.btn-loading{align-items:center;gap:8px;display:flex}.lobby-features{border-top:1px solid var(--border);justify-content:center;gap:20px;margin-top:32px;padding-top:24px;display:flex}.feature{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.feature-icon{font-size:14px}.room-page{background:var(--bg-base);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.room-main{flex-direction:column;flex:1;min-height:0;transition:width .3s cubic-bezier(.16,1,.3,1),padding-bottom .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.connecting-banner{z-index:50;background:var(--accent);color:#fff;justify-content:center;align-items:center;gap:10px;padding:10px;font-size:14px;font-weight:500;display:flex;position:fixed;top:0;left:0;right:0}.grid-layout-container{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.grid-nav-btn{color:#fff;cursor:pointer;z-index:20;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.grid-nav-btn:hover{background:#000c;transform:translateY(-50%)scale(1.1)}.grid-nav-btn.prev{left:16px}.grid-nav-btn.next{right:16px}.video-grid{flex:1;gap:12px;width:100%;height:100%;padding:16px 80px;overflow:hidden}.video-grid .video-tile{width:100%;min-width:0;height:100%;min-height:0}.speaker-layout{flex-direction:row;gap:16px;width:100%;height:100%;display:flex}.speaker-main-tile{flex:1;justify-content:center;align-items:center;min-width:0;height:100%;min-height:0;display:flex}.speaker-main-tile .video-element{object-fit:contain;background:var(--bg-base)}.speaker-filmstrip{flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;width:220px;max-width:30vw;padding-right:4px;display:flex;overflow-y:hidden}.filmstrip-tile-wrapper{aspect-ratio:16/9;flex:none;width:100%;max-width:100%;min-height:0}.floating-self-view{aspect-ratio:16/9;z-index:40;border-radius:var(--radius-md);border:2px solid var(--border);width:240px;position:absolute;bottom:110px;right:24px;overflow:hidden;box-shadow:0 8px 32px #00000080}.filmstrip-nav{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#ffffff1a;border:none;flex-shrink:0;width:100%;padding:8px;font-size:12px}.filmstrip-nav:hover{background:#ffffff26}.video-tile{border-radius:var(--radius-md);background:var(--bg-elevated);width:100%;height:100%;max-height:calc(100vh - 110px);transition:transform .2s;position:relative;overflow:hidden}.video-tile:after{content:"";border-radius:var(--radius-md);pointer-events:none;z-index:10;border:4px solid #0000;transition:border-color .2s,box-shadow .2s;position:absolute;inset:0}.video-tile:not(.is-speaking):hover:after{border-color:var(--border-hover)}.video-tile.is-speaking:after{border-color:#4ade80;box-shadow:inset 0 0 16px #4ade8066,0 0 16px #4ade8066}.video-element{object-fit:cover;background:var(--bg-elevated);width:100%;height:100%;display:block}.tile-pin-controls{z-index:20;opacity:0;transition:opacity .2s;position:absolute;top:8px;right:8px}.video-tile:hover .tile-pin-controls{opacity:1}.btn-pin{border-radius:var(--radius-sm);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.btn-pin:hover{background:#000c}.btn-unpin{background:#ef4444cc}.btn-unpin:hover{background:#dc2626e6}.avatar-placeholder{background:var(--bg-elevated);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.avatar-letter{background:var(--accent);color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:700;display:flex}.tile-footer{background:#00000080;align-items:center;gap:8px;padding:28px 12px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.participant-name{color:#fff;text-shadow:0 1px 4px #0009;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.mute-badge{font-size:14px}.local-badge{background:var(--accent);color:#fff;letter-spacing:.06em;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.controls-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);background:#0e1018d9;flex-shrink:0;justify-content:space-between;align-items:center;height:90px;padding:0 24px;display:flex}.room-info{flex-direction:column;gap:4px;display:flex}.room-id{color:var(--accent);font-family:monospace;font-size:14px;font-weight:600}.participant-count{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 6px #22c55e}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.85)}}.control-buttons{align-items:center;gap:10px;display:flex}.ctrl-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:var(--transition);background:#ffffff0d;flex-direction:column;align-items:center;gap:4px;min-width:68px;padding:10px 16px;font-family:inherit;display:flex}.ctrl-btn:hover{border-color:var(--border-hover);background:#ffffff1a;transform:translateY(-2px)}.ctrl-btn--off{background:#ff4d6a26;border-color:#ff4d6a66}.ctrl-btn--off:hover{background:#ff4d6a38}.ctrl-btn--leave{background:#ff4d6a1f;border-color:#ff4d6a4d}.ctrl-btn--leave:hover{border-color:var(--danger);box-shadow:0 0 20px var(--danger-glow);background:#ff4d6a40}.ctrl-icon{font-size:20px;line-height:1}.ctrl-label{color:var(--text-secondary);font-size:11px;font-weight:500}.error-screen{background:var(--bg-base);justify-content:center;align-items:center;min-height:100vh;display:flex}.error-card{text-align:center;border-radius:var(--radius-xl);background:#ff4d6a0f;border:1px solid #ff4d6a40;max-width:420px;padding:48px 40px}.error-icon{font-size:48px}.error-card h2{margin:16px 0 8px;font-size:22px}.error-card p{color:var(--text-secondary);margin-bottom:28px;font-size:14px}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.room-page--with-chat .room-main{width:calc(100% - 320px)}.chat-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border);z-index:50;background:#0e1018f2;flex-direction:column;width:320px;transition:right .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:0;bottom:90px;right:-320px;box-shadow:-8px 0 32px #00000080}.chat-panel--open{right:0}.chat-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.chat-header h3{margin:0;font-size:16px;font-weight:600}.chat-close-btn{color:var(--text-secondary);cursor:pointer;touch-action:manipulation;background:0 0;border:none;margin-right:-8px;padding:8px 12px;font-size:20px}.chat-close-btn:hover{color:#fff}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-empty{text-align:center;color:var(--text-secondary);margin-top:40px;font-size:14px}.chat-bubble-container{flex-direction:column;max-width:85%;display:flex}.chat-bubble--local{align-self:flex-end;align-items:flex-end}.chat-bubble--remote{align-self:flex-start;align-items:flex-start}.chat-bubble-sender{color:var(--text-secondary);gap:6px;margin-bottom:4px;font-size:11px;display:flex}.chat-bubble-text{word-break:break-word;border-radius:12px;padding:10px 14px;font-size:14px;line-height:1.4}.chat-bubble--local .chat-bubble-text{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-bubble--remote .chat-bubble-text{background:#ffffff1a;border-bottom-left-radius:4px}.chat-input-area{border-top:1px solid var(--border);gap:8px;padding:16px;display:flex}.chat-input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;outline:none;flex:1;padding:10px 14px;font-size:16px}.chat-input:focus{border-color:var(--accent)}.chat-send-btn{background:var(--accent);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:none;place-items:center;width:40px;display:grid}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-badge{background:var(--danger);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #0000004d}@media (max-width:768px){.lobby-card{padding:36px 24px}.lobby-features{flex-direction:column;align-items:center;gap:10px}.controls-bar{height:80px;padding:0 12px;overflow-x:auto}.ctrl-btn{min-width:52px;padding:8px 10px}.ctrl-label,.room-info{display:none}.grid-nav-btn{width:36px;height:36px;font-size:16px}.grid-nav-btn.prev{left:4px}.grid-nav-btn.next{right:4px}.video-grid{padding:16px}}@media (max-width:768px),(orientation:portrait){.room-page--with-chat .room-main{width:100%;padding-bottom:40vh}.chat-panel{border-left:none;border-top:1px solid var(--border);border-radius:var(--radius-xl)var(--radius-xl)0 0;z-index:50;width:100%;height:40vh;transition:bottom .3s cubic-bezier(.16,1,.3,1);position:absolute;inset:auto 0 -45vh;box-shadow:0 -8px 32px #00000080}.chat-panel--open{bottom:90px;right:0}.speaker-layout{flex-direction:column}.speaker-main-tile{aspect-ratio:16/9;flex:none;width:100%;max-height:50vh}.speaker-filmstrip{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-direction:row;align-items:center;gap:8px;width:100%;max-width:100%;height:140px;padding:16px;display:flex;overflow:auto hidden}.speaker-filmstrip>.filmstrip-nav{scroll-snap-align:start;flex-shrink:0;width:40px;height:100%;display:flex}.btn-prev,.btn-next{transform:rotate(-90deg)}.filmstrip-tile-wrapper{aspect-ratio:16/9;scroll-snap-align:start;flex:0 0 calc(50% - 28px);width:auto;height:100%}.tile-pin-controls{opacity:1}.floating-self-view{width:140px;bottom:110px;right:16px}}@media (max-width:768px){.chat-panel--open{bottom:80px}}.mode-selector{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px;display:grid}.mode-btn{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:var(--transition);text-align:center;background:#ffffff0a;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;font-family:inherit;display:flex}.mode-btn:hover{border-color:var(--border-hover);background:#ffffff14;transform:translateY(-2px)}.mode-btn--active{border-color:var(--accent);color:var(--text-primary);box-shadow:0 0 0 1px var(--accent),0 4px 16px var(--accent-glow);background:#6c63ff26}.mode-btn-icon{font-size:24px;line-height:1}.mode-btn-label{letter-spacing:.01em;font-size:14px;font-weight:600}.mode-btn-desc{color:var(--text-muted);font-size:11px}.mode-btn--active .mode-btn-desc{color:var(--text-secondary)}.mode-badge{letter-spacing:.07em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;width:fit-content;padding:2px 8px;font-size:10px;font-weight:700;display:inline-flex}.mode-badge--sfu{color:#a09bff;background:#6c63ff33;border:1px solid #6c63ff80}.mode-badge--p2p{color:#4ade80;background:#22c55e26;border:1px solid #22c55e66}