body[data-v-4d698599]{display:flex;z-index:4}@media (min-width: 768px){body[data-v-4d698599]{position:fixed;top:5%;left:25%;width:50%}}h2[data-v-4d698599]{font-size:26px;margin-bottom:20px;color:#fff}.no-notifications[data-v-4d698599]{font-size:16px;color:#999;text-align:center;padding:40px 0}.notification-header[data-v-4d698599]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;color:#ccc}.notification-item[data-v-4d698599]{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-4d698599]{border-left-color:#007bff;background:#1a1a1a}.notification-message[data-v-4d698599]{font-size:15px;margin-bottom:6px;color:#fff}.notification-time[data-v-4d698599]{font-size:13px;color:#777}.notification-actions[data-v-4d698599]{margin-top:10px;display:flex;gap:10px}.accept-btn[data-v-4d698599],.decline-btn[data-v-4d698599],.mark-read-btn[data-v-4d698599]{padding:6px 12px;font-size:13px;border:none;border-radius:4px;cursor:pointer;color:#fff}.accept-btn[data-v-4d698599]{background-color:#28a745}.decline-btn[data-v-4d698599]{background-color:#dc3545}.mark-read-btn[data-v-4d698599]{background-color:#007bff}.right-sidebar-content[data-v-95fc1106]{padding:20px;height:100%;overflow-y:auto}.sidebar-section[data-v-95fc1106]{background:#ffffff0d;border-radius:12px;padding:16px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1)}.section-title[data-v-95fc1106]{font-size:18px;font-weight:600;margin-bottom:12px;color:#fff}.trending-list[data-v-95fc1106]{display:flex;flex-direction:column;gap:10px}.trending-item[data-v-95fc1106]{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;transition:background-color .2s}.trending-item[data-v-95fc1106]:hover{background:#ffffff0d}.trend-rank[data-v-95fc1106]{font-weight:700;color:#3b82f6;min-width:24px}.trend-info[data-v-95fc1106]{flex:1}.trend-name[data-v-95fc1106]{font-weight:500;color:#fff;margin:0}.trend-posts[data-v-95fc1106]{font-size:12px;color:#9ca3af;margin:2px 0 0}.suggested-users[data-v-95fc1106]{display:flex;flex-direction:column;gap:12px}.user-suggestion[data-v-95fc1106]{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;transition:background-color .2s}.user-suggestion[data-v-95fc1106]:hover{background:#ffffff0d}.user-avatar[data-v-95fc1106]{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-info[data-v-95fc1106]{flex:1}.user-name[data-v-95fc1106]{font-weight:500;color:#fff;margin:0}.user-followers[data-v-95fc1106]{font-size:12px;color:#9ca3af;margin:2px 0 0}.follow-btn[data-v-95fc1106]{background:#3b82f6;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:background-color .2s}.follow-btn[data-v-95fc1106]:hover{background:#2563eb}.stats-grid[data-v-95fc1106]{display:grid;grid-template-columns:1fr;gap:12px}.stat-item[data-v-95fc1106]{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;background:#ffffff05}.stat-item i[data-v-95fc1106]{font-size:20px;color:#3b82f6}.stat-number[data-v-95fc1106]{font-size:16px;font-weight:700;color:#fff;display:block}.stat-label[data-v-95fc1106]{font-size:12px;color:#9ca3af}.activity-list[data-v-95fc1106]{display:flex;flex-direction:column;gap:10px}.activity-item[data-v-95fc1106]{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;transition:background-color .2s}.activity-item[data-v-95fc1106]:hover{background:#ffffff0d}.activity-item i[data-v-95fc1106]{font-size:16px}.activity-info[data-v-95fc1106]{flex:1}.activity-text[data-v-95fc1106]{font-size:14px;color:#fff;margin:0}.activity-time[data-v-95fc1106]{font-size:12px;color:#9ca3af;margin:2px 0 0}@media (max-width: 768px){.right-sidebar-content[data-v-95fc1106]{padding:16px}.sidebar-section[data-v-95fc1106]{padding:12px}}: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}.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}.icon-button{background:var(--bg-primary);color:#fff;padding:.4rem .7rem;font-size:1.1rem;margin-left:.5rem}.hangup-button{background:var(--accent-red);color:#fff;padding:.4rem .7rem}.send-button{background:var(--accent-blue);color:var(--bg-primary);padding:.45rem .7rem;font-size:.85rem;font-weight:600}.emoji-button{background:transparent;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:28%;width:90%;margin:50px 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;top:0;left:0;right:0;bottom: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;top:0;left:0;right:0;bottom:0;z-index:3;background-color:var(--bg-primary);height:100vh;width:100vw;overflow:hidden}.chat-main{height:calc(100vh - 60px);min-height:calc(100vh - 60px)}#messages-container{max-height:calc(100vh - 110px)}.message-input-wrapper{position:absolute;bottom:0;left:0;right:0;min-height:60px}.chat-header{min-height:60px;padding:.5rem}}@media (min-width: 768px){.chat-header{margin-top:80px}}.reply-indicator[data-v-5981c2b9]{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-5981c2b9]{display:flex;align-items:center;gap:8px}.reply-author[data-v-5981c2b9]{color:#9ecbff;font-size:16px}.reply-text[data-v-5981c2b9]{color:#9ecbff8d;font-size:14 px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.message-wrapper[data-v-5981c2b9]{display:flex;align-items:flex-end;max-width:80%;margin-bottom:4px}.message-profile-photo[data-v-5981c2b9]{display:flex;align-items:flex-end;margin:0 8px}.msg-profile-img[data-v-5981c2b9]{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid #ddd;background-color:#f0f0f0}.reply-highlight-animation[data-v-5981c2b9]{animation:replyHighlight-5981c2b9 1.2s ease-out}@keyframes replyHighlight-5981c2b9{0%{background-color:#ffffff14}50%{background-color:#ffffff26}to{background-color:transparent}}.fade-enter-active[data-v-511de366],.fade-leave-active[data-v-511de366]{transition:opacity .2s ease}.fade-enter-from[data-v-511de366],.fade-leave-to[data-v-511de366]{opacity:0}.username-display[data-v-511de366]{font-size:19px;cursor:pointer;margin-right:16px;padding:4px 8px;border-radius:4px;transition:background-color .2s}.fancy-title[data-v-511de366]{font-size:24px;margin-left:3%;display:flex;align-items:center;gap:10px;animation:fadeIn .6s ease-out}.badge[data-v-511de366]{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;line-height:1;padding:2px 5px;border-radius:999px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;z-index:5;box-shadow:0 0 3px #00000040;border:1px solid #111}.badge[style*="background-color: #10b981"][data-v-511de366]{background-color:#10b981!important}.bottom-nav-btn[data-v-511de366]{position:relative;display:flex;flex-direction:column;align-items:center}*{margin:0;padding:0;box-sizing:border-box;scrollbar-color:#222 #000}@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:#000;color:#fff;-webkit-overflow-scrolling:touch}body .dark-mode{background:linear-gradient(to bottom right,#111827,#581c87);color:#fff}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease;will-change:opacity}.fade-enter-from,.fade-leave-to{opacity:0}header{background-color:#000;color:#fff;padding:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a;position:fixed;top:0;left:0;right:0;z-index:3;margin-bottom:30px;transform:translateZ(0)}header .user-section .search-dropdown input{border-radius:9px}nav{position:fixed;bottom:0;left:0;right:0;background-color:#000;box-shadow:0 -2px 4px #0003;z-index:1;transform:translateZ(0)}nav ul{display:flex;justify-content:space-around;list-style:none;margin:0;padding:0}nav li{padding:10px;border-radius:50%;font-size:1.1rem;color:#f3f4f6;cursor:pointer;transition:transform .2s ease}nav li:hover{transform:scale(1.1)}@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{font-size:12px;background-color:#0009;color:#fff;padding:5px;border-radius:15px;margin:0 0 15px;transition:transform .3s ease,box-shadow .3s ease;will-change:transform}.post-card:not(:last-child):not(:last-child){border-bottom:2px solid #555}.post-card .actions .actions{display:flex;justify-content:flex-start;margin-top:4px;flex-wrap:wrap;align-items:center}.post-card button:hover button:hover,.actions button:hover{transform:scale(1.05)}@media (max-width: 600px){.post-card .actions,.actions{justify-content:flex-start}.post-card button,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}.post-card p,.video-card p{color:#fff;margin:0 0 16px}.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:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;will-change:transform}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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{margin-top:10px;padding:7px 15px;background-color:#ffffff7b;color:#000;border:none;border-radius:15px;cursor:pointer;font-size:12px;transition:background-color .3s ease,transform .2s ease}.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}@media (min-width:550px){.layout-container{display:grid;grid-template-columns:minmax(260px,21vw) 1fr minmax(300px,25vw);grid-template-areas:"sidebar main rightbar";height:100vh}.layout-container:not(.with-right-sidebar){grid-template-columns:minmax(260px,21vw) 1fr;grid-template-areas:"sidebar main"}.sidebar,.right-sidebar{background:#000;overflow-y:auto}.sidebar{grid-area:sidebar;border-right:1px solid red;padding-top:50px}.right-sidebar{grid-area:rightbar;border-left:1px solid red;display:none}.with-right-sidebar .right-sidebar{display:block}.sidebar-tabs,.sidebar-sort{list-style:none;margin-left:clamp(20px,4vw,60px);border-top:1px solid #ddd;border-bottom:1px solid #ddd}.sidebar li,.sidebar-sort .sort-button{margin:7%;padding:clamp(6px,1.5vw,12px);border:none;font-size:clamp(16px,2vw,19px);margin-bottom:clamp(10px,3vw,20px);cursor:pointer;display:block;width:100%;background:transparent;color:#fff;text-align:left;line-height:1.2}.sidebar li:hover,.sidebar-sort .sort-button:hover{background:#1a1a1a}.sidebar .separator{border-top:1px solid #333;margin:10px 0}.main-content{grid-area:main;padding:0 clamp(20px,3vw,70px);overflow-x:hidden;box-sizing:border-box}}@media (max-width:1024px) and (min-width:768px){.layout-container{grid-template-columns:minmax(200px,25vw) minmax(250px,50vw) minmax(200px,25vw)}.layout-container:not(.with-right-sidebar){grid-template-columns:minmax(200px,25vw) 1fr}.main-content{padding:0 clamp(10px,2vw,30px)}}@media (max-width:767px){.layout-container{grid-template-columns:1fr;grid-template-areas:"main"}.sidebar,.right-sidebar{display:none!important}.Sort,.sort-button{display:block}.main-content{padding:0}}@media (min-width:768px){.Sort,.sort-button{display:none}.sidebar-sort .sort-button{display:block;background:#000;color:#fff}}.Alert{z-index:30;opacity:0;transition:opacity .3s ease;position:fixed;top:80px;left:50%;transform:translate(-50%);background:#4caf50;color:#fff;padding:6px 14px;border-radius:20px;border:1px solid #388e3c;font-size:14px;box-shadow:0 2px 8px #00000026;max-width:80%;text-align:center}.error-Alert{background-color:#f44336}.show-Alert{opacity:1}