body.theme-modern{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased}body.theme-modern .app-layout{background-color:var(--bg-primary)}body.theme-modern .app-nav{background-color:var(--bg-primary);border-color:var(--border-color);z-index:1000}body.theme-modern .nav-btn{color:var(--text-secondary);border-radius:var(--radius-full)}body.theme-modern .nav-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}body.theme-modern .nav-btn.active{color:var(--accent-color);font-weight:600}@media (min-width:768px){body.theme-modern .app-nav{align-items:flex-start;width:260px;padding:24px}body.theme-modern .nav-btn{flex-direction:row;justify-content:flex-start;gap:20px;width:100%;padding:16px 24px}body.theme-modern .nav-icon{margin-bottom:0}body.theme-modern .nav-label{font-size:1.1rem}body.theme-modern .app-nav-brand.hide-mobile{margin-bottom:40px;padding:0 16px;display:flex!important}}body.theme-modern .post-card{background:var(--bg-primary);border:none;border-bottom:1px solid var(--border-color);box-shadow:none;border-radius:0;margin:0;padding:24px 16px}body.theme-modern .post-card:last-child{border-bottom:none}body.theme-modern .post-meta{gap:12px}body.theme-modern .post-content{color:var(--text-primary);margin-top:8px;font-size:1.05rem;line-height:1.6}body.theme-modern .post-actions{gap:24px;margin-top:16px}body.theme-modern .post-action-btn{color:var(--text-muted);transition:all var(--motion-fast)}body.theme-modern .post-action-btn:hover{color:var(--accent-color);opacity:.8;background:0 0}body.theme-modern .create-post{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--elevation-subtle);margin-bottom:24px;padding:16px 20px}body.theme-modern .create-post input{color:var(--text-primary);background:0 0;font-size:1.05rem}body.theme-modern .create-post input::placeholder{color:var(--text-secondary)}body.theme-modern .channel-banner-placeholder{border-radius:0;height:200px}body.theme-modern .channel-header-info{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding-bottom:24px}body.theme-modern .channel-avatar-wrapper{border:4px solid var(--bg-primary);box-shadow:var(--elevation-subtle);margin-top:-64px}body.theme-modern .channel-tabs{background:var(--bg-primary);border-bottom:1px solid var(--border-color);gap:32px;padding:0 16px}body.theme-modern .tab-btn{color:var(--text-secondary);border-bottom:3px solid #0000;border-radius:0;padding:16px 0}body.theme-modern .tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color);background:0 0}body.theme-modern .tab-btn:hover{color:var(--text-primary);background:0 0}body.theme-modern .modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}body.theme-modern .modal-box,body.theme-modern .modal-content,body.theme-modern .create-channel-card{background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--elevation-medium)!important;padding:32px!important}body.theme-modern .form-group input,body.theme-modern .form-group textarea,body.theme-modern .form-control{transition:border-color var(--motion-fast);background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important;padding:12px 16px!important}body.theme-modern .form-group input:focus,body.theme-modern .form-group textarea:focus,body.theme-modern .form-control:focus{outline:none;border-color:var(--accent-color)!important}body.theme-modern .btn-primary,body.theme-modern button.primary{background:var(--accent-color)!important;color:#fff!important;border-radius:var(--radius-full)!important;border:none!important;padding:10px 24px!important;font-weight:600!important}body.theme-modern .btn-secondary,body.theme-modern button.secondary{color:var(--text-primary)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-full)!important;background:0 0!important;padding:10px 24px!important;font-weight:600!important}body.theme-modern .btn-danger,body.theme-modern button.danger{background:var(--error-color)!important;color:#fff!important;border-radius:var(--radius-full)!important;border:none!important;padding:10px 24px!important;font-weight:600!important}body.theme-modern .comment-item{border:none!important;border-bottom:1px solid var(--border-color)!important;background:0 0!important;border-radius:0!important;margin:0!important;padding:16px 0!important}body.theme-modern .comment-item:last-child{border-bottom:none!important}body.theme-modern .comment-header{font-size:.95rem}body.theme-modern .comment-content{color:var(--text-primary);font-size:1rem}body.theme-modern .profile-header-card{background:var(--bg-primary)!important;border:none!important;border-bottom:1px solid var(--border-color)!important;box-shadow:none!important;border-radius:0!important;padding-bottom:32px!important}body.theme-modern .profile-avatar-wrapper{border:4px solid var(--bg-primary);margin-top:-80px}body.theme-modern .profile-stats-row{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:0 0!important;margin-top:24px!important;padding:16px 0!important}body.theme-modern .empty-state{color:var(--text-secondary);background:0 0!important;border:none!important;padding:64px 24px!important}body.theme-modern .empty-icon{color:var(--border-color)!important;margin-bottom:24px!important}body.theme-modern .loading-spinner-container{background:0 0!important;border:none!important;min-height:120px!important}body.theme-modern .loading-spinner-container p{display:none}body.theme-modern .loading-spinner-container svg{color:var(--accent-color)!important;width:28px!important;height:28px!important}body.theme-modern .members-tab,body.theme-modern .channels-grid,body.theme-modern .search-result-list{gap:0!important}body.theme-modern .member-row,body.theme-modern .channel-card,body.theme-modern .search-result-item{border:none!important;border-bottom:1px solid var(--border-color)!important;background:0 0!important;border-radius:0!important;padding:16px!important}body.theme-modern .channel-card:hover,body.theme-modern .search-result-item:hover{border-color:var(--border-color)!important;background:#ffffff08!important}body.theme-modern .search-page-input{background:var(--bg-secondary)!important;border-radius:var(--radius-full)!important;border:none!important;padding-left:48px!important}body.theme-modern .search-input-wrapper svg{color:var(--text-secondary)}body.theme-modern .composer-container{border:none!important;border-bottom:1px solid var(--border-color)!important;background:0 0!important;border-radius:0!important}@media (max-width:767px){body.theme-modern .app-nav{border-top:1px solid var(--border-color);width:100%;padding-bottom:env(safe-area-inset-bottom,16px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0ad9;justify-content:space-around;position:fixed;bottom:0;left:0}body.theme-modern .nav-btn{border-radius:0;flex:1;min-width:0!important;padding:10px 4px!important}body.theme-modern .app-main{padding-bottom:calc(60px + env(safe-area-inset-bottom,16px))}body.theme-modern .post-card{padding:16px 12px}}body.theme-modern .icon-btn{transition:color var(--motion-fast);color:var(--text-secondary)!important;background:0 0!important;border:none!important}body.theme-modern .icon-btn:hover{color:var(--text-primary)!important;background:var(--bg-secondary)!important}body.theme-modern .fab-container{bottom:calc(env(safe-area-inset-bottom,16px) + 80px);z-index:990;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;right:20px}body.theme-modern .fab-main{background-color:var(--accent-color);color:#fff;cursor:pointer;width:56px;height:56px;transition:all var(--motion-fast);border:none;border-radius:28px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0ea5e966}body.theme-modern .fab-main:hover{background-color:var(--accent-hover);transform:scale(1.05)}body.theme-modern .fab-menu{flex-direction:column;gap:12px;margin-bottom:8px;animation:.2s ease-out forwards fabSlideUp;display:flex}body.theme-modern .fab-menu-item{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--elevation-medium);cursor:pointer;transition:all var(--motion-fast);border-radius:24px;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}body.theme-modern .fab-menu-item:hover{background-color:var(--bg-primary)}@keyframes fabSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.error-boundary-container{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}.error-title{color:var(--error-color);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.error-message{color:var(--text-secondary);max-width:28rem;margin-bottom:1.5rem}.btn-primary{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:background-color .2s}.btn-primary:hover{background-color:var(--accent-hover)}.age-gate-overlay{z-index:9999;background-color:#0f172af2;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.age-gate-modal{background-color:var(--bg-secondary);text-align:center;border:1px solid #334155;border-radius:1rem;width:100%;max-width:32rem;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080}.age-gate-title{color:var(--text-primary);margin-bottom:1rem;font-size:2rem;font-weight:700}.text-error{color:var(--error-color)}.age-gate-text{color:var(--text-secondary);margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.age-gate-actions{flex-direction:column;gap:1rem;display:flex}@media (min-width:640px){.age-gate-actions{flex-direction:row;justify-content:center}}.btn-accept,.btn-decline{cursor:pointer;border:none;border-radius:.5rem;flex:1;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-accept{background-color:var(--accent-color);color:#fff}.btn-accept:hover{background-color:var(--accent-hover)}.btn-decline{color:var(--text-secondary);background-color:#0000;border:1px solid #475569}.btn-decline:hover{color:#fff;background-color:#334155}.ecochat-loader{z-index:9999;background:radial-gradient(circle,#132238 0%,#0b0f19 100%);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loader-content{flex-direction:column;align-items:center;gap:16px;display:flex}.loader-logo-wrapper{filter:drop-shadow(0 12px 28px #0057ff73);justify-content:center;align-items:center;display:flex;position:relative}.loader-brand{color:var(--text-primary);letter-spacing:-.5px;font-size:1.85rem;font-weight:800}.loader-message{color:var(--text-secondary);text-align:center;max-width:240px;font-size:.875rem}.loader-dots{gap:6px;margin-top:4px;display:flex}.loader-dots span{background:#0057ff;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite loader-dot;box-shadow:0 0 10px #0057ff99}.loader-dots span:first-child{animation-delay:0s}.loader-dots span:nth-child(2){animation-delay:.2s}.loader-dots span:nth-child(3){animation-delay:.4s}@keyframes loader-dot{0%,80%,to{opacity:.3;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.cittly-mascot{vertical-align:middle;display:inline-block;overflow:visible}.cittly-body,.cittly-eyes{transform-box:fill-box;transform-origin:bottom}.cittly-eyes{transform-origin:50%}.cittly-mascot[data-state=loading] .cittly-body{animation:1.1s ease-in-out infinite cittly-bounce}.cittly-mascot[data-state=not-found] .cittly-body{animation:4s ease-in-out infinite cittly-curious}.cittly-mascot[data-state=not-found] .cittly-eyes{animation:4s ease-in-out infinite cittly-look}.cittly-mascot[data-state=idle] .cittly-eyes{animation:5s infinite cittly-blink}.cittly-mascot[data-state=success] .cittly-body{animation:.9s ease-in-out both cittly-celebrate}@keyframes cittly-bounce{0%,to{transform:translateY(0)scale(1.06,.94)}45%{transform:translateY(-35px)scale(.96,1.04)}70%{transform:translateY(0)scale(1.08,.92)}}@keyframes cittly-curious{0%,to{transform:rotate(0)}25%,40%{transform:rotate(-7deg)}65%,80%{transform:rotate(7deg)}}@keyframes cittly-look{0%,to{transform:translate(0)}25%,40%{transform:translate(-12px)}65%,80%{transform:translate(12px)}}@keyframes cittly-blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.08)}}@keyframes cittly-celebrate{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-45px)rotate(-8deg)}55%{transform:translateY(-20px)rotate(8deg)}80%{transform:scale(1.08,.92)}}@media (prefers-reduced-motion:reduce){.cittly-body,.cittly-eyes{animation:none!important;transform:none!important}}.tutorial-overlay{z-index:9000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.tutorial-box{background:var(--bg-secondary,var(--bg-secondary));border:1px solid var(--border-color,#ffffff1a);text-align:center;border-radius:20px;width:100%;max-width:420px;padding:32px 28px 24px;position:relative;box-shadow:0 25px 60px #00000080}.tutorial-close{cursor:pointer;color:var(--text-secondary,var(--text-secondary));background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;display:flex;position:absolute;top:14px;right:14px}.tutorial-close:hover{color:var(--text-primary);background:#ffffff14}.tutorial-emoji{margin-bottom:16px;font-size:3rem;line-height:1}.tutorial-title{color:var(--text-primary);margin-bottom:10px;font-size:1.35rem;font-weight:700}.tutorial-body{color:var(--text-secondary,var(--text-secondary));margin-bottom:20px;font-size:.95rem;line-height:1.6}.tutorial-dots{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.tutorial-dot{background:var(--border-color,#ffffff26);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s}.tutorial-dot.active{background:#38bdf8;transform:scale(1.3)}.tutorial-actions{align-items:center;gap:8px;display:flex}.tutorial-skip{cursor:pointer;color:var(--text-secondary,var(--text-secondary));text-align:center;background:0 0;border:none;width:100%;margin-top:16px;padding:4px;font-size:.8rem}.tutorial-skip:hover{color:var(--text-secondary);text-decoration:underline}.comment-section{flex-direction:column;gap:12px;padding:8px 0;display:flex}.root-composer{background:var(--bg-secondary,var(--bg-secondary));border:1px solid var(--border-color,var(--border-color));border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.root-composer textarea{color:var(--text-primary,var(--text-primary));resize:none;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;min-height:52px;padding:4px 0;font-family:inherit;font-size:.9rem}.root-composer textarea::placeholder{color:var(--text-secondary,var(--text-secondary))}.composer-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.composer-actions button.primary{background:var(--accent-color,var(--accent-color));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:6px 16px;font-size:.875rem;font-weight:600;transition:background .2s}.composer-actions button.primary:hover:not(:disabled){background:var(--accent-hover)}.composer-actions button.primary:disabled{opacity:.5;cursor:not-allowed}.comments-list{flex-direction:column;display:flex}.comment-node{border-bottom:1px solid #ffffff0d;padding:10px 0}.comment-node:last-child{border-bottom:none}.comment-header{align-items:center;gap:8px;min-width:0;display:flex}.comment-avatar{background:var(--bg-secondary);border:1px solid var(--border-color);object-fit:cover;width:32px;height:32px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex;overflow:hidden}.comment-avatar img{object-fit:cover;width:100%;height:100%}.comment-author-info{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.8rem;line-height:1.4;overflow:hidden}.comment-display-name{color:var(--text-primary,var(--text-primary));font-weight:600}.comment-username{color:var(--text-secondary,var(--text-secondary))}.comment-time{color:var(--text-secondary,var(--text-secondary));font-size:.75rem}.comment-action-btn{color:var(--text-secondary,var(--text-secondary));cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;align-items:center;padding:4px;display:flex}.comment-action-btn:hover{color:var(--text-primary,var(--text-primary))}.comment-content{padding-top:4px;padding-left:40px}.comment-content p{color:var(--text-primary,var(--text-primary));word-break:break-word;white-space:pre-wrap;margin:0;font-size:.92rem;line-height:1.5}.comment-actions{flex-wrap:nowrap;align-items:center;gap:16px;margin-top:6px;display:flex}.action-btn{color:var(--text-secondary,var(--text-secondary));cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;padding:2px 0;font-size:.8rem;font-weight:500;transition:color .15s;display:flex}.action-btn:hover{color:var(--text-primary,var(--text-primary))}.action-btn.liked{color:#ef4444}.replies-container{border-left:2px solid var(--bg-secondary);margin-top:4px;margin-left:40px;padding-left:12px}.load-more-btn{border:1px solid var(--border-color,var(--border-color));color:var(--accent-color,var(--accent-color));cursor:pointer;background:0 0;border-radius:6px;width:100%;margin-top:8px;padding:8px 16px;font-size:.875rem;transition:background .2s}.empty-text{text-align:center;color:var(--text-secondary,var(--text-secondary));margin:0;padding:16px 0;font-size:.9rem}.community-comments{gap:16px;width:100%;min-width:0;padding:20px 0}.community-comments .discussion-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.discussion-heading h2{font-size:18px}.discussion-heading label{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.discussion-heading select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:6px}.community-comments .root-composer{border-radius:14px;padding:14px;position:relative}.community-comments textarea{font:inherit;min-height:80px;max-height:240px;line-height:1.5;resize:vertical!important}.community-comments .reply-context{color:#8aafff;justify-content:space-between;align-items:center;font-size:12px;display:flex}.reply-context button{color:inherit;cursor:pointer;background:0 0;border:0}.community-comments .composer-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.composer-actions>span{color:var(--text-secondary);font-size:11px}.community-comments .primary{color:#fff;cursor:pointer;background:#0057ff;border:0;border-radius:20px;padding:8px 18px;font-weight:600}.community-comments .primary:disabled{opacity:.5;cursor:default}.community-comments .comments-list{width:100%;min-width:0}.community-comments .thread-comment{padding-left:calc(var(--thread-level)*14px);min-width:0;margin:0;display:flex;position:relative}.thread-comment-body{border-bottom:1px solid var(--border-color);width:100%;min-width:0;padding:12px 0 8px}.community-comments .thread-rail{width:calc(var(--thread-level)*14px);background:repeating-linear-gradient(to right,transparent 0px,transparent 5px,var(--border-color) 5px,var(--border-color) 6px,transparent 6px,transparent 14px);position:absolute;top:0;bottom:0;left:0}.community-comments .is-reply .thread-rail:after{content:"";border-top:1px solid var(--border-color);width:8px;position:absolute;top:26px;right:0}.community-comments .comment-header{align-items:center;gap:8px;min-width:0;display:flex}.community-comments .comment-author-link{min-width:0;color:var(--text-primary);align-items:center;gap:8px;text-decoration:none;display:flex}.comment-author-link strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.community-comments .comment-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:26px;height:26px}.comment-avatar-fallback{background:var(--bg-secondary);place-items:center;font-size:12px;display:grid}.community-comments time{white-space:nowrap;color:var(--text-secondary);font-size:11px}.thread-toggle{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;min-width:32px;min-height:32px;margin-left:auto}.comment-parent{color:#8ab0ff;padding:4px 0;font-size:11px;text-decoration:none;display:block}.community-comments .comment-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding-top:4px;font-size:14px;line-height:1.65}.community-comments .comment-actions{flex-wrap:wrap;gap:8px;min-width:0;margin-top:8px;display:flex}.community-comments .comment-actions button,.expand-replies{min-height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:18px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.community-comments .comment-actions button:hover{background:var(--bg-secondary)}.community-comments .comment-actions .liked{color:#ff5b86}.discussion-error{color:#ffb9ae;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.discussion-error button{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;padding:6px 12px}@media (max-width:480px){.community-comments .comment-header{gap:5px}.community-comments .comment-author-link{max-width:65%}.community-comments .comment-actions{gap:2px}.community-comments .composer-actions>span{display:none}}.pmv-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99999;-webkit-user-select:none;user-select:none;background-color:#000000f5;flex-direction:column;justify-content:space-between;animation:.2s cubic-bezier(.16,1,.3,1) pmv-fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes pmv-fade-in{0%{opacity:0}to{opacity:1}}.pmv-header{z-index:10;background:linear-gradient(#000c 0%,#0000 100%);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.pmv-header-left{align-items:center;gap:12px;min-width:0;display:flex}.pmv-avatar{object-fit:cover;background:#1e293b;border:1.5px solid #fff3;border-radius:50%;flex-shrink:0;width:38px;height:38px}.pmv-avatar-fallback{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;font-weight:700;display:flex}.pmv-author-info{flex-direction:column;min-width:0;display:flex}.pmv-author-name{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.pmv-author-handle{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.pmv-header-center{align-items:center;display:flex}.pmv-counter-pill{color:#f8fafc;letter-spacing:.3px;background:#ffffff1f;border:1px solid #ffffff26;border-radius:20px;padding:4px 12px;font-size:.82rem;font-weight:600}.pmv-header-right{align-items:center;gap:8px;display:flex}.pmv-icon-btn{color:#f8fafc;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex}.pmv-icon-btn:hover{background:#ffffff38;transform:scale(1.05)}.pmv-icon-btn:active{transform:scale(.94)}.pmv-body{touch-action:pan-y;flex:1;justify-content:center;align-items:center;padding:8px 16px;display:flex;position:relative;overflow:hidden}.pmv-media-container{justify-content:center;align-items:center;max-width:96vw;max-height:82vh;transition:transform .2s cubic-bezier(.16,1,.3,1);display:flex}.pmv-media-container img,.pmv-media-container video{object-fit:contain;border-radius:8px;width:auto;max-width:95vw;height:auto;max-height:80vh;display:block;box-shadow:0 12px 48px #000c}.pmv-nav-btn{color:#fff;cursor:pointer;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pmv-nav-btn:hover{background:#000000d9;border-color:#fff6;transform:translateY(-50%)scale(1.08)}.pmv-nav-btn:active{transform:translateY(-50%)scale(.94)}.pmv-nav-btn.prev{left:16px}.pmv-nav-btn.next{right:16px}.pmv-footer{z-index:10;background:linear-gradient(#0000 0%,#000000d9 100%);flex-direction:column;gap:8px;padding:14px 20px;display:flex}.pmv-caption{color:#e2e8f0;text-shadow:0 1px 3px #000c;max-height:80px;margin:0;font-size:.92rem;line-height:1.45;overflow-y:auto}.pmv-dots{justify-content:center;align-items:center;gap:6px;padding-top:4px;display:flex}.pmv-dot{cursor:pointer;background:#ffffff59;border-radius:50%;width:7px;height:7px;transition:all .2s}.pmv-dot.active{background:#38bdf8;border-radius:4px;width:22px}.post-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab8;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:12px;padding:16px 18px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000040}.post-card:hover{border-color:#ffffff24}.post-header{justify-content:space-between;align-items:flex-start;display:flex}.post-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:.85rem;display:flex}.post-author-link{text-overflow:ellipsis;white-space:nowrap;align-items:baseline;gap:5px;max-width:260px;display:inline-flex;overflow:hidden}.post-author-name{color:#f8fafc;letter-spacing:-.01em;font-size:.94rem;font-weight:700;transition:color .15s}.post-author-link:hover .post-author-name{color:#38bdf8;text-decoration:underline}.post-author-handle{color:#64748b;font-size:.83rem;font-weight:400}.post-channel-pill{color:#60a5fa;letter-spacing:-.01em;background:#3b82f61f;border:1px solid #3b82f640;border-radius:9999px;align-items:center;padding:1.5px 8px;font-size:.76rem;font-weight:600;transition:all .15s;display:inline-flex}.post-channel-pill:hover{color:#93c5fd;background:#3b82f63d;border-color:#3b82f673}.post-channel{color:var(--text);font-weight:600}.post-author{color:var(--primary);font-weight:500}.meta-dot{opacity:.4;color:#64748b;font-size:.6rem}.post-menu-container{position:relative}.post-dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:10;border-radius:8px;flex-direction:column;min-width:150px;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000080}.post-dropdown-menu button{text-align:left;cursor:pointer;color:var(--text);background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;display:flex}.post-dropdown-menu button:hover{background:var(--border-color)}.post-dropdown-menu button.danger{color:#ef4444}.post-body{flex-direction:column;gap:8px;display:flex}.post-title{color:var(--text);margin:0;font-size:1.25rem;font-weight:600}.post-text{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin:0;font-size:.95rem;line-height:1.5}.post-media{border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px;margin-top:8px;overflow:hidden}.post-media img{object-fit:contain;width:100%;max-height:500px;display:block}.post-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:6px;padding-top:10px;display:flex}.post-action-btn{cursor:pointer;color:#94a3b8;background:0 0;border:1px solid #0000;border-radius:20px;align-items:center;gap:7px;padding:6px 10px;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.post-action-btn:hover{transform:translateY(-1px)}.post-action-btn:active{transform:scale(.92)}.post-action-btn.like-btn:hover{color:#f43f5e;background:#f43f5e14}.post-action-btn.like-btn.active{color:#f43f5e;background:#f43f5e1f}.post-action-btn.like-btn.active svg{fill:#f43f5e;filter:drop-shadow(0 0 6px #f43f5e80);animation:.45s cubic-bezier(.175,.885,.32,1.275) heart-pop}@keyframes heart-pop{0%{transform:scale(1)}35%{transform:scale(1.48)}70%{transform:scale(.88)}to{transform:scale(1)}}.post-action-btn.comment-btn:hover,.post-action-btn.comment-btn.active{color:#38bdf8;background:#38bdf81a}@media (hover:hover){.post-action-btn.share-btn:hover{color:var(--accent-color,#3b82f6);background:#3b82f614}.post-action-btn.post-bookmark-btn:hover,.post-action-btn.save-btn:hover{color:#3b82f6!important;background:#3b82f614!important}}.post-action-btn.post-bookmark-btn,.post-action-btn.save-btn{background:0 0!important}.post-action-btn.post-bookmark-btn.active,.post-action-btn.save-btn.active{color:#3b82f6!important;background:#3b82f61f!important}.post-action-btn.post-bookmark-btn.active svg,.post-action-btn.save-btn.active svg{animation:.35s cubic-bezier(.175,.885,.32,1.275) save-pop;fill:#3b82f6!important}@keyframes save-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.post-single-media-wrapper{touch-action:pan-y;background:#050811;border-radius:12px;justify-content:center;align-items:center;width:100%;max-height:480px;margin-top:8px;display:flex;position:relative;overflow:hidden}.post-single-media-wrapper img,.post-single-media-wrapper video{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:480px;display:block}.post-comments-section{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.post-carousel-container{touch-action:pan-x pan-y;border-radius:12px;width:100%;max-height:480px;margin-top:8px;position:relative;overflow:hidden}.post-carousel{touch-action:pan-x pan-y;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;gap:0;display:flex;overflow-x:auto}.post-carousel::-webkit-scrollbar{display:none}.carousel-item{scroll-snap-align:center;scroll-snap-stop:always;touch-action:pan-x pan-y;background:#050811;border-radius:12px;flex:0 0 100%;justify-content:center;align-items:center;width:100%;min-width:100%;height:480px;max-height:480px;display:flex;overflow:hidden}.carousel-item img,.carousel-item video{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:480px;display:block}.carousel-counter-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f8fafc;letter-spacing:.5px;z-index:5;pointer-events:none;background:#000000a6;border-radius:12px;padding:3px 8px;font-size:.72rem;font-weight:700;position:absolute;top:10px;right:10px}.carousel-arrow{color:#fff;cursor:pointer;z-index:6;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{background:#000000d9;transform:translateY(-50%)scale(1.08)}.carousel-arrow.prev{left:8px}.carousel-arrow.next{right:8px}.carousel-dots-wrapper{justify-content:center;gap:5px;margin-top:8px;display:flex}.carousel-dot{cursor:pointer;background-color:#475569;border-radius:3px;width:6px;height:6px;transition:all .2s cubic-bezier(.4,0,.2,1)}.carousel-dot.active{background-color:var(--accent-color,#0057ff);width:18px}.comment-section{flex-direction:column;gap:16px;font-family:inherit;display:flex}.root-composer{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.root-composer textarea,.reply-composer textarea{border:none;border-bottom:1px solid var(--border-color);width:100%;color:var(--text-primary);resize:none;background:0 0;outline:none;padding:8px 0;font-family:inherit}.root-composer textarea:focus,.reply-composer textarea:focus{border-bottom:2px solid var(--primary)}.composer-actions,.reply-actions{justify-content:flex-end;gap:8px;display:flex}.composer-actions button,.reply-actions button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:16px;padding:6px 16px;font-weight:500}.composer-actions button.primary,.reply-actions button.primary{background:var(--primary);color:#fff}.composer-actions button:disabled,.reply-actions button:disabled{opacity:.5;cursor:not-allowed}.comments-list{flex-direction:column;gap:16px;display:flex}.comment-node{flex-direction:column;gap:4px;display:flex}.comment-header{align-items:center;gap:12px;display:flex}.comment-avatar{object-fit:cover;background:var(--surface-color-light);border-radius:50%;width:32px;height:32px}.comment-author-info{flex:1;align-items:baseline;gap:6px;display:flex}.comment-display-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.comment-username,.comment-time{color:var(--text-secondary);font-size:.8rem}.comment-action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px}.comment-action-btn:hover{background:var(--surface-color-light)}.comment-content{color:var(--text-primary);word-break:break-word;margin-left:44px;font-size:.95rem;line-height:1.4}.comment-actions{align-items:center;gap:16px;margin-top:4px;margin-left:44px;display:flex}.comment-actions button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:.8rem;font-weight:600;display:flex}.comment-actions button:hover{background:var(--surface-color-light)}.comment-actions button.liked{color:var(--primary)}.reply-composer{flex-direction:column;gap:8px;margin-top:8px;margin-left:44px;display:flex}.replies-container{flex-direction:column;gap:16px;margin-top:12px;margin-left:44px;display:flex}.load-more-btn{color:var(--primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:16px;padding:8px;font-weight:600}.load-more-btn:hover{background:var(--surface-color-light)}.skeleton-feed-container{flex-direction:column;gap:14px;width:100%;display:flex}.skeleton-card{border:1px solid var(--border-color,#ffffff14);background:#0f172ab3;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 4px 16px #0003}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff0a 0%,#ffffff17 50%,#ffffff0a 100%) 0 0/200% 100%;border-radius:6px;animation:1.5s cubic-bezier(.4,0,.6,1) infinite skeleton-shimmer-anim}@keyframes skeleton-shimmer-anim{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-header{align-items:center;gap:12px;display:flex}.skeleton-avatar{border-radius:50%;flex-shrink:0;width:42px;height:42px}.skeleton-header-info{flex-direction:column;flex:1;gap:6px;display:flex}.skeleton-name{width:110px;height:14px}.skeleton-handle{width:75px;height:11px}.skeleton-body{flex-direction:column;gap:8px;padding:4px 0;display:flex}.skeleton-line{width:100%;height:13px}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-media{border-radius:12px;width:100%;height:180px;margin-top:4px}.skeleton-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.skeleton-action{border-radius:10px;width:48px;height:16px}.social-page-container{-webkit-overflow-scrolling:touch;touch-action:pan-y;background-color:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);flex-direction:column;display:flex;overflow-y:auto}.social-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);z-index:10;padding:1rem 1.5rem;position:sticky;top:0}.channel-discovery-header{justify-content:space-between;align-items:center;display:flex}.social-header h1{margin:0;font-size:1.25rem;font-weight:600}.social-content{flex:1;padding:1.5rem}.center-content{justify-content:center;align-items:flex-start;display:flex}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.empty-state h3{color:var(--text-primary);margin:1rem 0 .5rem}.empty-state p{margin:0}.empty-icon{opacity:.5;margin-bottom:1rem}.btn-primary{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:500;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:var(--text-secondary);cursor:pointer;background-color:#0000;border:1px solid #475569;border-radius:8px;padding:.5rem 1rem;font-weight:500;transition:background-color .15s,color .15s}.btn-secondary:hover{background-color:var(--border-color);color:var(--text-primary)}.large-btn{padding:.75rem 1.5rem;font-size:1.1rem}.create-channel-btn{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;display:flex}.create-channel-btn:hover{background-color:#059669}.create-channel-form{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:500px;padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#cbd5e1;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group input,.form-group textarea{background-color:var(--bg-primary);width:100%;color:var(--text-primary);border:1px solid #475569;border-radius:8px;padding:.75rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 2px #3b82f633}.form-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.search-bar{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;align-items:center;margin-bottom:2rem;padding:.5rem 1rem;display:flex}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.5rem}.search-bar svg{color:var(--text-secondary)}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.channel-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:flex-start;gap:1rem;padding:1.25rem;transition:transform .2s,border-color .2s;display:flex}.channel-card:hover{border-color:#475569;transform:translateY(-2px)}.channel-card-icon{background:linear-gradient(135deg, var(--accent-color), #8b5cf6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:700;display:flex}.channel-card-info h3{margin:0 0 .25rem;font-size:1.1rem}.channel-card-info p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:.875rem;display:-webkit-box;overflow:hidden}.member-count{color:var(--text-secondary);background-color:var(--bg-primary);border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.channel-view-container{padding:0}.channel-banner{background:linear-gradient(90deg, var(--bg-card), var(--surface-color));background-position:50%;background-repeat:no-repeat;background-size:cover;height:160px;padding:1rem;position:relative}.back-btn{cursor:pointer;background:#0000004d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.back-btn:hover{background:#00000080}.channel-info-section{border-bottom:1px solid var(--border-color);background-color:var(--bg-card);flex-direction:column;padding:0 1.5rem 1.5rem;display:flex;position:relative}.channel-avatar-large{background:linear-gradient(135deg, var(--primary), var(--secondary));border:4px solid var(--bg-card);z-index:2;border-radius:20px;justify-content:center;align-items:center;width:90px;height:90px;margin-top:-45px;margin-bottom:1rem;font-size:2.5rem;font-weight:700;display:flex;position:relative;overflow:hidden}.channel-avatar-large img{object-fit:cover;width:100%;height:100%}.channel-header-actions{z-index:5;gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.channel-details h1{margin:0 0 .5rem}.channel-desc{color:var(--text-secondary);margin:0 0 1rem}.channel-stats{color:#cbd5e1;gap:1.5rem;font-size:.875rem;display:flex}.stat{align-items:center;gap:.3rem;display:flex}.online-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;display:inline-block}.join-channel-btn{position:absolute;top:1.5rem;right:1.5rem}.channel-tabs{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:0 1.5rem;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;margin-right:2rem;padding:1rem 0;font-size:.9rem;font-weight:500;display:flex}.tab-btn:hover{color:#cbd5e1}.tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.channel-tab-content{padding:1.5rem}.create-post{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.user-mini-avatar{background-color:#475569;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.create-post input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.live-card{background-color:var(--bg-secondary);text-align:center;border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:400px;padding:3rem}.live-icon-wrapper{background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.pulse{animation:2s infinite pulse;box-shadow:0 0 #ef4444b3}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.live-card h2{margin:0 0 .5rem}.live-card p{color:var(--text-secondary);margin:0 0 2rem}.members-tab{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.member-item{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;padding:1rem;display:flex}.member-item:last-child{border-bottom:none}.member-info{flex-direction:column;display:flex}.member-name{font-weight:500}.member-role{color:var(--text-secondary);font-size:.75rem}@media (min-width:768px){.join-channel-btn{top:50%;transform:translateY(-50%)}}.home-feed-container{-webkit-overflow-scrolling:touch;touch-action:pan-y;background-color:var(--bg-primary);width:100%;max-width:100vw;height:100%;color:var(--text-primary);flex-direction:column;display:flex;overflow-y:auto;overflow-x:hidden!important}.home-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);z-index:20;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.home-header h1{margin:0;font-size:1.25rem;font-weight:600}.search-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;align-items:center;width:100%;max-width:400px;margin:0 1rem;padding:.5rem 1rem;display:flex;position:relative}.search-container input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:0 .5rem}.search-container svg{color:var(--text-secondary)}.search-dropdown{background-color:var(--bg-secondary);border:1px solid var(--border-color);z-index:20;border-radius:8px;max-height:300px;margin-top:.5rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #00000080}.search-item{border-bottom:1px solid var(--border-color);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.search-item:last-child{border-bottom:none}.search-item:hover{background-color:var(--border-color)}.flex-center{align-items:center;gap:.5rem;display:flex}.home-layout{flex:1;width:100%;max-width:1200px;margin:0 auto;display:flex}.left-sidebar{border-right:1px solid var(--border-color);align-self:flex-start;width:250px;height:calc(100vh - 65px);padding:1.5rem;position:sticky;top:65px;overflow-y:auto}.nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.nav-item:hover{background-color:var(--border-color);color:var(--text-primary)}.nav-item.active{background-color:var(--accent-color);color:#fff}.center-feed{box-sizing:border-box;flex:1;width:100%;max-width:680px;margin:0 auto;padding:0 1rem 1.5rem;overflow-x:hidden!important}.feed-list{flex-direction:column;gap:1rem;display:flex}.right-sidebar{border-left:1px solid var(--border-color);align-self:flex-start;width:300px;height:calc(100vh - 65px);padding:1.5rem;position:sticky;top:65px;overflow-y:auto}.discovery-widget h3{margin:0 0 1rem;font-size:1.1rem}.discovery-list{flex-direction:column;gap:1rem;display:flex}.discovery-item{cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;padding:.5rem;display:flex}.discovery-item:hover{background-color:var(--bg-secondary)}.discovery-icon{background:linear-gradient(135deg, var(--accent-color), #8b5cf6);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.discovery-icon img{object-fit:cover;border-radius:8px;width:100%;height:100%}.load-more-btn{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;margin-top:1rem;padding:1rem;font-weight:500}.load-more-btn:hover:not(:disabled){background-color:var(--border-color)}.mobile-tabs{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.mobile-tab{color:var(--text-secondary);white-space:nowrap;background:0 0;border:none;padding:.5rem 1rem;font-weight:500}.mobile-tab.active{color:var(--accent-color);border-bottom:2px solid var(--accent-color)}@media (max-width:768px){.hide-mobile{display:none!important}.home-header{padding:.75rem 1rem}.center-feed{max-width:100%;padding:0 .5rem 1.5rem}}@media (min-width:769px){.hide-desktop{display:none!important}}.modal-overlay,.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-box{background:var(--bg-secondary,var(--bg-secondary));border:1px solid var(--border-color,#ffffff1a);border-radius:16px;width:90%;max-width:400px;padding:24px;box-shadow:0 10px 40px #00000080}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.home-layout{gap:20px;width:100%;max-width:1200px;margin:0 auto;display:flex}.left-sidebar{flex-shrink:0;width:240px}.center-feed{flex-grow:1;max-width:600px;padding-top:0!important}.right-sidebar{flex-shrink:0;width:280px}.home-header{background:var(--bg-secondary,var(--bg-secondary));border-bottom:1px solid var(--border-color);z-index:50;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.header-logo{border-radius:8px;width:32px;height:32px}.header-logo-text{color:var(--text-primary);font-size:1.25rem;font-weight:700}.header-right{align-items:center;gap:12px;display:flex}.search-trigger-btn{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;gap:8px;padding:8px 12px;display:flex}.search-trigger-btn:hover{background:#ffffff1a}.feed-nav{flex-direction:column;gap:4px;display:flex}.feed-nav-section{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:8px;padding-left:12px;font-size:.75rem}.nav-item{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:.95rem;font-weight:500;display:flex}.nav-item:hover{background:var(--bg-secondary)}.nav-item.active{background:var(--primary);color:#fff}.discovery-widget{background:var(--bg-secondary,var(--bg-secondary));border:1px solid var(--border-color);border-radius:12px;padding:16px}.discovery-widget h3{margin-bottom:12px;font-size:1rem}.discovery-item{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:8px 0;display:flex}.discovery-item:last-child{border-bottom:none}.discovery-icon{background:var(--bg-secondary);border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.discovery-info h4{margin:0;font-size:.95rem}.discovery-info p{color:var(--text-secondary);margin:2px 0 0;font-size:.8rem}.home-drawer{background:var(--bg-secondary,var(--bg-secondary));border-right:1px solid var(--border-color);flex-direction:column;width:260px;padding:20px;display:flex;position:absolute;top:0;bottom:0;left:0}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:1.1rem;font-weight:700;display:flex}.drawer-section{margin-bottom:24px}.drawer-section-title{text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-size:.75rem}.drawer-item{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:10px;display:flex}.drawer-item.active{background:var(--primary);color:#fff}@media (min-width:769px){.hide-desktop{display:none!important}}@media (max-width:768px){.hide-mobile{display:none!important}}.search-page-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-input-wrapper{flex-grow:1;position:relative}.search-input-icon{color:var(--text-secondary);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-page-input{background:var(--bg-secondary,var(--bg-secondary));border:1px solid var(--border-color);width:100%;color:var(--text);border-radius:24px;padding:12px 14px 12px 42px;font-size:1rem}.search-clear-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.search-tabs{border-bottom:1px solid var(--border-color);gap:8px;margin-bottom:20px;display:flex;overflow-x:auto}.search-empty-hint{text-align:center;color:var(--text-secondary);padding:40px 20px}.search-result-item{background:var(--bg-secondary,var(--bg-secondary));border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:16px;margin-bottom:12px;padding:16px;transition:border-color .2s;display:flex}.search-result-item:hover{border-color:var(--primary)}.search-result-avatar{flex-shrink:0;width:48px;height:48px}.search-result-avatar-placeholder{background:var(--bg-secondary);border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.search-result-info{flex-grow:1}.search-result-title{margin-bottom:4px;font-weight:700}.search-result-subtitle{color:var(--text-secondary);font-size:.85rem}.search-result-type{opacity:.6}.user-profile-header{background:var(--bg-secondary,var(--bg-secondary));border-radius:16px;align-items:flex-start;gap:20px;margin-bottom:20px;padding:24px;display:flex}.user-profile-avatar{background:var(--bg-secondary);border:3px solid var(--bg-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.avatar-initials{color:var(--text-secondary);font-size:2.5rem;font-weight:700}.user-profile-info{flex-grow:1}.user-profile-displayname{margin:0 0 4px;font-size:1.5rem}.user-profile-username{color:var(--primary);margin-bottom:12px;font-weight:500}.user-profile-bio{color:var(--text);font-size:.95rem;line-height:1.5}.user-profile-about{color:var(--text-secondary);background:var(--bg-secondary);border-radius:8px;margin-top:8px;padding:12px;font-size:.9rem;line-height:1.5}.profile-data-item{background:var(--bg-secondary,var(--bg-secondary));border:1px solid var(--border-color);cursor:pointer;border-radius:12px;padding:16px}.profile-data-item:hover{border-color:var(--primary)}.profile-item-context{border-bottom:1px solid var(--border-color);align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.category-tag{color:#38bdf8;background:#38bdf826;border-radius:12px;padding:2px 8px;font-size:.75rem}.channel-card{flex-direction:column;display:flex;overflow:hidden}.channel-card-body{align-items:center;gap:16px;padding:16px;display:flex}.channel-card-banner{background:var(--bg-secondary);width:100%;height:60px}.funny-loading-container{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:200px;display:flex}.funny-loading-logo{border-radius:16px;width:64px;height:64px;animation:1s cubic-bezier(.4,0,.2,1) infinite alternate ecoBop;box-shadow:0 10px 25px #0057ff66}@keyframes ecoBop{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-15px)scale(1.05)}to{transform:translateY(0)scale(.95)}}.funny-loading-text{color:var(--text-primary);letter-spacing:.05em;margin-top:24px;font-size:1.1rem;font-weight:600;animation:1.5s infinite ecoPulse}@keyframes ecoPulse{0%,to{opacity:1}50%{opacity:.5}}.ptr-container{pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;margin-bottom:4px;display:flex;overflow:hidden}.ptr-bubble{background:var(--bg-secondary,#131b2e);border:1px solid var(--border-color,#ffffff1f);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 16px #0006}.x-tabs-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color,#ffffff14);z-index:40;background:#0a0f1ac7;width:100%;margin-bottom:12px;display:flex;position:sticky;top:57px}.x-tab-btn{color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;padding:12px 6px;font-size:.92rem;font-weight:600;transition:color .15s;display:flex;position:relative}@media (hover:hover){.x-tab-btn:hover{color:var(--text-primary,#f8fafc);background:0 0}}.x-tab-btn.active{color:var(--text-primary,#f8fafc);font-weight:700}.x-tab-indicator{width:38px;height:3px;box-shadow:none;background:#3b82f6;border-radius:3px 3px 0 0;animation:.2s ease-out x-tab-pop;position:absolute;bottom:0}@keyframes x-tab-pop{0%{opacity:0;transform:scaleX(.5)}to{opacity:1;transform:scaleX(1)}}.mini-channels-section{box-sizing:border-box;width:100%;margin-bottom:16px;padding:0 4px}.mini-channels-header{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 4px;display:flex}.mini-channels-title{color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.mini-channels-see-all{color:var(--accent-color,#3b82f6);cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:600}.mini-channels-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;gap:10px;padding-bottom:6px;display:flex;overflow:auto hidden}.mini-channels-scroll::-webkit-scrollbar{display:none}.mini-channel-card{background:var(--bg-secondary,#131b2e);border:1px solid var(--border-color,#ffffff14);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:12px;flex-direction:column;flex:0 0 118px;align-items:center;width:118px;padding:10px 8px;transition:transform .15s,border-color .15s;display:flex}@media (hover:hover){.mini-channel-card:hover{border-color:#3b82f666;transform:translateY(-2px)}}.mini-channel-icon{color:#3b82f6;background:#3b82f626;border:1px solid #ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:6px;font-size:.88rem;font-weight:700;display:flex;overflow:hidden}.mini-channel-icon img{object-fit:cover;width:100%;height:100%}.mini-channel-info{width:100%;margin-bottom:8px}.mini-channel-name{color:var(--text-primary,#f8fafc);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:700;display:block;overflow:hidden}.mini-channel-members{color:var(--text-secondary,#94a3b8);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:.68rem;display:block;overflow:hidden}.mini-channel-join-btn{cursor:pointer;color:#fff;background:#3b82f6;border:1px solid #3b82f6;border-radius:20px;width:100%;padding:4px 0;font-size:.72rem;font-weight:700;line-height:1.2;transition:all .15s}.mini-channel-join-btn.joined{color:var(--text-secondary,#94a3b8);cursor:default;background:#ffffff0f;border-color:#ffffff1f}.x-ptr-container{pointer-events:none;z-index:90;justify-content:center;transition:transform .1s ease-out;display:flex;position:fixed;top:60px;left:0;right:0}.x-ptr-spinner{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform 50ms linear;display:flex;box-shadow:0 4px 18px #0006,0 0 14px #0057ff59}.x-ptr-spinner.spinning svg{animation:.75s linear infinite x-ptr-spin}@keyframes x-ptr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.x-freshness-banner{background:var(--accent-color,#0057ff);color:#fff;z-index:80;cursor:pointer;letter-spacing:-.2px;border-radius:20px;align-items:center;gap:6px;padding:7px 18px;font-size:.85rem;font-weight:700;animation:.3s cubic-bezier(.16,1,.3,1) x-pill-in;display:flex;position:fixed;top:110px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0057ff73}@keyframes x-pill-in{0%{opacity:0;transform:translate(-50%,-15px)scale(.9)}to{opacity:1;transform:translate(-50%)scale(1)}}.x-top-progress{z-index:99;background:linear-gradient(90deg,#0057ff,#38bdf8,#818cf8,#0057ff) 0 0/200% 100%;height:2.5px;animation:1.2s linear infinite x-progress-slide;position:fixed;top:56px;left:0;right:0}@keyframes x-progress-slide{0%{background-position:100% 0}to{background-position:-100% 0}}.feed-bottom-spinner{color:#94a3b8;justify-content:center;align-items:center;gap:10px;padding:24px 0;font-size:.9rem;display:flex}.feed-bottom-spinner .spin{animation:.8s linear infinite spin}.feed-end-marker{text-align:center;color:#64748b;padding:32px 16px 48px;font-size:.875rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-feed-container{--home-surface:#11161e;--home-border:#26303c;--home-muted:#a8b4c4;--home-blue:#80aaff;--home-header-height:64px;background:var(--bg-primary);color:var(--text-primary)}.home-feed-container .home-header{height:var(--home-header-height);min-height:var(--home-header-height);border-bottom:1px solid var(--home-border);z-index:50;background:#0e141d;flex:none;gap:8px;padding:8px 12px}.home-feed-container .header-right{flex-shrink:0;gap:4px}.home-feed-container .home-header :-webkit-any(.hamburger-btn,.icon-btn,.search-trigger-btn){min-width:44px;min-height:44px;color:var(--home-muted);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;padding:10px;display:inline-flex}.home-feed-container .home-header :is(.hamburger-btn,.icon-btn,.search-trigger-btn){min-width:44px;min-height:44px;color:var(--home-muted);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;padding:10px;display:inline-flex}.home-feed-container .home-header .hamburger-btn{color:#dbe4f2}.home-feed-container .home-header .create-post-btn{min-width:44px;min-height:44px;box-shadow:none!important;background:#0057ff!important;border-radius:14px!important;padding:10px 14px!important}.home-feed-container .home-layout{flex:1 0 auto;align-items:flex-start;gap:20px;max-width:1200px}.home-feed-container .center-feed{min-width:0;max-width:600px;padding:0 16px 24px;overflow:visible!important}.home-feed-container .x-tabs-header{top:var(--home-header-height);-webkit-backdrop-filter:none;border-color:var(--home-border);background:#0e141d;width:calc(100% + 32px);height:52px;margin:0 -16px 20px}.home-feed-container .x-tab-btn{min-width:0;min-height:48px;color:var(--home-muted);padding:12px 4px;font-size:13px;font-weight:600}.home-feed-container .x-tab-btn.active{color:#fff;font-weight:750}.home-feed-container .x-tab-indicator{background:#0057ff;width:32px;height:3px;animation:none}.home-feed-container .mini-channels-section{margin-bottom:20px;padding:0}.home-feed-container .mini-channels-header{margin-bottom:12px;padding:0 2px}.home-feed-container .mini-channels-title{color:#d0d9e6;text-transform:none;letter-spacing:0;font-size:13px;font-weight:650}.home-feed-container .mini-channels-see-all{color:var(--home-blue);min-height:44px;padding:8px 4px;font-size:13px}.home-feed-container .mini-channels-scroll{gap:10px;padding-bottom:2px}.home-feed-container .mini-channel-card{border-color:var(--home-border);background:var(--home-surface);border-radius:16px;flex-basis:138px;width:138px;padding:12px 10px 10px;transition:border-color .12s}.home-feed-container .mini-channel-icon{color:#b9d1ff;background:#1b2b46;border:0;width:36px;height:36px;margin-bottom:8px}.home-feed-container .mini-channel-name{color:#eef3fa;font-size:12px}.home-feed-container .mini-channel-members{color:var(--home-muted);margin-top:3px;font-size:11px}.home-feed-container .mini-channel-join-btn{color:#c3d7ff;background:#1a2b47;border-color:#34517d;border-radius:10px;min-height:44px;font-size:12px;transition:background-color .12s,border-color .12s}.home-feed-container .mini-channel-join-btn.joined{color:var(--home-muted);border-color:var(--home-border);background:#182029}.home-feed-container .skeleton-shimmer{background:#202b38;animation:none}.home-feed-container .load-more-btn{border-color:var(--home-border);background:var(--home-surface);color:#dce8ff;border-radius:12px;min-height:48px;margin-top:4px}.home-feed-container .x-freshness-banner{color:#dce8ff;background:#152c50;border:1px solid #34517d;max-width:calc(100% - 32px);padding:10px 14px;font-size:12px;animation:none;top:124px;box-shadow:0 4px 12px #0003}.home-feed-container .x-top-progress{top:calc(var(--home-header-height) - 2px);background:#6c9cff;height:2px;animation:none}.home-feed-container .drawer-overlay{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0009}.home-feed-container .home-drawer{border-color:var(--home-border);width:min(300px,88vw);padding:24px 16px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));background:#11161e;overflow-y:auto}.home-feed-container :-webkit-any(.drawer-item,.nav-item){color:#dce4f0;min-height:48px}.home-feed-container :is(.drawer-item,.nav-item){color:#dce4f0;min-height:48px}.home-feed-container :-webkit-any(.drawer-item,.nav-item).active{color:#c3d7ff;background:#1b2f50}.home-feed-container :is(.drawer-item,.nav-item).active{color:#c3d7ff;background:#1b2f50}.home-feed-container .drawer-header .icon-btn{min-width:44px;min-height:44px}.home-feed-container .home-create-actions{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}.home-feed-container .home-create-toggle{background:#0057ff!important;box-shadow:0 4px 12px #0004!important}.home-feed-container .home-create-options[aria-hidden=true]{visibility:hidden}.home-feed-container .home-create-options{transition:opacity .15s,transform .15s!important}.home-feed-container .empty-state{padding:40px 20px}.home-feed-container .empty-state p{color:var(--home-muted);line-height:1.6}.home-feed-container :-webkit-any(.home-header,.x-tabs-header,.mini-channels-section,.feed-nav,.home-drawer,.home-create-actions,.discovery-widget) :-webkit-any(button,a):focus-visible{outline-offset:3px;outline:2px solid #80aaff}.home-feed-container :is(.home-header,.x-tabs-header,.mini-channels-section,.feed-nav,.home-drawer,.home-create-actions,.discovery-widget) :is(button,a):focus-visible{outline-offset:3px;outline:2px solid #80aaff}.home-feed-container .load-more-btn:focus-visible{outline-offset:3px;outline:2px solid #80aaff}@media (hover:hover){.home-feed-container .mini-channel-card:hover{border-color:#4c6490;transform:none}.home-feed-container .x-tab-btn:hover{color:#fff;background:#172130}}@media (min-width:769px){.home-feed-container .home-layout{gap:12px}.home-feed-container .left-sidebar{border-color:var(--home-border);width:160px;padding:20px 8px;top:64px}.home-feed-container .right-sidebar{border-color:var(--home-border);width:240px;padding:20px 8px;top:64px}.home-feed-container .discovery-widget{background:var(--home-surface);border-color:var(--home-border)}.home-feed-container .discovery-info h4{overflow-wrap:anywhere;color:#edf3fc}.home-feed-container .discovery-info p{color:var(--home-muted)}.home-feed-container .nav-item{padding:10px 8px;font-size:13px}}@media (min-width:769px) and (max-width:1199px){.home-feed-container .home-layout{flex-wrap:wrap}.home-feed-container .center-feed{flex:1;width:auto;max-width:none}.home-feed-container .right-sidebar{border-left:0;width:calc(100% - 160px);height:auto;margin-left:160px;position:static}}@media (max-width:768px){.home-feed-container .center-feed{padding-inline-start:8px;padding-inline-end:8px}.home-feed-container .x-tabs-header{width:calc(100% + 16px);margin-inline-start:-8px;margin-inline-end:-8px}}@media (max-width:360px){.home-feed-container .home-header{padding-inline-start:8px;padding-inline-end:8px}.home-feed-container .header-right{gap:0}.home-feed-container .center-feed{padding-inline-start:8px;padding-inline-end:8px}.home-feed-container .x-tabs-header{width:calc(100% + 16px);margin-inline-start:-8px;margin-inline-end:-8px}}@media (prefers-reduced-motion:reduce){.home-feed-container :-webkit-any(.x-tab-btn,.mini-channel-card,.mini-channel-join-btn,.home-create-toggle,.home-create-options){transition:none!important}.home-feed-container :is(.x-tab-btn,.mini-channel-card,.mini-channel-join-btn,.home-create-toggle,.home-create-options){transition:none!important}.home-feed-container .ptr-bubble svg{animation:none}}.home-feed-container .feed-list>.post-card{overflow:visible}.home-feed-container .home-dialog-loading{z-index:1000;background:#0b1017e8;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.rating-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.rating-modal{background-color:var(--surface);text-align:center;border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:360px;padding:30px 24px;display:flex;box-shadow:0 10px 40px #00000080}.rating-header h3{color:var(--text-primary);margin:0 0 8px;font-size:1.5rem}.rating-header p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.4}.rating-star-icon{margin-bottom:16px;font-size:48px}.rating-actions{flex-direction:column;gap:12px;margin-top:8px;display:flex}.btn-rate{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:24px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:1rem;font-weight:600;transition:opacity .2s;display:flex}.btn-rate:hover{opacity:.9}.btn-remind{background-color:var(--surface-hover);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:24px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:background-color .2s}.btn-remind:hover{background-color:var(--border)}.btn-nothanks{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px;font-size:.9rem;text-decoration:underline}.btn-nothanks:hover{color:var(--text-primary)}.rating-feedback-state{flex-direction:column;align-items:center;gap:16px;padding:16px 0;display:flex}.rating-feedback-state .heart-icon{color:var(--primary);font-size:48px}.app-layout{height:100%;background-color:#0f172a;flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}.app-main{flex:1;position:relative;overflow:hidden}.app-nav{z-index:100;background-color:#1e293b;border-top:1px solid #334155;justify-content:space-around;align-items:center;padding:.5rem;display:flex}.nav-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:80px;padding:.5rem 1rem;transition:color .1s,background-color .1s;display:flex}.app-layout{--app-nav-height:80px}.route-loading{z-index:20;position:absolute;top:0;bottom:0;left:0;right:0}.route-loading .ecochat-loader{z-index:1;position:absolute}.app-layout :-webkit-any(button,a,[role=button]){touch-action:manipulation}.app-layout :is(button,a,[role=button]){touch-action:manipulation}@media (max-width:767px){.app-layout .app-main{min-height:0}.app-layout .app-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));transition:transform .18s ease-out;position:absolute;bottom:0;left:0;right:0}body.theme-modern .app-layout .app-nav{background:var(--bg-primary,#0b1018);padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:none}.app-layout.chrome-hidden .app-nav{pointer-events:none;transform:translateY(100%)}.app-layout [data-scroll-header]{transition:transform .16s ease-out}.app-layout :-webkit-any(.profile-page-header,.creation-heading){z-index:30;background:var(--bg-primary,#0b1018);flex-shrink:0;position:sticky;top:0}.app-layout :is(.profile-page-header,.creation-heading){z-index:30;background:var(--bg-primary,#0b1018);flex-shrink:0;position:sticky;top:0}.app-layout.chrome-hidden [data-scroll-header]{transform:translateY(calc(-1 * var(--chrome-hide-distance,100%)));pointer-events:none}.app-layout .home-create-actions{transition:transform .18s ease-out;bottom:calc(var(--app-nav-height) + 12px)!important}.app-layout.chrome-hidden .home-create-actions{transform:translateY(calc(var(--app-nav-height) - 8px))}.app-layout .app-main :-webkit-any(.home-feed-container,.social-page-container,.profile-main-container,.settings-container):after{content:"";flex:0 0 var(--app-nav-height);min-height:var(--app-nav-height);display:block}.app-layout .app-main :is(.home-feed-container,.social-page-container,.profile-main-container,.settings-container):after{content:"";flex:0 0 var(--app-nav-height);min-height:var(--app-nav-height);display:block}.app-layout .app-main :-webkit-any(.search-results,.friends-content):after{content:"";height:var(--app-nav-height);display:block}.app-layout .app-main :is(.search-results,.friends-content):after{content:"";height:var(--app-nav-height);display:block}}@media (prefers-reduced-motion:reduce){.app-layout :-webkit-any(.app-nav,[data-scroll-header],.home-create-actions){transition:none}.app-layout :is(.app-nav,[data-scroll-header],.home-create-actions){transition:none}}.nav-btn:hover{color:#f1f5f9;background-color:#ffffff0d}.nav-btn.active{color:#3b82f6}.nav-icon{margin-bottom:.25rem;font-size:1.5rem}.nav-label{font-size:.75rem;font-weight:500}@media (min-width:768px){.app-layout{flex-direction:row}.app-nav{border-top:none;border-right:1px solid #334155;flex-direction:column;order:-1;justify-content:flex-start;gap:1rem;width:80px;padding:1rem .5rem}.nav-btn{padding:1rem .5rem}}.nav-notification-dot{border:2px solid var(--background,#0f172a);background-color:#10b981;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.nav-ad-wrapper{display:none}@media (min-width:768px){.nav-ad-wrapper{width:100%;margin-top:auto;display:flex;overflow:hidden}.nav-sidebar-ad{min-height:unset!important;margin:0!important}}@media (max-width:767px){body.theme-modern .app-layout .app-main{padding-bottom:0}.app-layout .app-nav,body.theme-modern .app-layout .app-nav{box-sizing:border-box;padding:3px 4px calc(3px + env(safe-area-inset-bottom,0px));box-shadow:none;background:#000;border-top:1px solid #222}.app-layout .app-nav .nav-btn{background:0 0;flex:1;gap:2px;min-width:0;min-height:48px;padding:4px 2px!important}.app-layout .app-nav .nav-icon{margin:0;line-height:1}.app-layout .app-nav .nav-icon svg{width:22px;height:22px}.app-layout .app-nav .nav-label{font-size:10px;font-weight:500;line-height:13px}}body.theme-modern .app-layout :-webkit-any(.home-header,.x-tabs-header,.social-header,.channel-scroll-header,.friends-header,.search-page-header,.search-tabs,.profile-page-header,.settings-header,.creation-heading,.edit-profile-header,.studio-header){-webkit-backdrop-filter:none;background:#000}body.theme-modern .app-layout :is(.home-header,.x-tabs-header,.social-header,.channel-scroll-header,.friends-header,.search-page-header,.search-tabs,.profile-page-header,.settings-header,.creation-heading,.edit-profile-header,.studio-header){-webkit-backdrop-filter:none;background:#000}.app-layout.web-shell{--web-header:64px;--web-sidebar:232px;grid-template-columns:var(--web-sidebar) minmax(0,1fr);grid-template-rows:var(--web-header) minmax(0,1fr);background:var(--bg-primary);width:100%;min-width:0;height:100dvh;overflow:hidden;display:grid!important}.web-shell,.web-shell *{box-sizing:border-box}.web-shell .web-topbar{grid-area:1/1/auto/-1;grid-template-columns:var(--web-sidebar) minmax(180px,660px) minmax(160px,1fr);border-bottom:1px solid var(--border-color,#242a34);background:var(--bg-primary);z-index:100;align-items:center;gap:24px;padding:0 24px 0 20px;display:grid}.web-brand>a{color:var(--text-primary);letter-spacing:-1px;align-items:center;gap:10px;font-size:25px;font-weight:800;text-decoration:none;display:inline-flex}.web-brand{align-items:center;gap:8px;display:flex}.web-brand img{object-fit:contain}.web-search{background:var(--bg-secondary,#19202b);border:1px solid #0000;border-radius:28px;align-items:center;gap:10px;width:100%;min-width:0;height:42px;padding:0 12px;display:flex}.web-search:focus-within{border-color:#6c98ff;box-shadow:0 0 0 3px #0057ff18}.web-search input{min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:14px}.web-topbar button,.web-mobile-nav-title button{color:var(--text-primary);cursor:pointer;background:0 0;border:0;border-radius:22px;justify-content:center;align-items:center;gap:7px;min-width:36px;min-height:38px;display:inline-flex}.web-top-actions{justify-content:flex-end;align-items:center;gap:15px;display:flex}.web-top-actions>a{color:var(--text-primary);display:flex}.web-topbar .web-create{color:#fff;white-space:nowrap;background:#0057ff;padding:0 16px;font-weight:650}.web-shell .web-sidebar{border-right:1px solid var(--border-color,#242a34);scrollbar-width:thin;grid-area:2/1;min-height:0;padding:10px 12px 24px;overflow-y:auto}.web-nav-group{border-bottom:1px solid var(--border-color,#242a34);padding:10px 0}.web-nav-group h2{text-transform:uppercase;letter-spacing:1.1px;color:var(--text-secondary);padding:0 12px 7px;font-size:11px;font-weight:600}.web-nav-link{min-height:40px;color:var(--text-secondary);border-radius:10px;align-items:center;gap:11px;margin:2px 0;padding:8px 12px;font-size:13px;font-weight:500;line-height:1.4;text-decoration:none;display:flex}.web-nav-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.web-nav-link.is-active{color:#8ab0ff;background:#0057ff20}.web-nav-link svg{flex-shrink:0}.web-nav-footer{color:var(--text-secondary);flex-wrap:wrap;gap:10px;padding:18px 12px;font-size:11px;display:flex}.web-nav-footer a{color:inherit}.web-nav-footer>span{width:100%}.web-shell>.app-main{isolation:isolate;grid-area:2/2;min-width:0;min-height:0;position:relative;overflow:auto;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.web-shell>.app-main>*{min-width:0;max-width:100%}.web-shell .home-feed-container{--home-header-height:56px;width:100%;height:100%;overflow:clip auto;max-width:none!important}.web-shell .home-feed-container .home-header{background:var(--bg-primary);justify-content:flex-end;height:56px;min-height:56px;padding:8px 22px}.web-shell .home-header>div:first-child,.web-shell .home-header .search-trigger-btn,.web-shell .home-header .create-post-btn{display:none!important}.web-shell .home-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;width:100%;margin:0 auto;padding:0 24px;gap:24px!important;max-width:1500px!important;display:grid!important}.web-shell .home-layout>.left-sidebar{display:none!important}.web-shell .home-layout .center-feed{min-width:0;margin:0 auto;padding:0 0 40px;width:100%!important;max-width:980px!important}.web-shell .home-layout .right-sidebar{border:0;height:auto;max-height:calc(100dvh - 100px);position:sticky;top:16px;overflow-y:auto;width:280px!important;margin:0!important;padding:0 0 20px!important}.web-shell .x-tabs-header{background:var(--bg-primary);z-index:20;position:sticky;width:100%!important;margin:0 0 16px!important;top:0!important}.web-shell .mini-channels-section{max-width:100%;overflow:hidden}.web-shell .mini-channels-scroll{min-width:0}.web-shell .feed-list{gap:12px}.web-shell .post-card{min-width:0;border:1px solid var(--border-color)!important;border-radius:14px!important;padding:20px!important}.web-shell .home-create-actions{display:none!important}.web-shell :-webkit-any(.friends-page-container,.vids-viewer-container,.vids-player-wrapper,.vids-loading-screen,.vids-empty-screen,.social-page-container,.profile-main-container,.settings-container){min-width:0;max-width:100%;width:100%!important}.web-shell :is(.friends-page-container,.vids-viewer-container,.vids-player-wrapper,.vids-loading-screen,.vids-empty-screen,.social-page-container,.profile-main-container,.settings-container){min-width:0;max-width:100%;width:100%!important}.web-shell :-webkit-any(.friends-page-container,.friend-chat-screen,.friend-call-room,.vids-viewer-container){height:100%!important;min-height:0!important}.web-shell :is(.friends-page-container,.friend-chat-screen,.friend-call-room,.vids-viewer-container){height:100%!important;min-height:0!important}.web-shell .friend-chat-screen{z-index:20;width:100%!important;position:absolute!important;top:0!important;bottom:0!important;left:0!important;right:0!important}.web-shell .vids-global-back{position:absolute;top:16px;left:16px}.web-shell .vids-player-wrapper{margin:0 auto}.web-shell .vids-video-element{max-width:100%}.web-shell :-webkit-any(.social-page-container,.profile-main-container,.settings-container,.cittly-live){margin-left:0!important;margin-right:0!important}.web-shell :is(.social-page-container,.profile-main-container,.settings-container,.cittly-live){margin-left:0!important;margin-right:0!important}.web-shell .app-main>section{min-height:100%;overflow:auto}.web-shell :-webkit-any(.post-detail-page,.profile-main-container){overflow-y:auto}.web-shell :is(.post-detail-page,.profile-main-container){overflow-y:auto}.web-shell :-webkit-any(.creation-page,.studio-page,.legal-page){height:100%;overflow:auto}.web-shell :is(.creation-page,.studio-page,.legal-page){height:100%;overflow:auto}.web-shell :-webkit-any(.modal-overlay,.auth-overlay){max-width:none}.web-shell :is(.modal-overlay,.auth-overlay){max-width:none}.web-menu,.web-mobile-nav-title{display:none!important}.web-skip{z-index:5000;color:#fff;background:#0057ff;padding:10px 16px;position:fixed;top:-100px;left:12px}.web-skip:focus{top:8px}@media (min-width:1600px){.app-layout.web-shell{--web-sidebar:248px}.web-shell .home-layout{grid-template-columns:minmax(0,1fr) 300px;padding-inline-start:40px;padding-inline-end:40px;gap:32px!important}.web-shell .home-layout .right-sidebar{width:300px!important}}@media (max-width:1120px){.app-layout.web-shell{--web-sidebar:204px}.web-shell .web-topbar{gap:16px;padding-right:16px}.web-shell .home-layout{grid-template-columns:minmax(0,1fr);padding-inline-start:20px;padding-inline-end:20px}.web-shell .home-layout .right-sidebar{display:none!important}.web-topbar .web-create span{display:none}.web-topbar .web-create{padding:0 10px}}@media (max-width:767px){.app-layout.web-shell{--web-header:58px;grid-template-columns:minmax(0,1fr)}.web-shell>.app-main{grid-column:1;padding-bottom:0!important}.web-shell .web-topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:0 10px}.web-brand strong{display:none}.web-brand img{width:30px;height:30px}.web-menu{display:inline-flex!important}.web-top-actions{gap:8px}.web-top-actions>a{display:none}.web-search{gap:6px;height:38px;padding:0 8px}.web-search>img{display:none}.web-search input{font-size:12px}.web-shell .web-sidebar{background:var(--bg-primary);z-index:200;width:260px;transition:transform .15s;position:fixed;top:58px;bottom:0;left:0;transform:translate(-100%)}.web-shell .web-sidebar.is-open{transform:none}.web-mobile-nav-title{justify-content:space-between;align-items:center;padding:8px 10px;display:flex!important}.web-menu-backdrop{z-index:190;background:#0009;border:0;position:fixed;top:58px;bottom:0;left:0;right:0}.web-shell .home-layout{padding:0 10px}.web-shell .post-card{padding:14px!important}.web-shell .home-header{padding-right:10px!important}.web-shell .app-main :-webkit-any(.home-feed-container,.social-page-container,.profile-main-container,.settings-container,.friends-content):after{display:none!important}.web-shell .app-main :is(.home-feed-container,.social-page-container,.profile-main-container,.settings-container,.friends-content):after{display:none!important}.web-shell [data-scroll-header]{pointer-events:auto!important;transform:none!important}.web-shell .center-feed{padding-bottom:20px!important}}@media (prefers-reduced-motion:reduce){.web-shell .web-sidebar{transition:none}}.web-shell{--bg-primary:#0c1118;--bg-secondary:#17212c;--border-color:#293340;--text-primary:#edf2f7;--text-secondary:#9daec1}.web-shell .home-header:before{content:"Home";color:var(--text-primary);margin-right:auto;font-size:18px;font-weight:700}.web-shell :-webkit-any(.social-page-container,.profile-main-container,.settings-container,.vids-empty-state){height:100%!important;min-height:0!important}.web-shell :is(.social-page-container,.profile-main-container,.settings-container,.vids-empty-state){height:100%!important;min-height:0!important}.web-shell .studio-container{min-width:0;max-width:100%}.web-shell>.app-main{contain:layout}.web-shell .vids-studio-container{width:100%;height:100%;min-height:0;z-index:1!important;position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important}@media (max-width:767px){.web-shell .web-sidebar:not(.is-open){visibility:hidden}.web-shell .web-sidebar.is-open{visibility:visible}}.ad-gate-overlay{z-index:99999;background-color:#000000fa;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.ad-gate-container-large{background:var(--bg-primary);width:95vw;max-width:1000px;height:90vh;max-height:800px;color:var(--text-primary);border:1px solid var(--bg-secondary);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 50px #000c}.ad-gate-confirm{text-align:center;max-width:400px;margin:auto;padding:3rem}.ad-gate-content-large{flex-direction:column;height:100%;padding:1.5rem;display:flex}.ad-gate-header{text-align:center;margin-bottom:1rem}.ad-gate-header h2,.ad-gate-confirm h2{margin-top:0;margin-bottom:.5rem;font-size:1.5rem}.ad-gate-subtitle{color:var(--text-secondary);margin:0;font-size:.9rem}.ad-gate-timer-wrapper{background:var(--bg-secondary);border-radius:3px;align-items:center;height:6px;margin-bottom:1.5rem;display:flex;position:relative;overflow:visible}.ad-gate-progress{z-index:1;background:#ef4444;border-radius:3px;height:100%;transition:width 1s linear;position:absolute;top:0;left:0}.ad-gate-countdown{color:#cbd5e1;font-size:.8rem;font-weight:500;position:absolute;bottom:-25px;right:0}.prep-progress{background:var(--accent-color)}.ad-gate-player-area{background:#000;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.ad-gate-banners-grid{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.ad-gate-banner-row{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}.ad-gate-footer{justify-content:flex-end;margin-top:1.5rem;display:flex}.btn-skip-now{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:.75rem 2rem;font-weight:500;transition:all .2s}.btn-skip-now:hover{background:#fff3}.ad-gate-confirm p{color:#cbd5e1;margin-bottom:2rem}.ad-gate-actions{flex-direction:column;gap:1rem;display:flex}.btn-continue{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem;font-weight:600}.btn-skip-close{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:8px;padding:.75rem;font-weight:600}.btn-continue:hover{background:var(--accent-hover)}.btn-skip-close:hover{background:#ef44441a}.friend-call-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0f172ad9;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.friend-call-modal{text-align:center;background-color:#1e293b;border:1px solid #334155;border-radius:16px;width:90%;max-width:450px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080}.friend-call-modal h3{color:#f8fafc;margin:0 0 .5rem;font-size:1.5rem}.caller-name{color:#94a3b8;margin-bottom:1.5rem;font-size:1.1rem}.call-warning{color:#eab308;text-align:left;background-color:#eab3081a;border:1px solid #eab30833;border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.95rem;line-height:1.5}.call-actions{justify-content:center;gap:1rem;display:flex}.btn-accept-call{color:#fff;cursor:pointer;background-color:#22c55e;border:none;border-radius:8px;flex:1;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-accept-call:hover{background-color:#16a34a}.btn-decline-call{color:#ef4444;cursor:pointer;background-color:#0000;border:1px solid #ef4444;border-radius:8px;flex:1;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.btn-decline-call:hover{background-color:#ef44441a}.btn-dismiss-overlay{color:#cbd5e1;cursor:pointer;background:0 0;border:none;font-size:1.2rem;position:absolute;top:10px;right:10px}.btn-dismiss-overlay:hover{color:#f8fafc}.friend-request-overlay{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.friend-request-card{pointer-events:auto;background-color:#1e293b;border:1px solid #334155;border-radius:12px;width:320px;padding:1.25rem;animation:.3s ease-out forwards slideInRight;position:relative;box-shadow:0 10px 25px #00000080}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.btn-close-notification{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.25rem;line-height:1;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.btn-close-notification:hover{color:#f1f5f9;background-color:#334155}.friend-request-card h4{color:#f8fafc;margin:0 0 .5rem;font-size:1.1rem}.request-subtitle{color:#cbd5e1;margin:0 0 1rem;font-size:.9rem}.safety-warning{color:#fef08a;background-color:#eab3081a;border-left:3px solid #eab308;border-radius:4px;margin-bottom:1.25rem;padding:.75rem;font-size:.8rem;line-height:1.4}.request-actions{justify-content:flex-end;gap:.75rem;display:flex}.request-actions button{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s}.request-actions .btn-decline{color:#94a3b8;background-color:#0000;border:1px solid #475569}.request-actions .btn-decline:hover{color:#f1f5f9;background-color:#334155}.request-actions .btn-accept{color:#fff;background-color:#3b82f6}.request-actions .btn-accept:hover{background-color:#2563eb}:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-hover:#2563eb;--error-color:#ef4444;--success-color:#10b981;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-primary);color:var(--text-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}html,body{flex-direction:column;width:100%;max-width:100vw;min-height:100vh;margin:0;display:flex;overflow-x:hidden!important}#root{flex-direction:column;flex:1;width:100%;max-width:100vw;display:flex;overflow-x:hidden!important}h1,h2,h3,h4,h5,h6,p{margin:0}*{box-sizing:border-box}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}button,a,input,select,textarea,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}video{background-color:#050811!important}video::-webkit-media-controls-start-playback-button{-webkit-appearance:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}video::-webkit-media-controls-play-button{-webkit-appearance:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}