:root{--bg-color:#121212;--surface-color:#1e1e1e;--primary-color:#007bff;--danger-color:#dc3545;--success-color:#28a745;--text-color:#e0e0e0;--text-muted:#b0b0b0}body{background-color:#121212;background-color:var(--bg-color);color:#e0e0e0;color:var(--text-color);margin:0;transition:background-color .3s ease}.video-call-container{background:#121212;background:var(--bg-color);display:flex;flex-direction:column;height:100vh;margin:0;max-width:100%;overflow:hidden;padding:0}.main-content{display:flex;flex:1 1;overflow:hidden;position:relative}.video-section{align-items:center;flex:1 1;overflow-y:auto;padding:10px}.chat-sidebar,.video-section{display:flex;flex-direction:column}.chat-sidebar{background:#1e1e1e;background:var(--surface-color);border-left:1px solid #333;transition:all .3s ease;width:350px}.chat-header{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:20px}.chat-messages{flex:1 1;gap:15px;overflow-y:auto;padding:20px}.chat-messages,.message{display:flex;flex-direction:column}.message{max-width:85%}.message.own{align-items:flex-end;align-self:flex-end}.message-info{color:#b0b0b0;color:var(--text-muted);font-size:.75rem;margin-bottom:4px}.message-text{background:#333;border-radius:12px;font-size:.9rem;padding:10px 14px;word-break:break-word}.message.own .message-text{background:#007bff;background:var(--primary-color);color:#fff}.chat-input-area{border-top:1px solid #333;display:flex;gap:10px;padding:20px}.chat-input-area input{background:#2a2a2a;border:1px solid #444;border-radius:8px;color:#fff;flex:1 1;outline:none;padding:10px}.send-btn{background:#007bff;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 15px}.footer-bar{background:#1a1a1a;justify-content:space-between;min-height:70px;padding:10px 15px;z-index:100}.footer-bar,.left-info{align-items:center;display:flex}.left-info{gap:10px}.user-count-badge{background:#333;border:1px solid #444;border-radius:12px;color:#e0e0e0;color:var(--text-color);font-size:.8rem;padding:4px 10px;white-space:nowrap}.chat-toggle-btn{position:relative}.unread-badge{align-items:center;background:#dc3545;background:var(--danger-color);border:2px solid #1a1a1a;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.center-controls,.right-controls{display:flex;gap:10px}.footer-btn{align-items:center;background:#333;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:42px;justify-content:center;transition:all .2s;width:42px}.footer-btn:hover{background:#444}.footer-btn.end,.footer-btn.off{background:#dc3545;background:var(--danger-color)}.footer-btn.end{border-radius:10px;width:55px}.footer-btn.active{background:#007bff;background:var(--primary-color)}.header-info{justify-content:space-between;margin-bottom:20px;max-width:1400px;padding:0 10px;width:100%}.header-info,.logo-section{align-items:center;display:flex}.logo-section{gap:10px}.nav-logo{height:auto;width:35px}.logo-section h1{font-size:1.3rem;font-weight:600;margin:0}.status-bar{background:#1e1e1e;background:var(--surface-color);border:1px solid #333;border-radius:20px;display:inline-block;font-size:.8rem;padding:6px 12px}.videos-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1400px;width:100%}.video-wrapper{background:#1e1e1e;background:var(--surface-color);border-radius:16px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;overflow:hidden;position:relative}.video-wrapper.mirrored video{transform:scaleX(-1)}@media (min-width:801px){.video-wrapper{aspect-ratio:16/9}}.video-header{align-items:center;background:linear-gradient(180deg,#000000b3,#0000);display:flex;justify-content:space-between;left:0;padding:10px 12px;position:absolute;right:0;top:0;z-index:2}.video-header h3{color:#fff;font-size:.9rem;font-weight:400;margin:0;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.duration-text{background:#0006;border-radius:4px;color:#fffc;font-family:monospace;font-size:.8rem;padding:2px 6px}.mute-indicator{background:#0000004d;border-radius:50%;color:#dc3545;color:var(--danger-color);font-size:.9rem;margin-left:8px;padding:2px 5px}video{background:#000;height:100%;object-fit:contain;width:100%}@media (max-width:800px){.video-section{padding:5px}.videos-grid{gap:8px;grid-template-columns:1fr 1fr}.video-wrapper{min-height:150px}.footer-bar{min-height:60px;padding:5px 10px}.room-info-footer{display:none}.footer-btn{font-size:.9rem;height:38px;width:38px}.footer-btn.end{width:50px}.chat-sidebar{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.left-info{gap:5px}.user-count-badge{font-size:.75rem;padding:3px 8px}}@media (max-width:480px){.videos-grid{grid-template-columns:1fr}.video-wrapper{aspect-ratio:auto;height:250px}}.login-container{align-items:center;background-color:#121212;color:#fff;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center}.login-card{background:#1e1e1e;border-radius:20px;box-shadow:0 10px 30px #00000080;max-width:400px;padding:40px;text-align:center;width:100%}.logo-wrapper{margin-bottom:20px}.app-logo-large{height:auto;width:150px}h1{font-weight:600;letter-spacing:1px;margin-bottom:30px}.input-group{margin-bottom:20px;text-align:left}.input-group label{color:#b0b0b0;display:block;font-size:.9rem;margin-bottom:8px}input{background:#2a2a2a;border:1px solid #333;border-radius:8px;box-sizing:border-box;color:#fff;padding:12px;width:100%}.room-input-wrapper{display:flex;gap:10px}.primary-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:12px;width:100%}.secondary-btn{background:#0000;border:1px solid #007bff;border-radius:8px;color:#007bff;cursor:pointer;padding:0 15px}.primary-btn:hover{background:#0056b3}.secondary-btn:hover{background:#007bff1a}.home-instructions{border-top:1px solid #333;color:#b0b0b0;font-size:.85rem;line-height:1.6;margin-top:30px;padding-top:20px;text-align:left}.home-instructions p{margin:10px 0}.mobile-only-tip{color:#007bff;font-weight:500}.instructions-toggle{align-items:center;background:#2a2a2a;border:1px solid #333;border-radius:20px;color:#007bff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 16px;position:absolute;right:20px;top:20px;transition:all .3s ease;z-index:100}.instructions-toggle:hover{background:#333;border-color:#007bff;transform:translateY(-2px)}.instructions-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.instructions-content{animation:slideUp .3s ease-out;background:#1e1e1e;border:1px solid #333;border-radius:20px;box-shadow:0 20px 50px #00000080;max-width:450px;padding:30px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.instructions-content h2{color:#fff;margin-bottom:25px;margin-top:0;text-align:center}.instruction-item{align-items:flex-start;display:flex;gap:15px;margin-bottom:20px}.instruction-item .icon{background:#2a2a2a;border-radius:12px;display:flex;font-size:1.5rem;justify-content:center;min-width:45px;padding:10px}.instruction-item strong{color:#fff;display:block;margin-bottom:4px}.instruction-item p{color:#b0b0b0;font-size:.9rem;line-height:1.5;margin:0}.close-instructions-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:12px;transition:background .3s;width:100%}.close-instructions-btn:hover{background:#0056b3}@media (max-width:480px){.instructions-toggle{font-size:.8rem;padding:6px 12px;right:10px;top:10px}}
/*# sourceMappingURL=main.2db91188.css.map*/