@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}@media (prefers-color-scheme:dark){:root{--background:#0f111a;--foreground:#ededed}}*{box-sizing:border-box;padding:0;margin:0}body{background:#0f111a;color:var(--foreground);font-family:Arial,Helvetica,sans-serif}body,html{overscroll-behavior-y:none;overscroll-behavior-x:none}html{height:100%}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.custom-tabs{height:100%;display:flex;flex-direction:column}.custom-tabs .ant-tabs-nav{margin-bottom:0!important;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:flex-end}.custom-tabs .ant-tabs-nav:before{border-bottom:none!important}.custom-tabs .ant-tabs-content-holder{flex:1 1;overflow:hidden}.custom-tabs .ant-tabs-content,.custom-tabs .ant-tabs-tabpane{height:100%}.custom-tabs .ant-tabs-nav-list{width:100%}.custom-tabs .ant-tabs-tab{flex:1 1;display:flex;justify-content:center;padding:12px 0!important;margin:0!important}.custom-tabs .ant-tabs-tab-btn{color:rgba(255,255,255,.5)!important;font-size:14px;transition:all .3s}.custom-tabs .ant-tabs-tab:hover .ant-tabs-tab-btn{color:rgba(255,255,255,.8)!important}.custom-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:white!important;font-weight:500}.custom-tabs .ant-tabs-ink-bar{background:#3b82f6!important;height:3px!important;border-radius:3px 3px 0 0}.glass-modal .ant-modal-content{background-color:rgba(28,31,46,.9)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.05)!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important}.auth-container{min-height:100vh;background-color:#0f111a;padding:0 32px}.auth-container,.auth-stack{display:flex;align-items:center;justify-content:center}.auth-stack{width:100%;max-width:420px;flex-direction:column;gap:16px;margin-bottom:10%}.app-logo-title{color:#fff;font-size:clamp(40px,6vw,64px);line-height:1;letter-spacing:.06em;text-transform:uppercase;text-align:center;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:1.5px;text-shadow:0 0 8px rgba(255,255,255,.4),0 0 100px rgb(156,43,231)}.app-logo-image{width:150px;height:150px}.auth-card{width:100%;max-width:384px;background-color:rgba(28,31,46,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);padding:32px}@media (max-width:768px){.auth-container{padding:0 16px}}.video-wrapper{flex:1 1;overflow:hidden;border-radius:24px;background:rgba(28,31,46,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.video-call-container,.video-wrapper{position:relative;display:flex;flex-direction:column}.video-call-container{height:100%;width:100%;background:transparent}.video-call-container.fullscreen{background:#0f111a}.video-call-top-list{height:130px;padding:16px;display:flex;gap:16px;overflow-x:auto;align-items:center;background:rgba(28,31,46,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05);z-index:10;flex-shrink:0}.video-call-main-window{flex:1 1;padding:24px;display:flex;justify-content:center;min-height:0}.video-call-main-window,.video-player-container{position:relative;overflow:hidden;height:min-content}.video-player-container{width:1280px;max-width:100%;max-height:100%;aspect-ratio:16/9;background:#000;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.video-player-container video{object-fit:contain!important;background:#000}.agora-video-wrapper>div,.video-player-container video{width:100%!important;height:100%!important}.video-controls-wrapper{display:flex;justify-content:center;z-index:20;width:100%;padding:16px 0 24px;background:transparent;transition:opacity .1s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.video-controls-wrapper.hidden{opacity:0;transform:translateY(12px);pointer-events:none}.video-channel-name{position:absolute;top:16px;left:16px;z-index:10;color:rgba(255,255,255,.75);font-size:12px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5);background:rgba(28,31,46,.8);padding:4px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-call-controls{width:min-content;align-self:center;margin:2px;background:rgba(28,31,46,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 24px;display:flex;justify-content:center;border-radius:9999px;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 32px 0 rgba(0,0,0,.36)}.video-call-controls .ant-btn{transition:all .2s ease}.video-call-controls .ant-btn:hover{box-shadow:0 4px 20px rgba(54,67,138,.308)!important}.glass-panel{height:100%;display:flex;flex-direction:column;background:rgba(28,31,46,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}@media (max-height:500px) and (orientation:landscape),(max-width:768px){.room-layout{display:block!important;position:relative!important;height:100vh!important;overflow:hidden!important}.room-content{top:0!important;height:45%!important;padding:12px!important;overflow:hidden!important}.room-content,.room-sider{position:absolute!important;left:0!important;width:100%!important;z-index:10!important;display:block!important}.room-sider{bottom:0!important;min-width:100%!important;max-width:100%!important;height:55%!important;padding:0 12px 12px!important}.room-sider .glass-panel{border-radius:20px!important;border:none!important;background:rgba(20,23,35,.95)!important}.room-sider .ant-tabs-nav{margin:3px!important;padding:0 12px!important;height:35px!important}.room-sider .ant-tabs-tab{padding:8px 0!important;margin:0 12px 0 0!important;font-size:13px!important}.room-sider .ant-tabs-content-holder{height:calc(100% - 40px)!important}.video-wrapper{position:relative!important;background:#1c1f2e!important;display:flex!important;flex-direction:column!important}.video-call-container,.video-wrapper{height:100%!important;width:100%!important}.video-call-container{position:absolute!important;top:0;left:0;z-index:0;background:transparent!important}.video-call-top-list{height:80px!important;padding:4px 8px!important;min-height:80px!important}.video-card-small{width:100px!important;height:56px!important}.video-call-main-window{height:30px!important;padding:4px!important}.video-player-container{width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:9/16;background:#000;overflow:hidden;border:none;box-shadow:none;position:relative}.video-player-container video{object-fit:contain!important}.video-controls-wrapper{bottom:12px!important;padding:0 12px!important}.video-call-controls{padding:8px 16px!important;transform:scale(.75)!important;width:max-content;white-space:nowrap}}.auth-input{background-color:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;color:white!important}.auth-input input{background-color:transparent!important;color:white!important}.auth-input input::placeholder,.auth-input::placeholder{color:rgba(255,255,255,.6)!important}.video-card-small{transition:all .3s cubic-bezier(.4,0,.2,1)}.video-card-small:hover{transform:scale(1.05);border-color:#3b82f6!important;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}@media (max-height:500px) and (orientation:landscape){.room-content{width:50%!important;padding-right:0!important}.room-sider{width:50%!important;min-width:50%!important;max-width:50%!important;padding-left:0!important}.room-sider .glass-panel{border-radius:20px 0 0 20px!important}.video-call-container.fullscreen .video-call-top-list{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .3s ease}.video-call-container.fullscreen .video-call-top-list.hidden{transform:translateY(-100%)}.video-call-container.fullscreen .video-player-container{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important}.auth-stack{padding-top:3%!important}.room-layout{height:100dvh!important;overflow:hidden!important;display:flex!important;flex-direction:row!important;position:relative!important;padding:12px!important;gap:12px!important}.room-content{width:65%!important;flex:0 0 65%!important}.room-content,.room-sider{height:100%!important;padding:0!important;position:relative!important;left:auto!important;top:auto!important;z-index:10!important}.room-sider{width:auto!important;flex:1 1!important;bottom:auto!important;max-width:none!important;min-width:0!important}.room-sider,.video-wrapper{display:flex!important;flex-direction:column!important}.video-wrapper{height:100%!important;width:100%!important}.video-player-container{width:1280px;max-width:100%;max-height:100%;aspect-ratio:16/9;background:#000;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);position:relative}.video-call-container.fullscreen{background:#000!important}.video-call-container.fullscreen .video-player-container{width:min(100vw,calc(100vh * 16 / 9));aspect-ratio:16/9;border:none!important;box-shadow:none!important;border-radius:0!important}.video-player-container video{width:100%;height:100%;object-fit:contain!important}@media (orientation:portrait){.video-player-container{aspect-ratio:9/16}.video-call-container.fullscreen .video-player-container{width:min(100vw,calc(100vh * 9 / 16));aspect-ratio:9/16}.video-call-top-list{height:50px!important;padding:2px 4px!important}}.audio-rec-btn.mobile:hover{background:rgba(255,255,255,.1)!important}.audio-rec-btn.mobile.recording:hover{background:rgba(59,171,246,.336)!important}.custom-tabs .ant-tabs-nav{height:30px!important}.video-card-small{width:70px!important;height:40px!important}.video-controls-wrapper{position:fixed;bottom:-4px!important;padding:0 12px!important}.video-call-controls{transform:scale(.85)!important;padding:4px 12px!important;width:auto!important;white-space:nowrap}.video-call-controls .ant-btn{width:40px!important;height:40px!important;min-width:40px!important;font-size:16px!important}.video-call-main-window{padding:2px!important}}.participant-list-scroll-area{flex:1 1;overflow-y:auto;overscroll-behavior:contain}.participant-item{padding:12px;border-radius:16px;display:flex;align-items:center;gap:12px;transition:all .2s;border:1px solid transparent;cursor:default}.participant-item:hover{background-color:rgba(255,255,255,.05);border-color:rgba(255,255,255,.05)}.participant-list-container{height:100%;display:flex;flex-direction:column}.participant-list-header{padding:16px 16px 8px}.participant-list-title{color:white!important;font-size:14px!important;font-weight:500!important;padding-left:8px}.participant-list-content{display:flex;flex-direction:column;padding:0 8px 8px;gap:4px}.participant-avatar{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(168,85,247,.2))!important;color:#60a5fa!important;border:1px solid rgba(255,255,255,.1)!important;flex-shrink:0}.participant-info{display:flex;flex-direction:column;gap:2px;overflow:hidden;flex:1 1}.participant-name{color:white!important;font-weight:500!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-role{color:rgba(255,255,255,.4)!important;font-size:12px!important}.participant-empty{padding:32px;text-align:center;color:#9ca3af;font-size:14px}.room-card{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.05);background:transparent;transition:all .3s ease;background-color:rgba(255,255,255,.02);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.room-card:hover{transform:translateZ(20px) scale(1.01);box-shadow:0 4px 20px rgba(46,59,133,.212)}.room-card .ant-typography{transition:color .3s ease}.room-card:hover .ant-typography{color:#fff!important}.room-card-content{display:flex;align-items:center;gap:16px}.room-card-text{display:flex;flex-direction:column}.room-card-actions{display:flex;gap:8px}.chat-input input::placeholder{color:rgba(255,255,255,.6)!important}@media (max-width:768px){.lobby-header{padding:12px 16px!important}.lobby-header-user-info{display:none!important}.lobby-title{font-size:18px!important}.lobby-content{padding:0 16px 24px!important}.create-room-btn-container{width:100%;display:flex}.create-room-btn{width:100%}.room-card{flex-direction:column;align-items:flex-start!important;gap:16px}.room-card-content,.room-card-text{width:100%}.room-card-actions{width:100%;display:flex;gap:8px}.room-card-actions button{flex:1 1;display:flex;justify-content:center;align-items:center}}