@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--bg-deep: #05060b;--bg-surface: rgba(255, 255, 255, .04);--accent-glow: linear-gradient(135deg, #1e3a8a 0%, #312e81 100%);--accent-spark: #6366f1;--text-main: rgba(255, 255, 255, .95);--text-dim: rgba(255, 255, 255, .45);--glass-blur: blur(24px);--glass-border: 1px solid rgba(255, 255, 255, .08);font-family:Outfit,system-ui,sans-serif;line-height:1.5;font-weight:400;color:var(--text-main);background-color:var(--bg-deep);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100dvh;overflow:hidden;color-scheme:dark}#root{width:100%;height:100dvh;display:flex;flex-direction:column}.app-shell{display:flex;flex:1;min-height:0;width:100%}h1,h2,h3{margin:0;font-weight:700}button{cursor:pointer;border:none;outline:none;background:none;font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.app-container{display:flex;flex:1;height:100%;width:100%;background-color:var(--bg-deep);position:relative;overflow:hidden}.sidebar{width:350px;height:100%;background:var(--bg-deep);border-right:var(--glass-border);display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:10;position:relative}.main-chat{flex:1;height:100%;min-height:0;min-width:0;display:flex;flex-direction:column;position:relative;background-image:radial-gradient(circle at top right,rgba(139,92,246,.05),transparent),radial-gradient(circle at bottom left,rgba(59,130,246,.05),transparent)}.chat-header{height:70px;flex-shrink:0;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#0a0b14f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);z-index:10}.message-list-container{flex:1;min-height:0;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scroll-padding-bottom:8px;overscroll-behavior:contain}.input-container{padding:15px 20px;flex-shrink:0;background:#0a0b14e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid rgba(255,255,255,.1);padding-bottom:calc(15px + env(safe-area-inset-bottom))}.floating-input-pill{background:#ffffff0d;border:var(--glass-border);border-radius:30px;padding:8px 15px;display:flex;align-items:center;gap:12px;transition:all .2s ease}.floating-input-pill:focus-within{background:#ffffff14;border-color:#3b82f680;box-shadow:0 0 20px #3b82f61a}.input-field{flex:1;background:none;border:none;color:#fff;font-size:1rem;outline:none;padding:10px 0}.input-field::placeholder{color:var(--text-dim)}.bottom-nav{box-sizing:border-box;flex-shrink:0;padding-top:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:#0d0f19f2;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-top:var(--glass-border);display:flex;justify-content:space-around;align-items:center;width:100%;z-index:30}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text-dim);font-size:.65rem;font-weight:500;transition:transform .25s cubic-bezier(.4,0,.2,1),color .25s ease;cursor:pointer;flex:1}.nav-item.active{color:var(--accent-spark);transform:translateY(-2px)}.nav-icon{width:22px;height:22px;display:block;flex-shrink:0;transition:transform .2s ease}.nav-item.active .nav-icon{filter:drop-shadow(0 0 8px rgba(99,102,241,.5))}.chat-item:active{background:#ffffff1a!important}@media (max-width: 900px){.sidebar{position:absolute;width:100%;transform:translate(0)}.sidebar.hidden{transform:translate(-100%)}.main-chat{width:100%}.chat-header{padding:0 15px;height:60px}}.glow-primary{box-shadow:0 0 15px #00ffa34d}.glow-nebula{background:var(--accent-glow);-webkit-background-clip:text;background-clip:text}.loading-spinner-tiny{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--accent-spark);border-radius:50%;animation:spin .8s linear infinite;margin-right:8px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.new-message-indicator{position:absolute;top:0;left:50%;transform:translate(-50%);background:#6366f1e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);padding:8px 20px;border-radius:25px;color:#fff;font-size:.85rem;font-weight:600;display:flex;align-items:center;cursor:pointer;z-index:50;box-shadow:0 8px 25px #6366f166;white-space:nowrap;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.new-message-indicator:hover{background:var(--accent-spark);transform:translate(-50%) scale(1.05)}.scroll-bottom-pill{position:absolute;right:20px;bottom:100px;width:45px;height:45px;background:#0a0b14b3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;z-index:100;box-shadow:0 4px 15px #0000004d;transition:all .2s cubic-bezier(.4,0,.2,1)}.scroll-bottom-pill:hover{background:#6366f133;border-color:var(--accent-spark);color:var(--accent-spark);transform:translateY(-2px);box-shadow:0 0 15px #6366f14d}.unread-dot{position:absolute;top:0;right:0;width:12px;height:12px;background:var(--accent-spark);border:2px solid var(--bg-deep);border-radius:50%;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 #6366f1b3}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.msg-status-icon{stroke-dasharray:30;stroke-dashoffset:30;animation:draw-tick .3s cubic-bezier(.4,0,.2,1) forwards}.msg-status-icon-delay{stroke-dasharray:30;stroke-dashoffset:30;animation:draw-tick .3s cubic-bezier(.4,0,.2,1) .1s forwards}@keyframes draw-tick{to{stroke-dashoffset:0}}.status-tick-container{display:inline-flex;align-items:center;justify-content:center;margin-left:4px}.call-overlay-container{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;box-sizing:border-box}.call-overlay-container.video-mode{background:#000;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.remote-video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:flex;align-items:center;justify-content:center;background:#111}.remote-video{width:100%;height:100%;object-fit:cover}.local-video-container{position:absolute;top:20px;right:20px;width:120px;height:160px;border-radius:12px;overflow:hidden;z-index:100;box-shadow:0 10px 30px #00000080,0 0 0 2px #fff3;background:#000;cursor:grab}.local-video-container:active{cursor:grabbing}.local-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.hide-self-btn{position:absolute;top:5px;right:5px;background:#00000080;border:none;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.show-self-btn{position:absolute;top:20px;right:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;cursor:pointer;z-index:50;display:flex;align-items:center;gap:6px;transition:all .3s ease}.show-self-btn:hover{background:#fff3}.glass-panel{background:#141923b3;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.1);border-radius:40px;padding:50px 30px;width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;box-shadow:0 40px 100px #000c,inset 0 0 20px #ffffff0d;position:relative;z-index:10}.glass-panel.floating-controls{position:absolute;bottom:40px;padding:20px 30px;border-radius:30px;max-width:auto;width:auto;flex-direction:row;align-items:center;justify-content:center;gap:20px;box-shadow:0 20px 50px #00000080;background:#14192380}.top-controls{position:absolute;top:20px;left:20px;display:flex;gap:10px;z-index:50}.glass-panel.floating-controls .top-controls{top:-60px;left:50%;transform:translate(-50%)}.minimize-call-btn,.pip-btn{background:#fff3;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s,transform .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.minimize-call-btn:hover,.pip-btn:hover{background:#ffffff4d;transform:scale(1.05)}.call-info{display:flex;flex-direction:column;align-items:center;gap:15px;width:100%}.caller-avatar{width:120px;height:120px;border-radius:50%;background-color:#0d1117;display:flex;align-items:center;justify-content:center;font-size:3.5rem;font-weight:900;color:#fff;box-sizing:border-box;border:3px solid #00f3ff;box-shadow:0 0 25px #00f3ff66,inset 0 0 15px #00f3ff33;clip-path:circle(50% at 50% 50%);-webkit-clip-path:circle(50% at 50% 50%);position:relative;z-index:10}.caller-name{font-size:2.2rem;font-weight:800;color:#fff;margin:0;letter-spacing:-1px;text-shadow:0 0 20px rgba(255,255,255,.2)}.call-status{font-size:.8rem;color:#00f3ff;letter-spacing:4px;text-transform:uppercase;font-weight:700;margin:0;opacity:.9;animation:nexus-flicker 2s infinite ease-in-out}.call-actions{display:flex;gap:25px;margin-top:25px}.glass-panel.floating-controls .call-actions{margin-top:0}.action-btn{width:60px;height:60px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 20px #0006;background:#ffffff1a}.action-btn.accept{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 20px #22c55e80;width:75px;height:75px}.action-btn.decline,.action-btn.hang-up{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 20px #ef444480}.action-btn.hang-up{width:60px;height:60px}.action-btn.toggle-mic.muted,.action-btn.toggle-video.muted{background:#ef444433;color:#ef4444}.action-btn:hover{transform:scale(1.15) rotate(5deg)}@keyframes nexus-flicker{0%,to{opacity:.6;transform:scale(.98)}50%{opacity:1;transform:scale(1);text-shadow:0 0 10px #00f3ff}}@media (max-width: 480px){.glass-panel{max-width:85%;padding:40px 20px}.glass-panel.floating-controls{bottom:20px;padding:15px 20px;max-width:90%}.action-btn{width:50px;height:50px}.action-btn.accept{width:65px;height:65px}.call-actions{gap:15px}.local-video-container{width:100px;height:140px;top:20px;right:15px}}.mini-call-bar{height:45px;background:linear-gradient(135deg,#16a34a,#15803d);display:flex;align-items:center;justify-content:space-between;padding:0 16px;cursor:pointer;z-index:100;flex-shrink:0;box-shadow:0 4px 15px #16a34a59;color:#fff;font-family:inherit;transition:background .3s ease,box-shadow .3s ease}.mini-call-bar.muted{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 15px #dc262659}.mini-call-info{display:flex;align-items:center;gap:12px;flex:1;overflow:hidden}.pulsing-dot{width:10px;height:10px;background-color:#4ade80;border-radius:50%;flex-shrink:0;animation:nexus-flicker 2s infinite ease-in-out}.mini-call-bar.muted .pulsing-dot{background-color:#fca5a5}.mini-caller-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.mini-timer{font-family:monospace;font-size:.9rem;font-weight:500;opacity:.9;background:#00000026;padding:2px 6px;border-radius:4px}.mini-hint{font-size:.75rem;opacity:.7;margin-left:auto;margin-right:15px;white-space:nowrap}.mini-mute-btn{width:36px;height:36px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.mini-mute-btn:active{transform:scale(.9)}@media (max-width: 600px){.mini-hint{display:none}.mini-caller-name{max-width:100px}}