@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.app-container{display:flex;flex-direction:column;height:100vh;height:100dvh;background-color:var(--background)}.app-header{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid var(--border);flex-shrink:0}.header-left,.header-right{display:flex;align-items:center;gap:12px}.btn-back{background:transparent;border:none;color:var(--muted);cursor:pointer;padding:6px;border-radius:50%;display:flex}.app-logo{display:flex;align-items:center;gap:8px}.app-logo h1{font-weight:800;font-size:1.25rem;letter-spacing:-.02em;background:linear-gradient(135deg,var(--primary),#a7f3d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.logo-pulse{width:10px;height:10px;background-color:var(--primary);border-radius:50%;position:relative}.logo-pulse:after{content:"";position:absolute;width:100%;height:100%;background-color:var(--primary);border-radius:50%;animation:logoPulse 2s infinite}@keyframes logoPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(2.5);opacity:0}}.online-status{display:flex;align-items:center;gap:6px;background:var(--border);padding:4px 10px;border-radius:100px;font-size:.75rem;color:var(--muted);font-weight:600}.status-indicator{width:6px;height:6px;background-color:var(--success);border-radius:50%}.main-content{flex:1;min-height:0;position:relative;display:flex}.content-container{flex:1;display:flex;min-height:0}.video-section{flex:1;background-color:#000;position:relative;display:flex;flex-direction:column}.main-video-container{flex:1;position:relative;background-color:#050709;width:100%;height:100%;overflow:hidden}.video-element{width:100%;height:100%;object-fit:cover}.remote-video{transform:scaleX(1);position:absolute;top:0;left:0}.user-video-pip{position:absolute;bottom:20px;left:20px;width:220px;aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid var(--border);z-index:50;background-color:var(--card)}.user-video-pip .video-element{transform:scaleX(-1)}.pip-label{position:absolute;bottom:6px;left:6px;background:#00000080;padding:1px 6px;border-radius:4px;font-size:.65rem;color:#fff}.video-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px;position:absolute;top:0;left:0}.search-overlay{max-width:80%}.pulse-circle{width:100px;height:100px;border-radius:50%;background:#24dbc90d;display:flex;justify-content:center;align-items:center;margin:0 auto 20px;position:relative}.pulse-circle:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:1px solid var(--primary);animation:pulseRemote 2s infinite}@keyframes pulseRemote{0%{transform:scale(1);opacity:.5}to{transform:scale(1.8);opacity:0}}.chat-sidebar{width:380px;display:flex;flex-direction:column;background-color:var(--card);border-left:1px solid var(--border);flex-shrink:0}.chat-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border)}.chat-header-info{display:flex;align-items:center;gap:10px;font-weight:700}.mobile-close-chat{display:none;background:transparent;border:none;color:var(--muted);font-size:1.2rem;padding:8px}.chat-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;min-height:0}.chat-message{font-size:.9rem;word-break:break-word}.message-sender{font-weight:700;margin-right:6px}.chat-message.sent .message-sender{color:var(--primary)}.chat-message.received .message-sender{color:var(--muted)}.chat-footer{padding:16px;border-top:1px solid var(--border);display:flex;gap:10px}.chat-input{flex:1;background:var(--background);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:#fff;outline:none}.btn-send{background:transparent;border:none;color:var(--primary);cursor:pointer;display:flex;align-items:center;padding:4px}.controls-container{position:absolute;bottom:24px;right:24px;display:flex;gap:16px;z-index:100;padding:10px 20px;background:#080a0c66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:100px;border:1px solid var(--border);box-shadow:0 10px 40px #00000080;overflow:visible}.btn-action{height:48px;display:flex;align-items:center;gap:10px;padding:0 20px;border-radius:10px;font-weight:700;cursor:pointer;border:none;font-size:.85rem;overflow:visible;position:relative}.btn-start,.btn-next{background-color:var(--primary);color:var(--primary-foreground)}.btn-stop{background-color:var(--secondary);color:var(--secondary-foreground);border:none}.btn-chat-toggle{background-color:var(--border);color:var(--muted)}.btn-chat-toggle.has-unread{color:var(--primary)}.btn-icon{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.unread-badge{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;background-color:#ff3b30;color:#fff;font-size:11px;font-weight:900;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #080a0c;z-index:100;box-shadow:0 0 15px #ff3b30cc;pointer-events:none;animation:unreadPulse 1.5s infinite}@keyframes unreadPulse{0%{transform:scale(.9);box-shadow:0 0 #ff3b30b3}70%{transform:scale(1.1);box-shadow:0 0 0 6px #ff3b3000}to{transform:scale(.9);box-shadow:0 0 #ff3b3000}}@media(min-width:901px){.btn-chat-toggle{display:none}}@media(max-width:900px){.content-container{flex-direction:column}.chat-sidebar{position:fixed;right:-100%;top:0;bottom:0;width:85%;max-width:320px;z-index:1000;border-left:none;transition:right .3s ease;box-shadow:-10px 0 30px #00000080}body.show-chat .chat-sidebar{right:0}.mobile-close-chat{display:block}.chat-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}body.show-chat .chat-backdrop{display:block}.user-video-pip{width:110px;aspect-ratio:9/16;bottom:16px;left:16px}}@media(max-width:480px){.app-header{height:50px}.btn-action span{display:none}.btn-action{padding:0 16px}.user-video-pip{width:100px;aspect-ratio:9/16}.online-status span{display:none}.online-status{padding:6px}}html,body,#root{height:100%}@media(max-width:900px){html,body{position:fixed;width:100%}}body{overflow:hidden;background-color:var(--background);margin:0}#root{height:100%}:root{--background: #080A0C;--foreground: #F3F5F7;--primary: #24DBC9;--primary-foreground: #080A0C;--secondary: #DF3A3A;--secondary-muted: rgba(223, 58, 58, .1);--muted: #94A3B8;--border: #23272F;--card: #0F1216;--success: #10b981;--radius: 12px}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--background);color:var(--foreground);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}@media(max-width:768px){body{overflow-y:auto}}::selection{background:var(--primary);color:var(--primary-foreground)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}