@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.call-overlay{z-index:99999;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000e0;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;inset:0}.call-modal-card{background:#09090b;border-radius:0;flex-direction:column;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #000c,0 0 0 1px #ffffff1a}.call-remote-video{object-fit:cover;object-position:center center;background:#000;width:100%;min-width:100%;height:100%;min-height:100%;display:block;position:absolute;inset:0}.call-waiting-area{background:#09090b;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:24px 20px;display:flex;position:absolute;inset:0}.call-avatar{background:var(--gradient-1,linear-gradient(135deg, #6366f1, #8b5cf6));border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;font-size:56px;font-weight:800;display:flex;overflow:hidden;box-shadow:0 12px 30px #00000080,0 0 0 4px #ffffff26}.call-avatar img{object-fit:cover;width:100%;height:100%}.call-username{color:#fff;letter-spacing:-.5px;text-align:center;font-size:28px;font-weight:800}.call-status{text-align:center;margin-top:8px;font-size:16px;font-weight:600}.call-local-pip{z-index:30;cursor:grab;background:#000;border:2px solid #ffffff40;border-radius:16px;width:110px;height:160px;position:absolute;top:24px;right:24px;overflow:hidden;box-shadow:0 10px 25px #0009}.call-local-pip video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.call-controls{z-index:40;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;bottom:40px;left:0;right:0}.call-btn-decline,.call-btn-accept{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .15s,box-shadow .15s;display:flex}.call-btn-decline{background:#ef4444;box-shadow:0 8px 20px #ef444473}.call-btn-accept{background:#22c55e;box-shadow:0 8px 20px #22c55e73}.call-btn-decline:hover,.call-btn-accept:hover{transform:scale(1.08)}.call-btn-hangup,.call-btn-toggle{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .15s,background .2s;display:flex}.call-btn-hangup{background:#ef4444;width:72px;height:72px;box-shadow:0 8px 20px #ef444473}.call-btn-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e}.call-btn-toggle.active{background:#ef4444}.call-btn-hangup:hover,.call-btn-toggle:hover{transform:scale(1.08)}@media (width>=640px){.call-overlay{padding:20px}.call-modal-card{border-radius:28px;width:92vw;max-width:700px;height:88vh;max-height:800px}.call-avatar{width:150px;height:150px;font-size:60px}.call-username{font-size:30px}.call-status{font-size:16px}.call-local-pip{width:130px;height:190px}}@media (width>=900px){.call-overlay{padding:28px}.call-modal-card{border-radius:32px;width:92vw;max-width:960px;height:88vh;max-height:880px}.call-avatar{width:190px;height:190px;font-size:76px;box-shadow:0 20px 50px #0009,0 0 0 6px #ffffff2e}.call-username{font-size:38px}.call-status{font-size:18px}.call-local-pip{border-width:3px;border-radius:20px;width:180px;height:260px;top:32px;right:32px}.call-controls{gap:28px;bottom:48px}.call-btn-decline,.call-btn-accept,.call-btn-hangup{width:80px;height:80px}.call-btn-toggle{width:68px;height:68px}}@media (width>=1440px){.call-modal-card{width:85vw;max-width:1100px;height:90vh;max-height:960px}.call-avatar{width:210px;height:210px;font-size:84px}.call-username{font-size:42px}.call-status{font-size:20px}.call-local-pip{width:200px;height:290px}}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent!important}:focus,:focus-visible{outline:none}.reel-media-wrapper,.reel-card-container,.reels-viewport,.reels-main-page,.reels-scroll-container,.reel-video-element,.reel-backdrop-video{-webkit-tap-highlight-color:transparent!important;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;outline:none!important}:root{--primary:#0ea5e9;--primary-dark:#0284c7;--primary-rgb:14, 165, 233;--accent:#38bdf8;--bg:#09090b;--bg-card:#111113;--bg-elevated:#18181b;--bg-lighter:#1e1e22;--bg-hover:#27272a;--text:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--border:#27272a;--border-light:#3f3f46;--gradient-1:linear-gradient(135deg, var(--primary), #6366f1);--gradient-2:linear-gradient(135deg, #6366f1, var(--primary));--shadow-sm:0 1px 3px #0006;--shadow:0 4px 20px #00000080;--shadow-lg:0 10px 40px #0009;--modal-overlay:#000000d1;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:24px}[data-theme=light]{--primary:#0284c7;--primary-dark:#0369a1;--primary-rgb:2, 132, 199;--accent:#0ea5e9;--bg:#f4f4f5;--bg-card:#fff;--bg-elevated:#f9f9fa;--bg-lighter:#f0f0f2;--bg-hover:#f0f0f1;--text:#09090b;--text-secondary:#52525b;--text-muted:#a1a1aa;--border:#e4e4e7;--border-light:#d4d4d8;--gradient-1:linear-gradient(135deg, #0284c7, #6366f1);--gradient-2:linear-gradient(135deg, #6366f1, #8b5cf6);--shadow-sm:0 1px 3px #00000014;--shadow:0 4px 20px #0000001a;--shadow-lg:0 10px 40px #0000001f;--modal-overlay:#00000094}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);min-height:100%;background-color:var(--bg)!important;background:var(--bg)!important}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background-color:var(--bg)!important;background:var(--bg)!important}body{color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden;background:var(--bg)!important;background-color:var(--bg)!important}#root{background:var(--bg);background-color:var(--bg);flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:7px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(var(--primary-rgb), .35)}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 16px rgba(var(--primary-rgb), .45);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light)}.btn-ghost{color:var(--text-secondary);background:0 0;border:none}.btn-ghost:hover{background:var(--bg-hover);color:var(--text)}.btn-icon{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);justify-content:center;padding:0}.btn-icon:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-light)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .12)}.input::placeholder{color:var(--text-muted)}textarea.input{resize:vertical;min-height:80px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color .2s,box-shadow .2s;overflow:hidden}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow)}.spinner{border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:36px;height:36px;animation:.7s linear infinite spin}.spinner-sm{border-width:2px;width:18px;height:18px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hide-scroll::-webkit-scrollbar{display:none}.hide-scroll{-ms-overflow-style:none;scrollbar-width:none}textarea{font-family:inherit}a{text-decoration:none;transition:opacity .15s}.mobile-top-header,.mobile-bottom-nav{display:none}.mobile-only{display:none!important}.desktop-only{display:block}@media (width<=768px){.mobile-top-header,.mobile-bottom-nav{display:flex!important}.mobile-only{display:block!important}.desktop-only,.desktop-sidebar{display:none!important}.main-content{width:100%!important;min-width:0!important;margin-left:0!important;padding-top:52px!important;padding-bottom:62px!important;overflow-x:hidden!important}.main-content.reels-main-content{height:100dvh!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden!important}.main-content.messages-main-content,.main-content.profile-main-content,.main-content.search-main-content,.main-content.settings-main-content,.main-content.notifications-main-content{padding-top:0!important}@media (width<=768px){.main-content{width:100%!important;min-width:0!important;margin-left:0!important;padding-top:52px!important;padding-bottom:62px!important;overflow-x:hidden!important}.settings-mobile-header{border-bottom:1px solid var(--border)!important;align-items:center!important;gap:8px!important;padding:14px 16px!important;display:flex!important}}body.in-active-chat .mobile-top-header,body.in-active-chat .mobile-bottom-nav{display:none!important}body.in-active-chat .main-content{height:100dvh!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden!important}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.theme-toggle{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--bg-hover);color:var(--text)}img,video{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.post-media-container,.insta-video-player,.feed-post-card img,.feed-post-card video,.post-modal-content img,.post-modal-content video,.reel-video-container video,.reel-video-container img,.story-card img,.story-card video{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}