.notification-root[data-v-31d8e25e]{width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;background:transparent;box-sizing:border-box}.notification-section[data-v-31d8e25e]{width:100%;max-width:480px;margin:50px auto 0;background:#111;border-radius:12px;box-shadow:0 2px 16px #0000001f;padding:18px 16px;box-sizing:border-box}@media (max-width: 600px){.notification-section[data-v-31d8e25e]{max-width:100vw;border-radius:0;padding:10px 2px;margin-top:10px}.notification-header[data-v-31d8e25e]{flex-direction:column;gap:6px;font-size:13px}.notification-message[data-v-31d8e25e]{font-size:13px}.notification-time[data-v-31d8e25e]{font-size:11px}.accept-btn[data-v-31d8e25e],.decline-btn[data-v-31d8e25e],.mark-read-btn[data-v-31d8e25e]{font-size:12px;padding:5px 8px}}@media (max-width: 400px){.notification-section[data-v-31d8e25e]{padding:4px 0}.notification-header[data-v-31d8e25e]{font-size:12px}}h2[data-v-31d8e25e]{font-size:26px;margin-bottom:20px;color:#fff}.no-notifications[data-v-31d8e25e]{font-size:16px;color:#999;text-align:center;padding:40px 0}.notification-header[data-v-31d8e25e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;color:#ccc}.notification-item[data-v-31d8e25e]{background:#111;border:1px solid #333;border-left:4px solid transparent;padding:16px;border-radius:6px;transition:background-color .3s}.notification-item.unread[data-v-31d8e25e]{border-left-color:#007bff;background:#1a1a1a}.notification-message[data-v-31d8e25e]{font-size:15px;margin-bottom:6px;color:#fff}.notification-time[data-v-31d8e25e]{font-size:13px;color:#777}.notification-actions[data-v-31d8e25e]{margin-top:10px;display:flex;gap:10px}.accept-btn[data-v-31d8e25e],.decline-btn[data-v-31d8e25e],.mark-read-btn[data-v-31d8e25e]{padding:6px 12px;font-size:13px;border:none;border-radius:4px;cursor:pointer;color:#fff}.accept-btn[data-v-31d8e25e],.decline-btn[data-v-31d8e25e],.mark-read-btn[data-v-31d8e25e]{background:none!important}.right-sidebar-wrapper.simple-ui[data-v-507223ee]{flex:0 0 auto;width:100%;max-width:250px;padding:0 8px 28px;box-sizing:border-box;display:flex;flex-direction:column;gap:26px;position:sticky;top:72px;align-self:flex-start;background:none}.panel-section.soft-bg[data-v-507223ee]{padding:24px 24px 18px;border-radius:24px;background:linear-gradient(135deg,#22283c73,#5078ff2e);box-shadow:0 8px 32px #1f268738,0 1.5px 4px #1e283c1a;border:2px solid rgba(255,255,255,.25);position:relative;overflow:hidden;margin-bottom:0;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);transition:all .4s cubic-bezier(.16,1,.3,1)}.panel-section.soft-bg[data-v-507223ee]:hover{transform:translateY(-2px);box-shadow:0 12px 40px #1f268759,0 2px 6px #1e283c26;border-color:#ffffff59}.panel-section.soft-bg[data-v-507223ee]:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff38,#ffffff12);z-index:0}.panel-section.soft-bg[data-v-507223ee]:after{content:"";position:absolute;left:20px;top:10px;width:50%;height:20px;background:linear-gradient(90deg,#fff6,#ffffff0d);border-radius:12px;filter:blur(14px);opacity:.6;pointer-events:none;z-index:1}.panel-section.outline-accent[data-v-507223ee]{border:1px solid rgba(255,255,255,.07)}.panel-section.outline-accent[data-v-507223ee]:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;opacity:0;transition:.35s;background:linear-gradient(120deg,#1da1f2,#8951ff 55%,#43b581);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.panel-section.outline-accent[data-v-507223ee]:hover:after{opacity:.85}.panel-title[data-v-507223ee]{margin:0 0 10px;font-size:.92rem;letter-spacing:.5px;font-weight:700;color:#f3f6fa;text-transform:none;letter-spacing:.01em}.stat-list[data-v-507223ee],.suggest-list[data-v-507223ee]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.stat-list li[data-v-507223ee],.simple-item[data-v-507223ee]{display:flex;align-items:center;gap:12px;font-size:.92rem;color:#e0e6ef;background:none;border-radius:12px;padding:8px;border:none;min-height:38px;transition:all .3s cubic-bezier(.16,1,.3,1)}.stat-list li[data-v-507223ee]:hover,.simple-item[data-v-507223ee]:hover{background:#ffffff0f;transform:translate(4px)}.label[data-v-507223ee]{font-weight:500;color:#b6c2d1}.value[data-v-507223ee]{font-weight:700;color:#fff}.suggest-item.simple-item[data-v-507223ee]{background:none;box-shadow:none;padding:8px 0;transition:background .18s}.suggest-item.simple-item[data-v-507223ee]:hover{background:#ffffff0a}.avatar.large[data-v-507223ee]{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.1)}.info[data-v-507223ee]{flex:1;display:flex;flex-direction:column;line-height:1.1;min-width:0}.info strong[data-v-507223ee]{font-size:.98em;color:#fff;font-weight:600}.info small[data-v-507223ee]{font-size:.82em;color:#b6c2d1;margin-top:1px}.follow-btn.modern[data-v-507223ee]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-size:.92em;font-weight:700;padding:7px 20px;border-radius:18px;cursor:pointer;box-shadow:0 4px 12px #667eea4d;transition:all .3s cubic-bezier(.16,1,.3,1)}.follow-btn.modern[data-v-507223ee]:hover{filter:brightness(1.15);box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.follow-btn.modern[data-v-507223ee]:active{filter:brightness(.95);transform:translateY(0) scale(.97)}.mini-video[data-v-507223ee],.mini-img[data-v-507223ee]{width:36px;height:36px;border-radius:8px;object-fit:cover;background:#232b36;flex-shrink:0}.mini-info[data-v-507223ee]{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.mini-info strong[data-v-507223ee]{font-size:.98em;color:#fff;font-weight:600;line-height:1.1}.mini-desc[data-v-507223ee]{font-size:.89em;color:#b6c2d1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}@media (max-height: 800px){.right-sidebar-wrapper.simple-ui[data-v-507223ee]{gap:16px}.panel-section.soft-bg[data-v-507223ee]{padding:12px 10px}.stat-list li[data-v-507223ee],.simple-item[data-v-507223ee]{font-size:.88rem}}@media (max-height: 640px){.right-sidebar-wrapper.simple-ui[data-v-507223ee]{top:64px}.panel-section.soft-bg[data-v-507223ee]{max-height:260px;overflow:auto}}@media (min-width: 1500px){.right-sidebar-wrapper.simple-ui[data-v-507223ee]{max-width:280px}}@media (max-width: 1024px){.right-sidebar-wrapper.simple-ui[data-v-507223ee]{top:68px}}@media (max-width: 900px){.right-sidebar-wrapper.simple-ui[data-v-507223ee]{display:none}}:root{--bg-primary:#000;--bg-secondary:#1e1e1e;--bg-tertiary:#3d3d3d;--bg-input:#1f1f1f;--bg-input-focus:#262626;--bg-transparent:rgba(0,0,0,.6);--text-primary:#f2f2f2;--text-secondary:#e0f7fa;--text-muted:#888;--accent-blue:#09d5fd;--accent-red:#ff3b30;--accent-green:#2ed573;--accent-orange:#ff9f43;--accent-error:#ff4444;--accent-typing:blue;--border-primary:#333;--border-secondary:#222;--border-light:#444;--shadow-light:rgba(0,0,0,.1);--shadow-medium:rgba(0,0,0,.3)}.chat-section,.chat-container,.chat-box,.chat-main,.sections,.user-list-section{display:flex;flex-direction:column}.header-left,.message-input-row{display:flex;align-items:center}.chat-section{height:100vh;width:100%;background-color:var(--bg-primary);flex:1}.chat-container{height:100%;flex:1;overflow:hidden;margin:0 auto;max-width:900px}.chat-box{display:flex;flex-direction:column;height:100vh;width:100%;background:var(--bg-primary)}.chat-main{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;min-height:0}.sections{flex:1;overflow:hidden;flex-direction:row}.user-list-section{flex:1;max-width:400px;overflow-y:auto;background-color:var(--bg-primary)}.chatbox-section{flex:2;overflow-y:auto;background-color:var(--bg-primary);position:relative;display:flex}.side-by-side .sections{flex-direction:row}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:1%;background:var(--bg-transparent);border-bottom:1px solid var(--border-secondary);border-left:2px solid var(--border-primary);border-right:2px solid var(--border-primary);box-shadow:0 2px 8px var(--shadow-light);flex-shrink:0;min-height:60px}.header-left{gap:12px}.header-actions{display:flex;align-items:center;gap:.5rem}.profile-img,.profile-picture img{width:25px;height:25px;border-radius:50%;object-fit:cover;cursor:pointer}.profile-picture{margin-right:.75rem}.username{font-size:1rem;cursor:pointer;color:var(--text-primary)}.user-card{margin:0;padding:0;cursor:pointer}.users-container{display:flex;flex-direction:column}.icon-button,.hangup-button,.send-button{border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;background:none!important;color:inherit}.emoji-button{background:none!important;border:none;font-size:1.2rem;cursor:pointer;color:var(--accent-blue)}.tabs{display:flex;justify-content:center;border-bottom:1px solid #333;position:relative;gap:1.25rem;width:min(640px,90%);margin:24px auto}.tabs button{background:none;border:none;padding:12px 0;color:#aaa;font-size:14px;font-weight:500;position:relative;cursor:pointer;transition:color .3s ease}.tabs button:hover{color:#fff}.tabs button.active{color:#00e0ff}.tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#00e0ff;border-radius:1px;transition:all .3s ease}#messages-container{border-left:2px solid var(--border-primary);border-right:2px solid var(--border-primary);flex:1;overflow-y:auto;padding:8px 16px;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;min-height:0}.msg-photo{max-width:200px;border-radius:8px;cursor:pointer}#typing-indicator{color:var(--accent-typing);font-style:italic;padding:8px 16px;flex-shrink:0;position:fixed;bottom:20%;left:10%}.msg-bubble{background-color:var(--bg-secondary);color:var(--text-secondary);padding:.4rem .65rem;border-radius:1.4rem;max-width:75%;word-break:break-word;line-height:1.5;box-shadow:0 2px 2px #0003;max-width:100%}.user-msg{align-self:flex-end}.other-msg{align-self:flex-start}.chat-container .msg-bubble.user-msg-seen{background-color:purple!important;background-image:none!important;color:#fff!important}.message-content{line-height:1.4;word-wrap:break-word}.timestamp{font-size:.75rem;color:var(--text-muted);margin-top:4px}.message-input-wrapper{background-color:var(--bg-transparent);border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);border-left:.2px solid var(--border-primary);border-right:2px solid var(--border-primary);z-index:100;box-sizing:border-box;flex-shrink:0;padding:8px}.message-input-row{gap:.1rem}.message-field{flex:1;padding:.6rem;border:none;border-radius:6px;background-color:var(--bg-input);color:var(--text-primary);font-size:.9rem}.message-field:focus{outline:none;background-color:var(--bg-input-focus)}.icon-container{font-size:1.1rem;color:var(--accent-blue);cursor:pointer}.emoji-picker{display:flex;gap:.5rem;padding:.5rem;background-color:var(--bg-input);border-radius:6px;z-index:2}.emoji-picker div{cursor:pointer;font-size:1.2rem}.image-preview{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid var(--border-light)}.error-message{color:var(--accent-error);font-size:.9rem}.fullscreen-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000}.fullscreen-image{max-width:90%;max-height:90%}.incoming-call-popup,.call-ended-toast{background:var(--bg-secondary);padding:1rem;border-radius:8px;text-align:center;margin:1rem}.loading{display:flex;justify-content:center;padding:20px}.spinner{border:4px solid var(--border-primary);border-top:4px solid var(--accent-blue);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@media (max-width:480px){.chatbox-override{position:fixed;inset:0;z-index:3;background-color:var(--bg-primary);height:100vh;width:100vw;overflow:hidden}.chat-main{height:calc(100vh - 120px);min-height:calc(100vh - 120px);padding-bottom:60px}#messages-container{max-height:calc(100vh - 180px);margin-bottom:60px}.message-input-wrapper{position:fixed;bottom:0;left:0;right:0;min-height:60px;z-index:1000}.chat-header{min-height:60px;padding:.5rem}}@media (min-width: 768px){.chat-header{margin-top:80px}}.reply-indicator[data-v-f8fa65ea]{background-color:#111;border-left:3px solid #5a9cff;border-radius:6px;padding:6px 10px;margin-bottom:6px;max-width:75%;display:flex;align-items:center;gap:8px;font-size:.9em;opacity:.95}.reply-content[data-v-f8fa65ea]{display:flex;align-items:center;gap:8px}.reply-author[data-v-f8fa65ea]{color:#9ecbff;font-size:16px}.reply-text[data-v-f8fa65ea]{color:#9ecbff8d;font-size:14 px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.message-wrapper[data-v-f8fa65ea]{display:flex;align-items:flex-end;max-width:80%;margin-bottom:4px}.message-profile-photo[data-v-f8fa65ea]{display:flex;align-items:flex-end;margin:0 8px}.msg-profile-img[data-v-f8fa65ea]{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #ddd;background-color:#f0f0f0}.reply-highlight-animation[data-v-f8fa65ea]{animation:replyHighlight-f8fa65ea 1.2s ease-out}@keyframes replyHighlight-f8fa65ea{0%{background-color:#ffffff14}50%{background-color:#ffffff26}to{background-color:transparent}}.login-prompt[data-v-bf17f494]{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#1820368c;color:#e8eefc;border:1.5px solid rgba(255,255,255,.18);border-radius:22px;padding:14px 28px 14px 22px;margin:80px auto 10px;min-height:38px;max-width:420px;width:100%;box-shadow:0 8px 32px #1f26872e,0 1.5px 4px #1e283c1a;font-size:15px;font-weight:500;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);transition:box-shadow .2s,background .2s;border-bottom:1.5px solid rgba(255,255,255,.22);border-top:1.5px solid rgba(255,255,255,.1)}.login-prompt__content[data-v-bf17f494]{display:flex;align-items:center;gap:12px;min-width:0}.login-prompt__text[data-v-bf17f494]{font-size:15px;line-height:1.3;color:#e8eefc;white-space:normal;overflow-wrap:anywhere;max-width:100vw}.login-prompt__button[data-v-bf17f494]{background:linear-gradient(180deg,#2563eb 60%,#1d4ed8);color:#fff;border:none;border-radius:10px;padding:7px 20px;font-size:15px;font-weight:600;box-shadow:0 2px 8px #2563eb1a;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .18s,box-shadow .18s}.login-prompt__button[data-v-bf17f494]:active{transform:translateY(1.5px) scale(.98);background:linear-gradient(180deg,#1d4ed8 80%,#2563eb)}.login-inline[data-v-bf17f494]{display:flex;align-items:center;gap:8px;color:#dbeafe}.login-inline__link[data-v-bf17f494]{margin-left:6px;color:#93c5fd;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline}@media (prefers-reduced-motion: reduce){.login-prompt__button[data-v-bf17f494]{transition:none}}.fade-enter-active[data-v-bf629a80],.fade-leave-active[data-v-bf629a80]{transition:opacity .3s cubic-bezier(.16,1,.3,1)}.fade-enter-from[data-v-bf629a80],.fade-leave-to[data-v-bf629a80]{opacity:0}.username-display[data-v-bf629a80]{font-size:19px;cursor:pointer;margin-right:16px;padding:6px 12px;border-radius:12px;transition:all .3s cubic-bezier(.16,1,.3,1);background:#ffffff0d}.username-display[data-v-bf629a80]:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.fancy-title[data-v-bf629a80]{font-size:24px;margin-left:3%;display:flex;align-items:center;gap:10px;animation:fadeIn .6s ease-out}.badge[data-v-bf629a80]{position:absolute;top:2px;right:2px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:700;line-height:1;padding:3px 6px;border-radius:999px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 2px 8px #ef444466;border:1.5px solid #111;animation:pulse-badge-bf629a80 2s ease-in-out infinite}@keyframes pulse-badge-bf629a80{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.badge[style*="background-color: #10b981"][data-v-bf629a80]{background-color:#10b981!important}.bottom-nav-btn[data-v-bf629a80]{position:relative;display:flex;flex-direction:column;align-items:center}@media (max-width: 767px){.mobile-bottom-nav[data-v-bf629a80]{position:fixed;left:0;right:0;bottom:0;z-index:1000;background:#0f0f14b3;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-top:1px solid rgba(255,255,255,.15);padding:max(6px,env(safe-area-inset-bottom))}.mobile-bottom-nav ul[data-v-bf629a80]{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:6px 10px;gap:4px;align-items:center}.bottom-nav-btn[data-v-bf629a80]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 6px;min-height:44px;gap:4px;border-radius:14px;font-size:11px}.bottom-nav-btn i[data-v-bf629a80]{font-size:18px;line-height:1}.bottom-nav-btn.active[data-v-bf629a80]{background:#ffffff14;box-shadow:inset 0 1px #ffffff26}.profile-pic-icon[data-v-bf629a80]{width:22px;height:22px;border-radius:50%;object-fit:cover}}*{margin:0;padding:0;box-sizing:border-box;scrollbar-color:#222 #000}:root{--color-bg: #f6f7fb;--color-surface: rgba(255,255,255,.9);--color-surface-alt: rgba(240,242,248,.92);--color-border: rgba(15,23,42,.08);--color-border-strong: rgba(15,23,42,.16);--color-text: #0f172a;--header-bg: linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,247,251,.92));--nav-bg: linear-gradient(180deg, rgba(255,255,255,.95), rgba(240,242,248,.95));--card-bg: rgba(255,255,255,.94);--card-border: rgba(15,23,42,.12);--card-hover: rgba(255,255,255,.98);--color-accent: #667eea;--color-accent-alt: #f093fb;--color-danger: #ff4d61;--color-success: #3ddc97;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--transition-fast: .18s cubic-bezier(.4,0,.2,1);--transition-base: .32s cubic-bezier(.22,1,.36,1);--transition-smooth: .5s cubic-bezier(.16,1,.3,1);--shadow-sm: 0 2px 4px -2px rgba(0,0,0,.4), 0 4px 12px -4px rgba(0,0,0,.35);--shadow-md: 0 4px 18px -6px rgba(0,0,0,.55), 0 6px 28px -8px rgba(0,0,0,.45);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .22), 0 1.5px 4px 0 rgba(30,40,60,.1);--gradient-accent: linear-gradient(135deg,#667eea,#764ba2);--gradient-hot: linear-gradient(135deg,#f093fb,#f5576c);--gradient-shimmer: linear-gradient(90deg, transparent, rgba(255,255,255,.15), transparent);--blur-sm: 10px;--blur-md: 24px;--blur-lg: 40px}:root[data-theme=dark]{--color-bg: #000000;--color-surface: rgba(255,255,255,.08);--color-surface-alt: rgba(255,255,255,.12);--color-border: rgba(255,255,255,.15);--color-border-strong: rgba(255,255,255,.25);--color-text: #ffffff;--header-bg: linear-gradient(180deg, rgba(0,0,0,.98), rgba(0,0,0,.92));--nav-bg: linear-gradient(180deg, rgba(0,0,0,.92), rgba(0,0,0,.98));--card-bg: rgba(255,255,255,.05);--card-border: rgba(255,255,255,.18);--card-hover: rgba(255,255,255,.07)}@supports not (backdrop-filter: blur(10px)){:root{--color-surface: rgba(255,255,255,.15);--color-surface-alt: rgba(255,255,255,.22)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#222,#111);border-radius:6px;border:2px solid #050505}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#333,#151515)}.glass{background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg)}.glass-enhanced{background:#ffffff0d;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 18px #00000059}*:focus-visible{outline:2px solid var(--color-accent-alt);outline-offset:2px;border-radius:var(--radius-sm)}.btn{background:linear-gradient(135deg,#ffffff08,#ffffff15);border:1px solid var(--color-border);padding:8px 18px;color:#fff;cursor:pointer;font-size:.9rem;border-radius:var(--radius-pill);letter-spacing:.3px;transition:var(--transition-base)}.btn:hover{background:linear-gradient(135deg,#ffffff10,#ffffff26);box-shadow:var(--shadow-sm)}.btn:active{opacity:.85}.btn-primary{background:var(--gradient-accent);border:none}.btn-primary:hover{filter:brightness(1.07)}.btn-danger{background:linear-gradient(135deg,#ff4d61,#c32038);border:none}.btn-danger:hover{filter:brightness(1.1)}.elevate-hover{transition:var(--transition-base)}.elevate-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}@media (max-width:500px){*{font-family:Arial,Helvetica,sans-serif}}body{margin:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;background-color:var(--color-bg);color:var(--color-text);-webkit-overflow-scrolling:touch}body.theme-dark{background-color:var(--color-bg);color:#fff}body.theme-light{background-color:var(--color-bg);color:var(--color-text)}body .dark-mode{background:linear-gradient(to bottom right,#111827,#581c87);color:#fff}.fade-enter-active,.fade-leave-active{transition:opacity .4s cubic-bezier(.16,1,.3,1);will-change:opacity}.fade-enter-from,.fade-leave-to{opacity:0}.skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}header{background:var(--header-bg);color:var(--color-text);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px #0006,inset 0 -1px #ffffff0d;position:fixed;top:0;left:0;right:0;z-index:1000;margin-bottom:30px;border-bottom:1.5px solid var(--color-border)}header .user-section .search-dropdown input{border-radius:9px}nav{position:fixed;bottom:0;left:0;right:0;background:var(--nav-bg);box-shadow:0 -4px 20px #0003,inset 0 1px 0 var(--color-border);z-index:1000;border-top:1.5px solid var(--color-border)}nav ul{display:flex;justify-content:space-around;list-style:none;margin:0;padding:0}nav li{padding:12px;border-radius:50%;font-size:1.2rem;color:var(--color-text);cursor:pointer;transition:color .25s ease}nav li:hover{color:#667eea}nav li.active{color:#667eea}nav li.active:after{content:"";display:block;margin:6px auto 0;width:6px;height:6px;background:#667eea;border-radius:50%}.theme-toggle-btn{border:1px solid var(--color-border);background:linear-gradient(135deg,#ffffff0f,#ffffff26);color:var(--color-text);border-radius:12px;padding:6px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}body.theme-dark .theme-toggle-btn{background:linear-gradient(135deg,#ffffff0d,#222234);color:#fff}.theme-toggle-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.theme-toggle-btn i{font-size:16px}body.theme-light .post-card,body.theme-light .movie-card{background:#fff!important;border-color:#0f172a1f!important;color:#0f172a!important}body.theme-light .app-wrapper,body.theme-light .layout-container,body.theme-light .main-content,body.theme-light .sidebar,body.theme-light .right-sidebar,body.theme-light .sidebar-tabs li,body.theme-light .sidebar-sort,body.theme-light .mobile-bottom-nav{background:#f6f7fb!important;color:#0f172a!important}body.theme-light .right-sidebar .panel-section,body.theme-light .right-sidebar .panel-section.soft-bg{background:#fff!important;border-color:#0f172a1f!important}body.theme-light .right-sidebar .panel-title,body.theme-light .right-sidebar .stat-list li,body.theme-light .right-sidebar .simple-item,body.theme-light .right-sidebar .label,body.theme-light .right-sidebar .value,body.theme-light .right-sidebar .info strong,body.theme-light .right-sidebar .info small,body.theme-light .right-sidebar .mini-info strong,body.theme-light .right-sidebar .mini-desc,body.theme-light .right-sidebar .follow-btn.modern{color:#0f172a!important}body.theme-light .right-sidebar .stat-list li:hover,body.theme-light .right-sidebar .simple-item:hover{background:#0000000d!important}body.theme-light .right-sidebar .follow-btn.modern{background:linear-gradient(135deg,#4b6cb7,#182848)!important;border:1px solid rgba(15,23,42,.15)!important;color:#fff!important}body.theme-light .right-sidebar .mini-video,body.theme-light .right-sidebar .mini-img{background:#e5e7eb!important}body.theme-light header,body.theme-light nav,body.theme-light .sidebar-sort .sort-button,body.theme-light .sidebar-tab-btn,body.theme-light .mobile-bottom-nav li{background:#fff!important;color:#0f172a!important;border-color:#0f172a1f!important}body.theme-light .post-message,body.theme-light .post-header .username,body.theme-light .post-timestamp,body.theme-light .actions,body.theme-light .actions div,body.theme-light .actions span,body.theme-light .actions svg,body.theme-light .actions i,body.theme-light .reply-preview,body.theme-light .quote-preview,body.theme-light .preview-message,body.theme-light .preview-username,body.theme-light .preview-timestamp,body.theme-light .preview-image,body.theme-light .post-image{color:#0f172a!important;stroke:#0f172a!important}body.theme-light .reply-preview,body.theme-light .quote-preview{background:#f5f7fb!important;border-color:#0f172a1f!important}body.theme-light .post-timestamp small,body.theme-light small,body.theme-light .mobile-bottom-nav,body.theme-light .mobile-bottom-nav i,body.theme-light .badge,body.theme-light .notification-badge{color:#1f2937!important}body.theme-light .actions svg path,body.theme-light .actions svg circle{stroke:#0f172a!important}:root[data-theme=light] [style*="color: #fff"],:root[data-theme=light] [style*="color:#fff"],:root[data-theme=light] [style*="color: white"],:root[data-theme=light] [style*="color:#ffffff"],:root[data-theme=light] [style*="color: #ffffff"],:root[data-theme=light] [style*="color:#fff;"]{color:#0f172a!important}:root[data-theme=light] [style*="stroke: #fff"],:root[data-theme=light] [style*="stroke:#fff"],:root[data-theme=light] [style*="stroke: white"],:root[data-theme=light] [style*="stroke:#ffffff"],:root[data-theme=light] [style*="stroke: #ffffff"]{stroke:#0f172a!important}:root[data-theme=light] [style*="fill: #fff"],:root[data-theme=light] [style*="fill:#fff"],:root[data-theme=light] [style*="fill: white"],:root[data-theme=light] [style*="fill:#ffffff"],:root[data-theme=light] [style*="fill: #ffffff"]{fill:#0f172a!important}body.theme-light svg,body.theme-light svg path,body.theme-light svg circle,body.theme-light svg rect,body.theme-light button,body.theme-light button span,body.theme-light button i{color:#0f172a!important;stroke:#0f172a!important}@media (min-width: 768px){nav{display:none}}#posts{margin-top:20px;padding:0}.profile-pic-icon{margin-bottom:5px;width:28px;height:28px;border-radius:50%;object-fit:cover}.post-card,.movie-card{font-size:13px;background:var(--card-bg);border:1.5px solid var(--card-border);color:var(--color-text);padding:18px;border-radius:20px;margin:0 0 18px;transition:border-color .25s ease,background .25s ease;box-shadow:0 6px 18px #00000059}.post-card:hover,.movie-card:hover{border-color:#667eea99;background:var(--card-hover)}.post-card:not(:last-child),.movie-card:not(:last-child){border-bottom:none}.post-card .actions,.movie-card .actions{display:flex;justify-content:flex-start;gap:12px;margin-top:12px;flex-wrap:wrap;align-items:center;row-gap:8px}.post-card button,.movie-card button,.actions button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:9px;min-width:60px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.post-card button:hover,.movie-card button:hover,.actions button:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)}@media (max-width: 600px){.post-card .actions,.movie-card .actions{justify-content:flex-start}.post-card button,.movie-card button{font-size:9.1px;min-width:40px}}.dark-mode .post-card,.dark-mode .body,.dark-mode .video-card,.dark-mode .chat-section,.dark-mode .settings-section{background:linear-gradient(to bottom right,#111827,#581c87)}.dark-mode .post-card h2,.dark-mode .video-card h3,.dark-mode .chat-section h2,.dark-mode .settings-section h2,.dark-mode .video-modal h2{color:#fff}.post-card h2,.video-card h3,.chat-section h2,.settings-section h2,.video-modal h2{font-size:12px;margin:0 0 8px;color:var(--color-text)}.post-card p,.video-card p{color:var(--color-text);margin:0 0 16px}.post-message,.post-header .username,.post-timestamp,.actions,.sort-button,.sidebar-tabs li,.sidebar-sort,.mobile-bottom-nav,.mobile-bottom-nav i,.username-display,.badge,.notification-badge,.post-card .actions div,.post-card .actions svg,.post-card .actions i,.post-card .actions span{color:var(--color-text)}.sort-button{background:var(--color-surface)!important;border-color:var(--color-border)}.dark-mode .post-card p,.dark-mode .video-card p{color:#d1d5db}.post-card .actions .comment-btn{color:#6b7280}.post-card .comments{margin-top:16px;display:flex;flex-direction:column;gap:12px}.post-card .comment,.chat-section .chat-window,.chat-section .message:not(.user) .chat-bubble{background:#f3f4f6;padding:12px;border-radius:8px;font-size:.875rem}.dark-mode .post-card .comment,.dark-mode .chat-section .chat-window,.dark-mode .chat-section .message:not(.user) .chat-bubble{background:linear-gradient(to bottom right,#111827,#581c87)}.chat-section button{border-radius:0 8px 8px 0}.loading{margin-top:50px;display:flex;justify-content:center;align-items:center;padding:20px}.spinner{width:40px;height:40px;border:4px solid rgba(102,126,234,.2);border-top:4px solid #667eea;border-radius:50%;animation:spin .8s cubic-bezier(.5,0,.5,1) infinite;will-change:transform;box-shadow:0 0 20px #667eea4d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #667eea4d}50%{box-shadow:0 0 20px #667eea99}}@keyframes float-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.post-timestamp,.movie-timestamp{font-size:12px;color:#888;margin-top:2px;text-align:right;font-family:Arial,sans-serif;line-height:1.4}button,.btn,.action-btn,.back-btn,.upload-submit-btn,.profile-feed-btn,.close-btn,.toggle-btn,.follow-btn,.accept-btn,.decline-btn,.mark-read-btn,.icon-button,.hangup-button,.cancel-reply,.emoji-button,.send-button,.tab-button,.share-btn,.more-btn,.like-btn,.views-btn,.comment-btn,.tweet-btn,.kick-btn,.sort-button,.edit-btn,.delete-btn,.leave-button,.remove-image,.remove-btn,.cancel-edit,.login-prompt__button,.login-inline__link,.modal-cancel,.modal-confirm,.close-full-screen-btn,.sidebar-tab-btn,.bottom-nav-btn{background:#ffffff0f;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1.5px solid rgba(255,255,255,.2);border-radius:18px;color:#fff;box-shadow:0 4px 18px -6px #00000038,0 6px 28px -8px #0000002e;padding:9px 22px;font-size:1rem;font-weight:500;letter-spacing:.2px;cursor:pointer;transition:background .25s,box-shadow .25s,transform .18s;outline:none;position:relative;overflow:hidden}button:hover,.btn:hover,.action-btn:hover,.back-btn:hover,.upload-submit-btn:hover,.profile-feed-btn:hover,.close-btn:hover,.toggle-btn:hover,.follow-btn:hover,.accept-btn:hover,.decline-btn:hover,.mark-read-btn:hover,.icon-button:hover,.hangup-button:hover,.cancel-reply:hover,.emoji-button:hover,.send-button:hover,.tab-button:hover,.share-btn:hover,.more-btn:hover,.like-btn:hover,.views-btn:hover,.comment-btn:hover,.tweet-btn:hover,.kick-btn:hover,.sort-button:hover,.edit-btn:hover,.delete-btn:hover,.leave-button:hover,.remove-image:hover,.remove-btn:hover,.cancel-edit:hover,.login-prompt__button:hover,.login-inline__link:hover,.modal-cancel:hover,.modal-confirm:hover,.close-full-screen-btn:hover,.sidebar-tab-btn:hover,.bottom-nav-btn:hover{background:#ffffff1f;box-shadow:0 8px 32px #0000004d,inset 0 1px #fff3;transform:translateY(-2px) scale(1.05);border-color:#ffffff4d}button:active,.btn:active,.action-btn:active,.back-btn:active,.upload-submit-btn:active,.profile-feed-btn:active,.close-btn:active,.toggle-btn:active,.follow-btn:active,.accept-btn:active,.decline-btn:active,.mark-read-btn:active,.icon-button:active,.hangup-button:active,.cancel-reply:active,.emoji-button:active,.send-button:active,.tab-button:active,.share-btn:active,.more-btn:active,.like-btn:active,.views-btn:active,.comment-btn:active,.tweet-btn:active,.kick-btn:active,.sort-button:active,.edit-btn:active,.delete-btn:active,.leave-button:active,.remove-image:active,.remove-btn:active,.cancel-edit:active,.login-prompt__button:active,.login-inline__link:active,.modal-cancel:active,.modal-confirm:active,.close-full-screen-btn:active,.sidebar-tab-btn:active,.bottom-nav-btn:active{background:#ffffff0a;box-shadow:0 2px 8px #0003;transform:scale(.97)}button{background:none}.glass-enhanced{background:linear-gradient(135deg,#22283c73,#5078ff2e);backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border:2px solid rgba(255,255,255,.25);box-shadow:var(--shadow-glass);position:relative;overflow:hidden;transition:all var(--transition-smooth)}.glass-enhanced:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#ffffff40,#ffffff14);pointer-events:none;z-index:0}.glass-enhanced:after{content:"";position:absolute;left:20px;top:10px;width:50%;height:20px;background:linear-gradient(90deg,#fff6,#ffffff0d);border-radius:12px;filter:blur(14px);opacity:.6;pointer-events:none;z-index:1}.glass-enhanced:hover{transform:translateY(-2px);box-shadow:0 12px 40px #1f268759,0 2px 6px #1e283c26;border-color:#ffffff59}.shimmer-loading{position:relative;overflow:hidden;background:linear-gradient(90deg,#ffffff08,#ffffff0f,#ffffff08);background-size:200% 100%;animation:shimmer-slide 1.5s infinite}@keyframes shimmer-slide{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-shimmer);animation:shimmer 2s infinite}.animate-in{animation:float-up .6s cubic-bezier(.16,1,.3,1) forwards}.animate-slide{animation:slide-in .5s cubic-bezier(.16,1,.3,1) forwards}.image-preview-container{position:relative;display:inline-block;max-width:100%;margin-bottom:15px}.image-preview-container img{max-width:300px;max-height:280px;border-radius:10px;display:block}.remove-image-btn{position:absolute;top:5px;right:5px;background:#0009;color:#fff;border:none;font-size:18px;line-height:1;padding:4px 8px;border-radius:50%;cursor:pointer;transition:transform .2s ease}.remove-image-btn:hover{transform:scale(1.1)}.dark-mode header,.dark-mode body,.dark-mode nav,.dark-mode .user-section .search-dropdown input,.dark-mode .post-card .comment-input,.dark-mode .chat-section input,.dark-mode .settings-section input,.dark-mode .sidebar,.dark-mode .footer,.dark-mode .modal,.dark-mode .button,.dark-mode .card,.dark-mode .form-control{border-color:#ff4500;background:linear-gradient(to bottom right,#111827,#581c87);color:#f3f4f6}.layout-container{display:flex;width:100%;height:100%;position:relative}.sidebar{position:fixed;top:5%;left:0;width:290px;height:100vh;background:linear-gradient(180deg,#000000f5,#000000fa);padding-top:50px;overflow-y:auto;z-index:10;box-shadow:2px 0 20px #0000004d}@supports (backdrop-filter: blur(10px)){.sidebar{backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md))}}.sidebar-tabs,.sidebar-sort{list-style:none;margin-left:60px;border-bottom:1px solid #ddd;border-top:1px solid #ddd}.sidebar li,.sidebar-sort .sort-button{margin:0 0 20px;padding:10px 14px;border:none;text-align:left;font-size:19px;line-height:1.2;cursor:pointer;display:block;width:auto;border-radius:12px;transition:all .3s cubic-bezier(.16,1,.3,1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar li:hover,.sidebar-sort .sort-button:hover{background:#ffffff14;transform:translate(4px)}.sidebar li.active,.sidebar-sort .sort-button.active{background:linear-gradient(135deg,#667eea33,#764ba233);border-left:3px solid #667eea}.sidebar li:hover,.sidebar-sort .sort-button:hover{background-color:#1a1a1a}.sidebar-sort:before{border-top:1px solid #333}.sidebar .separator{border-top:1px solid #333;margin:10px 0}.right-sidebar{width:250px;background:#000;height:calc(100vh - 50px);top:50px;position:sticky;overflow-y:auto;display:none}.with-right-sidebar .right-sidebar{display:block}.main-content{margin-left:350px;margin-right:120px;box-sizing:border-box;width:calc(100% - 660px);overflow-x:hidden}.main-content.no-right-sidebar{margin-right:0;width:calc(100% - 350px)}@media (max-width: 767px){.sidebar,.right-sidebar,.sidebar-sort{display:none!important}.main-content{margin:0!important;width:100%!important;padding-bottom:calc(56px + env(safe-area-inset-bottom))}}@media (min-width: 768px){.Sort{display:none}}.Alert{z-index:999999;opacity:0;transition:opacity .3s ease;position:fixed;top:20px;left:50%;transform:translate(-50%);background:#4caf50;color:#fff;padding:6px 14px;border-radius:20px;border:1px solid #388e3c;font-size:14px;z-index:100;box-shadow:0 2px 8px #00000026;max-width:80%;text-align:center}.error-Alert{background-color:#f44336}.show-Alert{opacity:1}