._homePage_1ba7d_1{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1f2e,#0f1419);padding:20px}._homeContainer_1ba7d_10{max-width:600px;width:100%;background:#1a1a1a;border-radius:20px;padding:40px;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.1)}._homeContent_1ba7d_21{display:flex;flex-direction:column;gap:30px}._roomCard_1ba7d_27{background:#2a2a2a;padding:30px;border-radius:15px;border:1px solid rgba(255,255,255,.1)}._roomCard_1ba7d_27 h2{margin:0 0 10px;color:#fff;font-size:1.5em}._roomCard_1ba7d_27 p{margin:0 0 20px;color:#9ca3af}._primaryButton_1ba7d_45{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 30px;border-radius:10px;font-size:1.1em;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%}._primaryButton_1ba7d_45:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea66}._primaryButton_1ba7d_45:disabled{opacity:.5;cursor:not-allowed}._tabsContainer_1ba7d_69{background:transparent;border-radius:15px;border:none;overflow:visible}._tabsList_1ba7d_76{display:flex;align-items:stretch;gap:0;background:#1a1a1a;border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden;margin:0}._tab_1ba7d_69{flex:1;padding:16px 32px;background:transparent;border:none;color:#9ca3af;font-size:1em;font-weight:500;cursor:pointer;position:relative}._tabLeft_1ba7d_100{clip-path:polygon(0 0,calc(100% - 20px) 0,calc(100% - 10px) 100%,0 100%);border-radius:0}._tabRight_1ba7d_105{clip-path:polygon(20px 0,100% 0,100% 100%,0px 100%);margin-left:-20px;border-radius:0}._tabLeft_1ba7d_100:hover:not(._tabActive_1ba7d_111){color:#d1d5db;background:#ffffff0d;clip-path:polygon(0 0,calc(100% + -0px) 0,calc(100% - 10px) 100%,0 100%)}._tabRight_1ba7d_105:hover:not(._tabActive_1ba7d_111){color:#d1d5db;background:#ffffff0d;clip-path:polygon(0px 0,100% 0,100% 100%,10px 100%)}._tabActive_1ba7d_111{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;z-index:1;transform:none}._tabContent_1ba7d_130{padding:30px;height:250px;position:relative}._tabPanel_1ba7d_136{opacity:1;position:absolute;top:30px;left:30px;right:30px}._tabPanel_1ba7d_136 h2{margin:0 0 10px;color:#fff;font-size:1.5em}._tabPanel_1ba7d_136 p{margin:0 0 20px;color:#9ca3af}._divider_1ba7d_155{display:flex;align-items:center;text-align:center;color:#6b7280;margin:10px 0}._divider_1ba7d_155:before,._divider_1ba7d_155:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1)}._divider_1ba7d_155 span{padding:0 15px;font-weight:600;text-transform:uppercase;font-size:.9em}._inputGroup_1ba7d_177{display:flex;flex-direction:column;gap:15px}._roomInput_1ba7d_183{padding:15px;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:1.1em;transition:border-color .3s;background:#1a1a1a;color:#fff}._roomInput_1ba7d_183:focus{outline:none;border-color:#667eea}._roomInput_1ba7d_183::placeholder{color:#6b7280}._homeFooter_1ba7d_202{margin-top:30px;text-align:center}._infoText_1ba7d_207{color:#9ca3af;font-size:.95em;margin:0;padding:15px;background:#2a2a2a;border-radius:10px;border-left:4px solid #667eea}@media (max-width: 768px){._homeContainer_1ba7d_10{padding:30px 20px}._homeHeader_1ba7d_222 h1{font-size:2em}._roomCard_1ba7d_27{padding:20px}}@keyframes _slideDown_1byyt_1{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}._gridWrapper_1byyt_15{width:100%;height:calc(100vh - 140px);display:flex;flex-direction:column;background:transparent;padding:16px;overflow:hidden;margin:0 auto;box-sizing:border-box}._gridContainer_1byyt_28{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}._grid_1byyt_15{display:flex;flex-wrap:wrap;gap:16px;width:100%;max-width:100%;height:100%;max-height:100%;justify-content:center;align-items:center;align-content:center;box-sizing:border-box}._videoCard_1byyt_51{position:relative;background:linear-gradient(135deg,#1a1f2e,#0f1419);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000004d;flex-shrink:0;flex-grow:0;box-sizing:border-box;aspect-ratio:16 / 9;min-height:100px;min-width:178px}._videoCardSingle_1byyt_70{width:70%;max-width:1200px;height:auto}._videoCardTwoParticipants_1byyt_77{height:min(calc(100vh - 172px),calc((50vw - 24px)*.5625));width:auto;max-width:calc(50% - 8px)}._videoCardTwoRows_1byyt_85{height:min(calc((100vh - 188px)/2),calc((50vw - 24px)*.5625));width:auto;max-width:calc(50% - 8px)}._videoCardThreeRows_1byyt_92{height:min(calc((100vh - 140px - 32px - 32px) / 3),calc((33.333vw - 27px)*.5625));width:auto;max-width:calc(33.333% - 11px)}._videoCardFourRows_1byyt_99{height:min(calc((100vh - 220px)/4),calc((25vw - 28px)*.5625));width:auto;max-width:calc(25% - 12px)}._video_1byyt_51{width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,#1a1f2e,#0f1419)}._placeholder_1byyt_113{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1f2e,#0f1419)}._placeholderContent_1byyt_122{display:flex;flex-direction:column;align-items:center;gap:12px}._userName_1byyt_129{color:#fff;font-size:14px;font-weight:500}._avatar_1byyt_135{width:80px;height:80px;border-radius:50%;background-color:#2563eb;display:flex;align-items:center;justify-content:center}._avatarLocal_1byyt_145{background:linear-gradient(135deg,#16a34a,#059669)}._avatarText_1byyt_149{color:#fff;font-weight:700;font-size:28px;text-shadow:0 2px 8px rgba(0,0,0,.4)}._overlay_1byyt_157{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:12px}._overlayContent_1byyt_166{display:flex;align-items:center;justify-content:space-between}._overlayName_1byyt_172{color:#fff;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._indicators_1byyt_181{display:flex;gap:8px}._indicator_1byyt_181{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}._indicatorGreen_1byyt_195{background-color:#16a34a}._indicatorRed_1byyt_199{background-color:#dc2626}._indicatorGray_1byyt_203{background-color:#4b5563}._empty_1byyt_208{flex:1;display:flex;align-items:center;justify-content:center;text-align:center}._emptyText_1byyt_216{color:#6b7280;font-size:18px;margin-top:16px}._navButton_1byyt_223{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background-color:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .2s}._navButton_1byyt_223:hover{background-color:#000c}._navButtonLeft_1byyt_245{left:16px}._navButtonRight_1byyt_249{right:16px}._pageIndicator_1byyt_254{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}._pageDot_1byyt_264{width:8px;height:8px;border-radius:50%;background-color:#ffffff4d;transition:background-color .2s}._pageDotActive_1byyt_272{background-color:#fff}@media (max-width: 768px){._gridWrapper_1byyt_15{padding:12px}._title_1byyt_282{font-size:20px}._subtitle_1byyt_286{font-size:12px}._navButton_1byyt_223{width:40px;height:40px}._navButtonLeft_1byyt_245{left:8px}._navButtonRight_1byyt_249{right:8px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f1419;--bg-secondary: #1a1f2e;--bg-tertiary: #242b3d;--bg-control: #2d3548;--bg-glass: rgba(255, 255, 255, .05);--bg-glass-hover: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: #a1a9b8;--text-muted: #6b7280;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-glow: rgba(99, 102, 241, .3);--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .6);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--border-radius: 16px;--border-radius-sm: 8px;--border-radius-lg: 24px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#1a1f2e,#0f1419);color:var(--text-primary);min-height:100vh;overflow:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}#root{width:100vw;height:100vh}.app-container{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1f2e,#0f1419)}.connect-overlay{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1f2e,#0f1419);position:relative;overflow:hidden}.connect-overlay:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(91,110,225,.1) 0%,transparent 70%);animation:pulse 15s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(180deg)}}.loading-dots{display:inline-block}.loading-dots span{animation:loading 1.4s infinite;opacity:0}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loading{0%,20%{opacity:0}50%{opacity:1}to{opacity:0}}.connect-modal{background:var(--bg-secondary);border-radius:24px;box-shadow:var(--shadow-lg);width:90%;max-width:480px;padding:0;overflow:hidden;position:relative;z-index:1;border:1px solid rgba(91,110,225,.2)}.header{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;padding:32px 24px;text-align:center}.header h1{font-size:32px;margin-bottom:8px;font-weight:700;letter-spacing:-.5px}.status{display:inline-block;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-top:12px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status.connected{background:var(--success)}.status.disconnected{background:var(--danger)}.connect-section{padding:32px 24px}.input-group{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.input-group:last-child{margin-bottom:0}input{width:100%;padding:14px 18px;background:var(--bg-tertiary);border:2px solid transparent;border-radius:var(--border-radius);color:var(--text-primary);font-size:15px;transition:all .3s ease;outline:none}input::placeholder{color:var(--text-secondary)}input:focus{border-color:var(--accent-primary);background:var(--bg-control);box-shadow:0 0 0 4px #5b6ee11a}button{padding:14px 24px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border:none;border-radius:var(--border-radius);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm)}button:hover:not(:disabled){box-shadow:var(--shadow-md)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.video-chat-container{width:100%;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1f2e,#0f1419);position:relative}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--bg-glass);border-bottom:1px solid rgba(255,255,255,.1);z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);box-shadow:var(--shadow-md)}.room-info{display:flex;flex-direction:column;gap:2px}.room-name{font-size:14px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.participant-count{font-size:10px;color:var(--text-secondary);background:var(--bg-glass-hover);padding:2px 6px;border-radius:var(--border-radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.leave-button{padding:6px 12px;background:linear-gradient(135deg,var(--danger) 0%,#dc2626 100%);border-radius:var(--border-radius-sm);font-size:10px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);border:1px solid rgba(239,68,68,.3)}.leave-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:var(--shadow-md)}.media-controls-bottom{position:fixed;bottom:0;left:0;right:0;width:100%;padding:16px 0;padding-bottom:calc(16px + env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:80px}.controls-wrapper{display:flex;gap:20px;padding:12px 0;border-radius:0;position:relative;overflow:hidden;height:60px;align-items:center;width:100%;justify-content:center}.control-btn{width:48px;height:48px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:2px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;opacity:0;transition:opacity .3s ease}.control-btn.active{background:linear-gradient(135deg,var(--success) 0%,#059669 100%);border-color:var(--success);box-shadow:0 0 20px #10b9814d}.control-btn.active:before{background:#10b98133;opacity:1}.control-btn.inactive{background:linear-gradient(135deg,var(--danger) 0%,#dc2626 100%);border-color:var(--danger);box-shadow:0 0 20px #ef44444d}.control-btn.inactive:before{background:#ef444433;opacity:1}.control-btn:hover:not(:disabled){transform:scale(1.1) translateY(-2px);box-shadow:var(--shadow-glow)}.control-btn:active:not(:disabled){transform:scale(1.05) translateY(0)}.control-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.control-icon{font-size:24px;position:relative;z-index:1}.control-label{font-size:10px;font-weight:600;position:relative;z-index:1;display:none}.participants-list{position:fixed;top:0;right:-320px;width:320px;height:100vh;background:var(--bg-secondary);border-left:1px solid rgba(91,110,225,.1);padding:80px 20px 20px;transition:right .3s ease;z-index:5;overflow-y:auto}.participants-list.open{right:0}.participants-list h3{font-size:18px;color:var(--text-primary);margin-bottom:16px;font-weight:700}.participants-info{margin-bottom:16px}.auto-connect-notice{font-size:12px;color:var(--success);background:#10b9811a;padding:8px 12px;border-radius:8px;display:inline-block;border:1px solid rgba(16,185,129,.2)}.participants-container{display:flex;flex-direction:column;gap:12px}.participant-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary);border-radius:10px;border:1px solid rgba(91,110,225,.1);transition:all .3s ease}.participant-item:hover{background:var(--bg-control);border-color:#5b6ee14d}.participant-id{font-family:monospace;font-size:13px;color:var(--text-secondary)}.connect-peer-button{padding:6px 14px;font-size:13px;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:600}.connect-peer-button:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:0 4px 8px #5b6ee14d}.no-participants{text-align:center;padding:40px 20px;color:var(--text-secondary)}.no-participants p{font-size:14px;margin-bottom:8px}.no-participants .hint{font-size:12px;opacity:.7}.video-grid::-webkit-scrollbar,.participants-list::-webkit-scrollbar{width:8px}.video-grid::-webkit-scrollbar-track,.participants-list::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.video-grid::-webkit-scrollbar-thumb,.participants-list::-webkit-scrollbar-thumb{background:var(--bg-control);border-radius:4px}.video-grid::-webkit-scrollbar-thumb:hover,.participants-list::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@media (max-width: 1200px){.videos-container:has(.video-container:nth-child(6):last-child){grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.videos-container:has(.video-container:nth-child(5):last-child){grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.videos-container:has(.video-container:nth-child(7)),.videos-container:has(.video-container:nth-child(8)),.videos-container:has(.video-container:nth-child(9):last-child){grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}}@media (max-width: 768px){.video-grid{padding:20px 12px calc(90px + env(safe-area-inset-bottom)) 12px;display:flex;align-items:flex-start;justify-content:center}.videos-container{width:100%;max-width:100%;height:auto;gap:16px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0 auto}.video-container{min-height:0;height:auto!important;width:85%;max-width:360px;margin:8px auto;aspect-ratio:1 / 1}.media-controls-bottom{height:70px;padding:12px 0;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.controls-wrapper{height:50px;padding:8px 0;gap:16px}.control-btn{width:42px;height:42px}.control-icon{font-size:14px}.control-label{font-size:8px}.top-bar{padding:16px 20px}.room-name{font-size:18px}}@media (max-width: 480px){.video-grid{padding:16px 10px calc(80px + env(safe-area-inset-bottom)) 10px;display:flex;align-items:flex-start;justify-content:center}.videos-container{width:100%;max-width:100%;gap:18px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0 auto}.videos-container:has(.video-container:nth-child(3):last-child){grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.videos-container:has(.video-container:nth-child(4):last-child){grid-template-columns:1fr!important;grid-template-rows:repeat(4,auto)!important}.video-container{min-height:0;height:auto;width:82%;max-width:320px;margin:10px auto;aspect-ratio:1 / 1}.media-controls-bottom{height:60px;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.controls-wrapper{height:44px;padding:6px 0;gap:12px}.control-btn{width:36px;height:36px}.control-icon{font-size:12px}.control-label{font-size:7px}.top-bar{padding:12px 16px}.room-name{font-size:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.video-container{animation:fadeIn .4s ease-out}.stats,.messages,.send-section,.message{display:none}@media (min-width: 769px){.videos-container{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important;gap:20px!important;padding:20px!important;align-content:start!important;justify-items:stretch!important}.video-container{height:auto!important;aspect-ratio:16 / 9!important;width:100%!important;max-width:none!important;margin:0!important}}@media (max-width: 768px){.video-grid{padding:12px 12px calc(80px + env(safe-area-inset-bottom)) 12px!important}.videos-container{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;align-content:start!important;justify-items:center!important;padding:8px 12px!important}.video-container{height:auto!important;aspect-ratio:1 / 1!important;width:88%!important;max-width:360px!important;margin:0 auto!important}}