@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#ff3f5a;--primary-dark:#ef4444;--primary-rgb:255, 63, 90;--secondary:#ff3f5a;--secondary-rgb:255, 63, 90;--orange:#fa4c26;--blue:#2d4df1;--bg-app:#f2f2f2;--bg-card:#fff;--bg-sidebar:#f8f8f8;--border:#d9dfe6;--text-main:#494949;--text-muted:#7c7c7c;--text-active:#1d1d1d;--glass-bg:#ffffffd9;--glass-border:#d9dfe680;--glass-blur:blur(20px);--shadow:0 8px 24px -6px #3836360d, 0 1px 2px #38363605;--shadow-hover:0 16px 36px -10px #3836361f, 0 2px 6px #3836360a;--font-main:"Poppins", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-title:"Poppins", sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.4s cubic-bezier(.4, 0, .2, 1);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;box-sizing:border-box}*,:before,:after{box-sizing:inherit}body{font-family:var(--font-main);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-fast), color var(--transition-fast);margin:0;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--text-active);margin-top:0;font-weight:600}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-dark)}.btn{font-family:var(--font-main);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:550;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:0 4px 14px #00c26f4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00c26f66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--glass-bg);border:1px solid var(--border);color:var(--text-main)}.btn-secondary:hover{background:var(--border);color:var(--text-active)}.btn-accent{background:linear-gradient(135deg, var(--secondary), #e52e4a);color:#fff;box-shadow:0 4px 14px #ff3f5a4d}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff3f5a66}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-hover)}.app-container{grid-template-columns:280px 1fr 340px;height:100vh;display:grid;position:relative;overflow:hidden}@media (width<=1200px){.app-container{grid-template-columns:260px 1fr}.right-sidebar{display:none!important}}@media (width<=992px){.app-container{grid-template-columns:220px 1fr}}@media (width<=768px){body{overflow:auto}#root{height:auto;overflow:visible}.app-container{grid-template-columns:1fr;height:auto;padding-bottom:75px;overflow:visible}}.main-content{box-sizing:border-box;width:100%;max-width:900px;margin:0 auto;padding:30px}@media (width<=768px){.main-content{padding:16px}}.sidebar-search-container{width:100%}.sidebar-search-form{width:100%;position:relative}.sidebar-search-icon{color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.sidebar-search-input{border-radius:var(--radius-md);border:1.5px solid var(--border);background-color:var(--bg-card);width:100%;color:var(--text-active);font-family:var(--font-main);transition:all var(--transition-fast);box-shadow:var(--shadow);outline:none;padding:12px 42px 12px 44px;font-size:13.5px}.sidebar-search-input:hover{border-color:var(--text-muted)}.sidebar-search-input:focus{border-color:var(--primary);box-shadow:var(--shadow-hover), 0 0 0 4px #ff3f5a14}.sidebar-search-form:focus-within .sidebar-search-icon{color:var(--primary)}.sidebar-search-ai-icon{color:var(--primary);opacity:.85;pointer-events:none;animation:2.2s ease-in-out infinite pulse-sparkle;position:absolute;top:50%;right:16px;transform:translateY(-50%)}@keyframes pulse-sparkle{0%,to{opacity:.6;transform:translateY(-50%)scale(.92)}50%{opacity:1;transform:translateY(-50%)scale(1.1)}}.right-sidebar{background-color:var(--bg-sidebar);border-left:1px solid var(--border);z-index:100;flex-direction:column;gap:24px;height:100vh;padding:32px 24px;display:flex;position:sticky;top:0;overflow-y:auto}.right-sidebar::-webkit-scrollbar{width:4px}.right-header-card{gap:12px;display:flex}.get-app-btn{flex:1.2;padding:10px 16px;font-size:13px;font-weight:650;box-shadow:0 4px 10px #00c26f33}.right-signin-btn{flex:1;padding:10px 16px;font-size:13px;font-weight:650}.adx-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:20px;display:flex}.adx-card:hover{box-shadow:var(--shadow-hover);border-color:#00c26f4d;transform:translateY(-2px)}.adx-header{justify-content:space-between;align-items:center;display:flex}.adx-badge{text-transform:uppercase;color:var(--primary);letter-spacing:.8px;background-color:#00c26f14;border-radius:4px;padding:3px 8px;font-size:9px;font-weight:850}.adx-sponsor-name{color:var(--text-muted);font-size:11px;font-weight:600}.adx-content-box{flex-direction:column;gap:8px;display:flex}.adx-title{color:var(--text-active);margin:0;font-size:14px;font-weight:700;line-height:1.4}.adx-description{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.adx-visual-banner{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--secondary), #e52e4a, #9a1f32);justify-content:center;align-items:center;height:90px;margin-top:4px;display:flex;position:relative;overflow:hidden}.adx-gradient-glow{background:radial-gradient(circle,#ffffff1a 0%,#0000 60%);width:200%;height:200%;animation:8s linear infinite spin;position:absolute;top:-50%;left:-50%}@keyframes spin{to{transform:rotate(360deg)}}.adx-banner-text{color:#ffffff26;letter-spacing:3px;text-shadow:0 4px 10px #00000026;-webkit-user-select:none;user-select:none;font-family:Poppins,sans-serif;font-size:22px;font-weight:900}.adx-action-link{transition:gap var(--transition-fast);align-items:center;gap:6px;margin-top:4px;font-size:12px;font-weight:650;display:flex;color:var(--primary)!important}.adx-card:hover .adx-action-link{gap:10px}.trending-board{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:20px;display:flex}.trending-board-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding-bottom:12px;display:flex}.trending-board-title{color:var(--text-active);margin:0;font-size:15px;font-weight:700}.trending-items-list{flex-direction:column;gap:14px;display:flex}.trending-item{cursor:pointer;transition:transform var(--transition-fast);flex-direction:column;gap:3px;display:flex}.trending-item:hover{transform:translate(4px)}.trending-item-meta{color:var(--text-muted);font-size:11px;font-weight:500}.trending-item-topic{color:var(--text-active);margin:0;font-size:13px;font-weight:650}.trending-item-count{color:var(--text-muted);font-size:11px;font-weight:500}.trending-footer-showmore{color:var(--primary);cursor:pointer;transition:color var(--transition-fast);padding-top:4px;font-size:13px;font-weight:600}.trending-footer-showmore:hover{color:var(--primary-dark)}.scrola-footer{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:auto;padding-top:20px;display:flex}.scrola-footer-links{color:var(--text-muted);flex-wrap:wrap;gap:6px 8px;font-size:11px;display:flex}.scrola-footer-links a{transition:color var(--transition-fast);font-weight:500;color:var(--text-muted)!important}.scrola-footer-links a:hover{color:var(--primary)!important}.scrola-footer-links span{-webkit-user-select:none;user-select:none}.scrola-footer-copyright{color:var(--text-muted);margin-top:2px;font-size:10px}.qr-modal-card{text-align:center;flex-direction:column;gap:20px;display:flex;max-width:440px!important;padding:32px 28px!important}.qr-icon-box{border-radius:var(--radius-md);background-color:#00c26f14;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 12px;display:flex}.qr-modal-title{color:var(--text-active);margin:0 0 6px;font-size:20px;font-weight:750}.qr-modal-desc{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.qr-graphic-container{border-radius:var(--radius-md);border:1px solid var(--border);background-color:#fff;justify-content:center;align-items:center;width:202px;height:202px;margin:12px auto;padding:16px;display:inline-flex;box-shadow:0 4px 20px #0000000f}.qr-svg-code{display:block}.store-badges-container{justify-content:center;gap:12px;width:100%;margin-bottom:8px;display:flex}.store-badge-btn{border-radius:var(--radius-md);border:1.5px solid var(--border);background-color:var(--bg-app);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:10px 16px;font-size:12.5px;font-weight:600;text-decoration:none;display:flex;color:var(--text-active)!important}.store-badge-btn:hover{background-color:var(--border);border-color:var(--text-muted);transform:translateY(-1px)}.qr-footer-checklist{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:6px;padding-top:16px;display:flex}.qr-check-item{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border);z-index:100;scrollbar-width:none;flex-direction:column;height:100vh;padding:32px 24px 24px;display:flex;position:sticky;top:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{display:none}@media (width<=768px){.sidebar{display:none}}.logo-container{cursor:pointer;align-items:center;gap:12px;margin-bottom:40px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-family:Poppins,sans-serif;font-size:22px;font-weight:800;display:flex;box-shadow:0 4px 12px #00c26f40}.logo-text{color:var(--text-active);letter-spacing:-.5px;font-size:22px;font-weight:700}.sidebar-nav{flex-direction:column;flex-grow:1;gap:8px;display:flex}.nav-link{border-radius:var(--radius-full);color:var(--text-muted);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:16px;padding:14px 20px;font-size:15px;font-weight:500;display:flex}.nav-link svg{stroke-width:2.2px;width:22px;height:22px;transition:transform var(--transition-fast)}.nav-link:hover{color:var(--text-active);background-color:var(--bg-app)}.nav-link:hover svg{transform:scale(1.1)}.nav-link.active{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-dark));box-shadow:0 8px 16px -4px #00c26f4d}.nav-link.active svg{color:#fff}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:24px}.user-profile-summary{border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);align-items:center;gap:12px;padding:8px;display:flex}.user-profile-summary:hover{background-color:var(--bg-app)}.user-avatar{border-radius:var(--radius-full);background-color:var(--border);object-fit:cover;border:2px solid var(--primary);width:44px;height:44px}.user-info-text{flex-direction:column;display:flex;overflow:hidden}.user-name{color:var(--text-active);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.user-handle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.mobile-nav{display:none}@media (width<=768px){.mobile-nav{background-color:var(--glass-bg);border-top:1px solid var(--border);height:70px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:1000;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-link{color:var(--text-muted);width:60px;height:100%;transition:color var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:500;display:flex}.mobile-nav-link svg{stroke-width:2.2px;width:22px;height:22px;transition:transform var(--transition-fast)}.mobile-nav-link.active{color:var(--primary)}.mobile-nav-link.active svg{transform:scale(1.15)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background-color:#0006;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-hover);width:90%;max-width:520px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feed-tabs{border-bottom:1px solid var(--border);gap:32px;margin-bottom:24px;display:flex}.feed-tab{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);padding:14px 4px;font-size:15px;font-weight:600;position:relative}.feed-tab:hover{color:var(--text-active)}.feed-tab.active{color:var(--primary)}.feed-tab.active:after{content:"";background-color:var(--primary);border-radius:var(--radius-full);height:3px;position:absolute;bottom:-1px;left:0;right:0}.page-back-btn{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;color:var(--text-main);width:40px;height:40px;box-shadow:var(--shadow);transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.page-back-btn:hover{background:var(--bg-app);color:var(--primary);border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translate(-3px)}.public-policy-wrapper{background-color:var(--bg-app);box-sizing:border-box;flex-direction:column;align-items:center;width:100%;height:100vh;padding:40px 20px;display:flex;overflow:hidden auto}.public-policy-wrapper>div{width:100%;max-width:900px;margin:0 auto}@media (width<=768px){.public-policy-wrapper{padding:16px 12px}}iframe[name=myiFrame],iframe[name=myIframe],iframe[src*=wikirise]{visibility:hidden!important;pointer-events:none!important;opacity:0!important;width:0!important;height:0!important;display:none!important;position:absolute!important}.post-list{flex-direction:column;gap:20px;width:100%;display:flex}.post-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);transition:all var(--transition-fast);box-sizing:border-box;flex-direction:column;gap:16px;width:100%;padding:24px;display:flex;position:relative}.post-card:hover{box-shadow:var(--shadow-hover);border-color:#00c26f26}.post-header{justify-content:space-between;align-items:center;display:flex}.post-author-info{cursor:pointer;align-items:center;gap:12px;display:flex}.post-author-avatar{object-fit:cover;border:2px solid var(--border);width:44px;height:44px;transition:border-color var(--transition-fast);border-radius:50%}.post-author-info:hover .post-author-avatar{border-color:var(--primary)}.post-author-meta{flex-direction:column;display:flex}.post-author-name{color:var(--text-active);font-size:14px;font-weight:600}.post-meta-sub{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.post-header-actions{align-items:center;gap:12px;display:flex;position:relative}.post-follow-btn{border-radius:var(--radius-full);border:1.5px solid var(--primary);color:var(--primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:6px 14px;font-size:12px;font-weight:600}.post-follow-btn:hover{background-color:var(--primary);color:#fff}.post-follow-btn.following{border-color:var(--border);color:var(--text-muted)}.post-follow-btn.following:hover{border-color:var(--secondary);color:var(--secondary);background-color:#ff3f5a14}.post-content{flex-direction:column;gap:12px;display:flex}.post-description{color:var(--text-main);white-space:pre-wrap;font-size:14px;line-height:1.6}.post-article-link{border:1.5px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-app);transition:all var(--transition-fast);text-decoration:none;display:flex;overflow:hidden}.post-article-link:hover{border-color:var(--primary);box-shadow:0 4px 12px #00c26f14}.article-thumbnail{object-fit:cover;border-right:1.5px solid var(--border);width:140px;min-width:140px;height:140px}.article-body{flex-direction:column;justify-content:center;gap:6px;padding:16px;display:flex;overflow:hidden}.article-title{color:var(--text-active);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.article-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.article-source{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.post-media-carousel{border-radius:var(--radius-md);background-color:#000;width:100%;position:relative;overflow:hidden}.carousel-track{width:100%;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.carousel-slide{aspect-ratio:16/9;justify-content:center;align-items:center;width:100%;min-width:100%;display:flex;position:relative;overflow:hidden}.carousel-img,.carousel-video{object-fit:contain;width:100%;height:100%}.carousel-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:10;width:38px;height:38px;transition:background-color var(--transition-fast);background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background-color:#000000b3}.carousel-btn.prev{left:16px}.carousel-btn.next{right:16px}.carousel-indicators{z-index:10;gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.carousel-dot{width:7px;height:7px;transition:all var(--transition-fast);background-color:#fff6;border-radius:50%}.carousel-dot.active{background-color:#fff;transform:scale(1.2)}.post-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:4px;padding-top:16px;display:flex}.post-action-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.post-action-btn:hover{background-color:var(--bg-app);color:var(--text-active)}.post-action-btn.liked{color:var(--secondary)}.post-action-btn.liked svg{fill:var(--secondary)}.post-action-btn.saved{color:var(--primary)}.post-action-btn.saved svg{fill:var(--primary)}.options-dropdown{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-hover);z-index:100;flex-direction:column;gap:4px;min-width:160px;padding:8px;animation:.15s ease-out fadeIn;display:flex;position:absolute;top:100%;right:0}.options-item{border-radius:var(--radius-sm);color:var(--text-main);text-align:left;cursor:pointer;width:100%;transition:background-color var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.options-item:hover{background-color:var(--bg-app);color:var(--text-active)}.options-item.delete{color:var(--secondary)}.options-item.delete:hover{background-color:#ff3f5a14}.repost-header-banner{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);align-items:center;margin-bottom:4px;font-size:13px;font-weight:600;display:flex}.repost-header-banner:hover{color:var(--primary)}.repost-header-banner svg{transition:stroke var(--transition-fast)}.repost-header-banner:hover svg{stroke:var(--primary)}.repost-banner-text{letter-spacing:.2px}.nested-repost-card{border:1.5px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-app);transition:all var(--transition-fast);flex-direction:column;gap:10px;margin-top:8px;padding:16px;display:flex}.nested-repost-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #00c26f0f}.nested-repost-header{align-items:center;gap:10px;display:flex}.nested-repost-avatar{object-fit:cover;border:1.5px solid var(--border);border-radius:50%;width:32px;height:32px}.nested-repost-meta{flex-direction:column;display:flex}.nested-repost-name{color:var(--text-active);font-size:13px;font-weight:600}.nested-repost-handle{color:var(--text-muted);font-size:11px}.nested-repost-title{color:var(--text-active);margin:0;font-size:14px;font-weight:600}.nested-repost-desc{color:var(--text-main);white-space:pre-wrap;margin:0;font-size:13px;line-height:1.5}.compact-repost-card{border:1.5px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-app);align-items:stretch;gap:0;max-width:100%;display:flex;overflow:hidden}.compact-repost-card:hover{border-color:var(--primary);box-shadow:0 4px 14px #ff3f5a1a}.compact-repost-img-wrapper{background:#111;flex-shrink:0;width:96px;min-width:96px;overflow:hidden}.compact-repost-img{object-fit:cover;width:100%;height:100%;display:block}.compact-repost-body{flex-direction:column;flex:1;justify-content:center;gap:4px;padding:10px 14px;display:flex;overflow:hidden}.compact-repost-meta-row{align-items:center;gap:5px;display:flex}.compact-repost-handle{color:var(--primary);font-size:11.5px;font-weight:600}.compact-repost-title{color:var(--text-active);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.repost-btn-wrapper{position:relative}.repost-menu-dropdown{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);z-index:200;white-space:nowrap;flex-direction:column;gap:2px;min-width:160px;padding:6px;animation:.15s ease-out fadeIn;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000024}.repost-menu-item{border-radius:var(--radius-sm);color:var(--text-main);text-align:left;cursor:pointer;width:100%;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.repost-menu-item:hover{color:var(--primary);background-color:#00c26f14}.repost-menu-item:disabled{opacity:.5;cursor:not-allowed}.post-action-btn.reposted{color:var(--primary);font-weight:700}.post-action-btn.reposted svg{stroke:var(--primary)}.report-reason-list{flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.report-reason-item{border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:border-color .15s,background .15s;display:flex}.report-reason-item.selected{background:#ff3f5a0f;border-color:#ff3f5a}.report-reason-item input{accent-color:#ff3f5a}.logout-btn{border-radius:var(--radius-full);width:100%;color:var(--secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:16px;margin-top:12px;padding:14px 20px;font-size:15px;font-weight:600;display:flex}.logout-btn:hover{background-color:#ff3f5a14}.logout-btn svg{stroke-width:2.2px}.mobile-header{display:none}.logo-container{cursor:pointer;align-items:center;display:flex}.logo-img{object-fit:contain;width:120px;height:auto}.mobile-logo-img{object-fit:contain;width:34px;height:34px}@media (width<=768px){.mobile-header{background-color:var(--bg-card);border-bottom:1px solid var(--border);z-index:999;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-title{color:var(--text-active);letter-spacing:-.3px;font-size:18px;font-weight:700}.mobile-header-actions{align-items:center;gap:12px;display:flex}.mobile-action-btn{color:var(--text-main);width:36px;height:36px;transition:background-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.mobile-action-btn:hover{background-color:var(--bg-app)}.mobile-avatar{object-fit:cover;border:1.5px solid var(--primary);border-radius:50%;width:36px;height:36px}}.main-content-wrapper{flex-direction:column;flex-grow:1;height:100vh;display:flex;overflow:hidden auto}@media (width<=768px){.main-content-wrapper{height:auto;overflow-y:visible}}.sidebar.collapsed{background-color:var(--bg-sidebar)!important;border-right:1px solid var(--border)!important;align-items:center!important;width:72px!important;padding:24px 8px!important}.sidebar.collapsed .logo-container{justify-content:center!important;margin-bottom:24px!important}.sidebar.collapsed .nav-link{width:46px!important;height:46px!important;color:var(--text-muted)!important;transition:all var(--transition-fast)!important;background-color:#0000!important;border-radius:50%!important;justify-content:center!important;margin:6px auto!important;padding:0!important}.sidebar.collapsed .nav-link:hover{background-color:var(--bg-app)!important;color:var(--text-active)!important}.sidebar.collapsed .nav-link.active{color:var(--primary)!important;background-color:#ff3f5a14!important}.sidebar.collapsed .nav-link span{display:none!important}.sidebar.collapsed .nav-link svg{stroke-width:2.2px!important;width:24px!important;height:24px!important;margin:0!important}.sidebar-post-btn{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;width:100%;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:12px 24px;font-size:15px;font-weight:700;display:flex;box-shadow:0 4px 14px #ff3f5a40}.sidebar-post-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ff3f5a59}.sidebar.collapsed .sidebar-post-btn{display:none!important}.mini-post-btn{display:none}.sidebar.collapsed .mini-post-btn{cursor:pointer;border:none;justify-content:center;align-items:center;background-color:var(--primary)!important;color:#fff!important;width:46px!important;height:46px!important;transition:transform var(--transition-fast)!important;border-radius:50%!important;margin:16px auto!important;display:flex!important;box-shadow:0 4px 12px #ff3f5a4d!important}.sidebar.collapsed .mini-post-btn:hover{background-color:var(--primary-dark)!important;transform:scale(1.08)!important}.sidebar.collapsed .sidebar-footer{border-top:none!important;justify-content:center!important;width:100%!important;margin-top:auto!important;margin-bottom:8px!important;padding-top:0!important;display:flex!important}.sidebar.collapsed .user-profile-summary{border-radius:50%!important;justify-content:center!important;width:46px!important;height:46px!important;padding:0!important}.sidebar.collapsed .user-profile-summary .user-info-text{display:none!important}.sidebar.collapsed .user-avatar{border:none!important;border-radius:50%!important;width:40px!important;height:40px!important;margin:0!important}.sidebar.collapsed .logout-btn{display:none!important}.sidebar-toggle-btn{background-color:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:24px;height:24px;box-shadow:var(--shadow);color:var(--text-muted);transition:all var(--transition-fast);z-index:101;border-radius:50%;outline:none;justify-content:center;align-items:center;display:flex;position:absolute;top:38px;right:-12px}.sidebar-toggle-btn:hover{color:var(--primary);background-color:var(--bg-app);transform:scale(1.1)}.mini-logo-icon{-webkit-user-select:none;user-select:none;cursor:pointer;width:40px;height:40px;transition:transform var(--transition-fast);justify-content:center;align-items:center;font-family:Poppins,sans-serif;font-size:26px;font-weight:800;display:flex;color:var(--primary)!important;box-shadow:none!important;background:0 0!important}.mini-logo-icon:hover{transform:scale(1.1)}.app-container.sidebar-collapsed{grid-template-columns:72px 1fr 340px!important}.app-container.sidebar-collapsed.chat-layout-active{grid-template-columns:72px 1fr!important}@media (width<=1200px){.app-container.sidebar-collapsed{grid-template-columns:72px 1fr!important}}@media (width<=768px){.sidebar-toggle-btn{display:none!important}}.chat-layout-active .main-content-wrapper{overflow:hidden!important}.layout-wrapper{flex-direction:column;height:100vh;display:flex;overflow:hidden}.desktop-header{background-color:var(--bg-card);border-bottom:1px solid var(--border);z-index:1000;box-sizing:border-box;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 24px;display:grid;position:sticky;top:0}@media (width<=768px){.desktop-header{display:none!important}}.header-left{cursor:pointer;justify-content:flex-start;align-items:center;gap:12px;display:flex}.header-logo-img{object-fit:contain;width:100px;height:auto}.header-center{justify-content:center;align-items:center;width:440px;display:flex}.header-search-form{width:100%;position:relative}.header-search-icon{color:var(--text-muted);pointer-events:none;transition:color var(--transition-fast);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.header-search-input{border-radius:var(--radius-full);border:1.5px solid var(--border);background-color:var(--bg-app);width:100%;color:var(--text-active);font-family:var(--font-main);transition:all var(--transition-fast);outline:none;padding:10px 42px 10px 44px;font-size:13.5px}.header-search-input:hover{border-color:var(--text-muted)}.header-search-input:focus{border-color:var(--primary);background-color:var(--bg-card);box-shadow:0 0 0 4px #ff3f5a14}.header-search-form:focus-within .header-search-icon{color:var(--primary)}.header-search-ai-icon{color:var(--primary);opacity:.85;pointer-events:none;animation:2.2s ease-in-out infinite pulse-sparkle;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.header-right{justify-content:flex-end;align-items:center;gap:12px;display:flex}.get-app-header-btn{padding:8px 16px;font-size:12.5px;font-weight:650;box-shadow:0 4px 10px #ff3f5a26}.auth-header-btn{padding:8px 16px;font-size:12.5px;font-weight:650}@media (width>=769px){.app-container,.sidebar,.right-sidebar,.main-content-wrapper{height:calc(100vh - 64px)!important}.sidebar{padding-top:16px!important}.sidebar-toggle-btn{top:20px!important}}.auth-page{background:linear-gradient(135deg, var(--bg-app), #00c26f0d);justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex;position:relative;overflow:hidden auto}.auth-page:before{content:"";filter:blur(50px);z-index:1;background:radial-gradient(circle,#00c26f26 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-10%;right:-10%}.auth-page:after{content:"";filter:blur(50px);z-index:1;background:radial-gradient(circle,#ff3f5a1a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-10%;left:-10%}.auth-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-hover);z-index:2;flex-direction:column;width:100%;max-width:480px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:16px;font-size:26px;font-weight:800;display:inline-flex;box-shadow:0 4px 14px #00c26f4d}.auth-title{color:var(--text-active);margin-bottom:8px;font-size:26px;font-weight:700}.auth-subtitle{color:var(--text-muted);font-size:14px;line-height:1.5}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-active);font-size:13px;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.auth-input{border-radius:var(--radius-md);border:1.5px solid var(--border);background-color:var(--bg-app);width:100%;color:var(--text-main);font-family:var(--font-main);transition:all var(--transition-fast);padding:14px 16px;font-size:14px}.auth-input:focus{border-color:var(--primary);background-color:var(--bg-card);outline:none;box-shadow:0 0 0 4px #00c26f1a}.auth-input-error{border-color:var(--secondary)!important}.auth-input-error:focus{box-shadow:0 0 0 4px #ff3f5a1a!important}.input-error-msg{color:var(--secondary);font-size:11px;font-weight:500}.password-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:16px}.password-toggle:hover{color:var(--text-active)}.auth-actions{justify-content:space-between;align-items:center;font-size:13px;display:flex}.forgot-password{color:var(--text-muted);font-weight:500}.forgot-password:hover{color:var(--primary)}.auth-divider{text-align:center;color:var(--text-muted);align-items:center;margin:24px 0;font-size:12px;font-weight:500;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1.5px solid var(--border);flex:1}.auth-divider:before{margin-right:12px}.auth-divider:after{margin-left:12px}.social-auth-btns{flex-direction:column;gap:12px;display:flex}.social-btn{border-radius:var(--radius-md);border:1.5px solid var(--border);background-color:var(--bg-card);width:100%;color:var(--text-active);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:12px;padding:14px;font-size:14px;font-weight:600;display:flex}.social-btn:hover{background-color:var(--bg-app);border-color:var(--text-muted)}.social-btn img,.social-btn svg{width:20px;height:20px}.auth-footer{text-align:center;color:var(--text-muted);margin-top:32px;font-size:13px}.auth-footer-link{color:var(--primary);font-weight:600}.interest-container{flex-wrap:wrap;gap:12px;max-height:300px;margin:24px 0;padding-right:4px;display:flex;overflow-y:auto}.interest-tag{border-radius:var(--radius-full);border:1.5px solid var(--border);cursor:pointer;transition:all var(--transition-fast);background-color:var(--bg-card);color:var(--text-main);-webkit-user-select:none;user-select:none;padding:10px 18px;font-size:13px;font-weight:500}.interest-tag:hover{border-color:var(--primary);color:var(--primary)}.interest-tag.selected{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-color:#0000;box-shadow:0 4px 10px #00c26f33}.otp-container{justify-content:space-between;gap:12px;margin:24px 0;display:flex}.otp-input{border-radius:var(--radius-md);border:2px solid var(--border);background-color:var(--bg-app);width:54px;height:54px;color:var(--text-active);text-align:center;transition:all var(--transition-fast);font-size:22px;font-weight:700}.otp-input:focus{border-color:var(--primary);background-color:var(--bg-card);outline:none;box-shadow:0 0 0 4px #00c26f1a}.alert-box{border-radius:var(--radius-md);align-items:center;gap:10px;margin-bottom:20px;padding:14px 16px;font-size:13px;font-weight:500;animation:.3s ease-out slideDown;display:flex}.alert-success{color:#008f51;background-color:#00c26f1a;border:1px solid #00c26f33}.alert-error{color:#d6233b;background-color:#ff3f5a1a;border:1px solid #ff3f5a33}.alert-info{color:#1732c5;background-color:#2d4df11a;border:1px solid #2d4df133}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.auth-modal{border-radius:var(--radius-lg);border:1px solid var(--border);background-color:var(--bg-card);max-width:540px;box-shadow:var(--shadow-hover);padding:36px;position:relative}.modal-close-btn{border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-fast);background-color:var(--bg-app);justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.modal-close-btn:hover{color:var(--text-active);background-color:var(--border)}.auth-modal-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.warning-icon-box{border-radius:var(--radius-md);background-color:#fa4c261a;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.auth-modal-title{color:var(--text-active);margin:0;font-size:20px;font-weight:700}.auth-modal-text{color:var(--text-main);margin-top:0;margin-bottom:16px;font-size:14px;line-height:1.6}.error-badge-container{border-radius:var(--radius-md);background-color:#fa4c260d;border:1.5px solid #fa4c2626;margin-bottom:24px;padding:12px 16px}.error-badge-text{color:var(--orange);font-family:Courier New,Courier,monospace;font-size:13px;font-weight:600}.steps-container{margin-bottom:24px}.steps-title{color:var(--text-active);margin:0 0 10px;font-size:14px;font-weight:650}.steps-list{flex-direction:column;gap:10px;margin:0;padding-left:20px;display:flex}.steps-list li{color:var(--text-muted);font-size:13px;line-height:1.5}.steps-list li strong{color:var(--text-active)}.external-link{color:var(--primary);font-weight:500;text-decoration:underline}.external-link:hover{color:var(--primary-dark)}.bypass-highlight-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#00c26f0a,#00c26f03);border:1px solid #00c26f26;margin-bottom:28px;padding:16px;box-shadow:0 4px 20px #00c26f05}.bypass-card-title{color:var(--primary);margin:0 0 6px;font-size:14px;font-weight:650}.bypass-card-desc{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.auth-modal-footer{justify-content:flex-end;gap:12px;display:flex}.bypass-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;padding:12px 20px;font-weight:600;box-shadow:0 4px 14px #00c26f40}.bypass-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00c26f59}.close-btn{padding:12px 20px;font-weight:600}.home-container{flex-direction:column;gap:24px;width:100%;display:flex}.home-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.home-greeting{color:var(--text-active);font-size:24px;font-weight:700}.home-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.create-post-prompt-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:16px;padding:20px;display:flex}.create-post-prompt-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover)}.prompt-avatar{object-fit:cover;border-radius:50%;width:40px;height:40px}.prompt-input-placeholder{background-color:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);text-align:left;transition:background-color var(--transition-fast);flex-grow:1;padding:12px 18px;font-size:14px;font-weight:500}.create-post-prompt-card:hover .prompt-input-placeholder{background-color:var(--bg-card)}.feed-loading-container{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px;font-size:14px;font-weight:500;display:flex}.feed-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.feed-end-message{text-align:center;color:var(--text-muted);padding:40px;font-size:13px;font-weight:500}.chat-page-container{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);height:calc(100vh - 140px);box-shadow:var(--shadow);grid-template-columns:320px 1fr;display:grid;overflow:hidden}@media (width<=768px){.chat-page-container{grid-template-columns:1fr;height:calc(100vh - 166px)}}.chat-inbox-pane{border-right:1px solid var(--border);background-color:var(--bg-sidebar);flex-direction:column;height:100%;min-height:0;display:flex}.inbox-header{border-bottom:1.5px solid var(--border);padding:24px}.inbox-title{color:var(--text-active);margin:0 0 16px;font-size:20px;font-weight:700}.inbox-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}.inbox-row{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:space-between;align-items:center;padding:12px;display:flex}.inbox-row:hover{background-color:var(--bg-app)}.inbox-row.active{background-color:#00c26f0d;border-color:#00c26f26}.inbox-avatar-info{flex-grow:1;align-items:center;gap:12px;display:flex;overflow:hidden}.inbox-avatar{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:44px;height:44px}.inbox-text-meta{flex-direction:column;gap:4px;display:flex;overflow:hidden}.inbox-name{color:var(--text-active);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.inbox-last-msg{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.inbox-badge-col{flex-direction:column;align-items:flex-end;gap:6px;min-width:45px;display:flex}.unread-badge{background-color:var(--primary);color:#fff;border-radius:var(--radius-full);padding:3px 8px;font-size:10px;font-weight:700}.unread-time{color:var(--text-muted);font-size:10px}.chat-room-pane{background-color:var(--bg-card);flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.chat-room-header{border-bottom:1.5px solid var(--border);align-items:center;gap:12px;padding:18px 24px;display:flex}.chat-messages-body{background-color:var(--bg-app);flex-direction:column;flex:1;gap:16px;min-height:0;padding:24px;display:flex;overflow-y:auto}.message-balloon{border-radius:var(--radius-md);word-wrap:break-word;flex-direction:column;max-width:65%;padding:12px 18px;font-size:14px;line-height:1.5;display:flex;position:relative;box-shadow:0 1px 2px #0000000d}.message-balloon.sent{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.message-balloon.received{background-color:var(--bg-card);color:var(--text-main);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.message-time-meta{color:#ffffffb3;align-self:flex-end;margin-top:4px;font-size:9px}.message-balloon.received .message-time-meta{color:var(--text-muted)}.chat-room-footer{border-top:1.5px solid var(--border);background-color:var(--bg-card);padding:16px 24px}.chat-input-form{align-items:center;gap:12px;display:flex}.chat-tabs-container{background-color:var(--bg-app);border-radius:var(--radius-md);border:1.5px solid var(--border);margin-top:14px;padding:4px;display:flex}.chat-tab-btn{border-radius:calc(var(--radius-md) - 4px);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.chat-tab-btn:hover{color:var(--text-active)}.chat-tab-btn.active{background-color:var(--bg-card);color:var(--primary);box-shadow:var(--shadow)}.requests-badge{background-color:var(--primary);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:18px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1}.app-container.chat-layout-active{grid-template-columns:280px 1fr!important}.main-content.chat-page-layout{width:100%!important;max-width:none!important;height:calc(100vh - 64px)!important;margin:0!important;padding:0!important}@media (width<=768px){.app-container.chat-layout-active{grid-template-columns:1fr!important}.main-content.chat-page-layout{height:calc(100vh - 64px - 70px - env(safe-area-inset-bottom))!important}}.main-content.chat-page-layout .chat-page-container{height:100%!important;box-shadow:none!important;border:none!important;border-radius:0!important}.communities-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=992px){.communities-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.communities-grid{grid-template-columns:1fr}}.community-item-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);transition:all var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.community-item-card:hover{box-shadow:var(--shadow-hover);border-color:#00c26f26;transform:translateY(-2px)}.community-item-banner{background:linear-gradient(135deg,#ff3f5a1a,#00c26f33) 50%/cover;height:100px}.community-item-meta{flex-direction:column;flex-grow:1;gap:12px;padding:16px 20px 20px;display:flex}.community-item-name{color:var(--text-active);margin:0;font-size:16px;font-weight:700}.community-item-desc{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.community-item-stats{color:var(--text-muted);font-size:11px;font-weight:600}.community-item-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.community-pill-tabs.feed-tabs{border-bottom:none;flex-wrap:nowrap;gap:10px;margin-bottom:16px;padding:4px 0}.community-pill-tabs .feed-tab{color:#8e8e93;white-space:nowrap;background:#f2f2f7;border-radius:8px;flex-shrink:0;padding:8px 15px;font-size:12px;font-weight:600;transition:background-color .15s,color .15s}.community-pill-tabs .feed-tab:hover{color:#636366;background:#e8e8ed}.community-pill-tabs .feed-tab.active{color:#fff;background:#ff3f5a;border-radius:8px;box-shadow:0 2px 8px #ff3f5a47}.community-pill-tabs .feed-tab.active:after{display:none}.community-tabs-scroll{scrollbar-width:none;margin-bottom:8px;overflow-x:auto}.community-tabs-scroll::-webkit-scrollbar{display:none}.community-tab-panel{flex-direction:column;gap:8px;display:flex}.community-section-title{color:var(--text-active);margin:16px 0 8px;font-size:14px;font-weight:700}.community-feed-tab{flex-direction:column;gap:4px;display:flex}.community-feed-toolbar{justify-content:flex-end;margin-bottom:4px;display:flex}.community-feed-refresh-btn{border:1px solid var(--border);background:var(--bg-card);color:#444;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.community-feed-refresh-btn:hover:not(:disabled){color:#ff3f5a;border-color:#ff3f5a59}.community-feed-refresh-btn:disabled{opacity:.6;cursor:default}.community-feed-refresh-btn .spin{animation:.8s linear infinite community-feed-spin}@keyframes community-feed-spin{to{transform:rotate(360deg)}}.community-feed-auth-wait{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:48px 16px;display:flex}.community-feeds-header{flex-direction:row;align-items:center;gap:10px;margin:16px 0 12px;padding:0 4px;display:flex}.community-feeds-title{color:#1a0202;flex-shrink:0;margin:0;font-size:15px;font-weight:500}.community-feeds-accent{background:#ff5a5f;border-radius:1px;flex:none;width:100px;height:2px;margin-top:4px}.community-feed-posts{flex-direction:column;gap:12px;display:flex}.community-feed-empty{text-align:center;color:var(--text-muted,#888);background:var(--bg-card,#fff);border:1px solid var(--border,#eee);border-radius:var(--radius-lg,16px);flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:8px;padding:48px 24px;display:flex}.community-feed-empty-icon{color:#b0b0b8;opacity:.85;justify-content:center;align-items:center;display:flex}.community-feed-empty p{max-width:320px;color:var(--text-muted,#888);margin:0;font-size:15px;font-weight:500;line-height:1.5}.community-suggested-section{margin-bottom:8px}.community-suggested-title{color:#333;margin:0 0 12px;padding:0 4px;font-size:14px;font-weight:500}.community-suggested-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:12px;padding:0 4px 8px;display:flex;overflow-x:auto}.community-suggested-scroll::-webkit-scrollbar{height:4px}.community-suggested-card.app-style{cursor:pointer;background:#f8f8f8;border:none;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:flex-start;width:120px;min-width:120px;padding:12px;transition:background .15s;display:flex}.community-suggested-card.app-style:hover{background:#f0f0f0}.community-suggested-card.app-style.skeleton{min-height:160px;animation:1.2s ease-in-out infinite community-suggested-pulse}@keyframes community-suggested-pulse{0%,to{opacity:1}50%{opacity:.5}}.community-suggested-logo{background:#fff 50%/cover;border-radius:8px;flex-shrink:0;width:45px;height:45px;margin-bottom:10px}.community-suggested-name{color:#000;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;min-height:32px;margin-bottom:6px;font-size:13px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.community-suggested-members{color:#757575;align-items:center;gap:4px;margin-bottom:10px;font-size:11px;display:inline-flex}.community-suggested-join-outline{color:#e53935;cursor:pointer;background:#fff;border:1.5px solid #e53935;border-radius:18px;align-self:center;width:100%;padding:6px 20px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.community-suggested-join-outline:hover:not(:disabled){background:#fff5f7}.community-suggested-join-outline:disabled{opacity:.7;cursor:wait}.community-suggested-load-more{color:#ff3f5a;cursor:pointer;background:#fff8f9;border:1.5px dashed #ff3f5a;border-radius:12px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:120px;min-width:120px;min-height:160px;padding:12px;font-size:12px;font-weight:600;display:flex}.community-suggested-load-more small{color:#6b7280;font-size:10px;font-weight:400}.community-suggested-load-more:disabled{opacity:.7;cursor:wait}.community-suggested-card:not(.app-style){background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;min-width:200px;max-width:220px;overflow:hidden}.community-suggested-cover{background:linear-gradient(135deg,#ff3f5a1f,#00c26f26) 50%/cover;height:72px}.community-suggested-body{flex-direction:column;gap:6px;padding:12px;font-size:12px;display:flex}.community-suggested-join{align-self:flex-start;padding:6px 12px!important;font-size:11px!important}.community-list-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast);align-items:center;gap:12px;padding:14px 16px;display:flex}.community-list-row:hover{border-color:#ff3f5a40}.community-list-avatar{background:linear-gradient(135deg,#ff3f5a26,#00c26f33) 50%/cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.community-list-avatar.small{width:40px;height:40px}.community-list-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.community-list-info strong{color:var(--text-active);font-size:14px}.community-list-info span{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.community-list-actions{align-items:center;gap:8px;display:flex}.community-icon-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:6px}.community-icon-btn.danger{color:#e53935}.community-load-more{align-self:center;margin:16px auto}.feed-load-more-indicator{padding:28px 16px}.create-community-modal{max-width:480px;max-height:90vh;overflow-y:auto}.create-community-modal.member-picker-modal{max-width:420px}.create-community-modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.create-community-modal-head h2{margin:0;font-size:20px}.modal-close-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:4px}.create-private-label{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.add-member-trigger{color:#999;cursor:pointer;background:#f8f8f8;border:1px dashed #ccc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:88px;height:88px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.add-member-trigger:hover:not(:disabled){color:#ff3f5a;background:#ff3f5a0a;border-color:#ff3f5a}.added-members-preview,.member-picker-selected-strip{margin-bottom:12px}.added-members-scroll{scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.added-members-scroll::-webkit-scrollbar{display:none}.added-member-chip{width:72px;color:var(--text-muted);text-align:center;flex-direction:column;flex:none;align-items:center;gap:4px;font-size:10px;display:flex;position:relative}.added-member-avatar{background:linear-gradient(135deg,#ff3f5a1f,#00c26f26) 50%/cover;border-radius:50%;width:48px;height:48px}.added-member-remove{cursor:pointer;color:#666;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:0;right:2px;box-shadow:0 1px 4px #00000026}.member-picker-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.member-picker-header h2{flex:1;margin:0;font-size:18px}.member-picker-count{color:var(--text-muted);font-size:12px;font-weight:600}.create-member-list{max-height:280px;margin-bottom:12px}.member-picker-row.selected{background:#ff3f5a0f;border-color:#ff3f5a40}.member-picker-label{flex-direction:column;gap:2px;min-width:0;display:flex}.member-picker-label strong{font-size:13px}.member-picker-label small{color:var(--text-muted);font-size:11px}.member-picker-row .member-picker-avatar{background:#eee 50%/cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.community-db-hint{border-radius:var(--radius-md);background:#ffc1071a;border:1px solid #ffc1074d;padding:24px;font-size:13px}.community-fab{color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:var(--shadow-hover);z-index:50;background:#ff3f5a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:32px;right:32px}.group-chat-page{max-width:720px}.group-chat-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.group-chat-header.room{border-bottom:1px solid var(--border);padding-bottom:12px}.group-chat-back{cursor:pointer;color:var(--text-active);background:0 0;border:none;align-items:center;gap:6px;padding:8px;display:inline-flex}.group-chat-title{margin:0;font-size:18px}.group-chat-search{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;display:flex}.group-chat-search input{color:var(--text-active);background:0 0;border:none;outline:none;flex:1;font-size:14px}.group-list-meta{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.group-time{color:var(--text-muted);font-size:11px}.group-unread-badge{color:#fff;background:#ff3f5a;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.group-meta-sub{font-size:11px!important}.group-chat-list-panel{background:var(--card-bg,#fff);border:1px solid var(--border-color,#eee);border-radius:12px;overflow:hidden}.group-chat-list-panel--loading .group-chat-list-row--skeleton:first-child{animation-delay:0s}.group-chat-list-panel--loading .group-chat-list-row--skeleton:nth-child(2){animation-delay:60ms}.group-chat-list-panel--loading .group-chat-list-row--skeleton:nth-child(3){animation-delay:.12s}.group-chat-list-panel--loading .group-chat-list-row--skeleton:nth-child(4){animation-delay:.18s}.group-chat-list-panel--loading .group-chat-list-row--skeleton:nth-child(5){animation-delay:.24s}.group-chat-list-panel--loading .group-chat-list-row--skeleton:nth-child(6){animation-delay:.3s}.group-chat-list-row{border-bottom:1px solid var(--border-color,#eee);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;transition:background .15s;display:flex}.group-chat-list-row:last-child{border-bottom:none}.group-chat-list-row:hover{background:#00000008}.group-chat-list-cover{background:linear-gradient(135deg,#e8e8e8,#d0d0d0) 50%/cover;border-radius:8px;flex-shrink:0;width:52px;height:52px}.group-chat-list-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.group-chat-list-name{color:var(--text-primary,#222);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.group-chat-list-preview{color:var(--text-muted,#888);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.group-chat-list-members{color:var(--text-muted,#aaa);font-size:11px}.group-chat-list-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.group-chat-list-time{color:var(--text-muted,#888);font-size:11px}.group-chat-list-unread{color:#fff;text-align:center;background:#ff3f5a;border-radius:10px;min-width:20px;padding:2px 8px;font-size:11px;font-weight:700}.group-chat-list-panel.is-revealed .group-chat-list-row{animation:.38s cubic-bezier(.22,1,.36,1) both group-chat-row-in;animation-delay:calc(var(--stagger-index,0) * 48ms)}@keyframes group-chat-row-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.group-chat-list-row.is-bumped{animation:.52s group-chat-row-bump}@keyframes group-chat-row-bump{0%{background:#ff3f5a1f}to{background:0 0}}.group-chat-list-row--skeleton{pointer-events:none;animation:1.2s ease-in-out infinite group-chat-skeleton-pulse}@keyframes group-chat-skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}.group-chat-list-cover-skeleton{background:linear-gradient(90deg,#ececec 0%,#f5f5f5 50%,#ececec 100%) 0 0/200% 100%;border-radius:8px;width:52px;height:52px;animation:1.4s ease-in-out infinite group-chat-shimmer}.group-chat-list-body-skeleton{flex-direction:column;flex:1;gap:8px;display:flex}.group-chat-list-line-skeleton{background:linear-gradient(90deg,#ececec 0%,#f5f5f5 50%,#ececec 100%) 0 0/200% 100%;border-radius:4px;width:70%;height:10px;animation:1.4s ease-in-out infinite group-chat-shimmer}.group-chat-list-line-skeleton.wide{width:45%;height:12px}.group-chat-list-line-skeleton.short{width:35%}.group-chat-list-line-skeleton.tiny{width:36px;height:10px}.group-chat-list-meta-skeleton{flex-shrink:0}@keyframes group-chat-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.group-chat-list-empty{text-align:center;padding:32px 16px}.group-chat-room{flex-direction:column;max-width:800px;height:calc(100vh - 80px);min-height:0;margin:0 auto;display:flex;overflow:hidden}.group-chat-messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px 16px 20px;scroll-padding-bottom:24px;display:flex;overflow:hidden auto}.group-chat-scroll-anchor{pointer-events:none;flex-shrink:0;width:100%;height:4px}.group-msg-row{align-items:flex-end;gap:8px;display:flex}.group-msg-enter-mine .group-msg-bubble-wrap{animation:.24s cubic-bezier(.22,1,.36,1) both group-msg-enter-mine}.group-msg-enter-theirs .group-msg-bubble-wrap{animation:.24s cubic-bezier(.22,1,.36,1) both group-msg-enter-theirs}.group-msg-enter-system{animation:.28s both group-msg-enter-fade}@keyframes group-msg-enter-mine{0%{opacity:0;transform:translate(12px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes group-msg-enter-theirs{0%{opacity:0;transform:translate(-12px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes group-msg-enter-fade{0%{opacity:0}to{opacity:1}}.group-msg-bubble.is-pending{opacity:.88}.group-msg-row.is-pending .group-msg-meta span:first-child{opacity:.6}.group-composer-send.is-saving{opacity:.85;transition:transform .15s,opacity .15s;transform:scale(.96)}.group-msg-row.mine{flex-direction:row-reverse}.group-msg-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.group-msg-bubble-wrap{flex-direction:column;gap:4px;max-width:75%;display:flex}.group-msg-row.mine .group-msg-bubble-wrap{align-items:flex-end}.group-msg-sender{color:var(--text-muted);font-size:11px;font-weight:600}.group-msg-bubble{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:10px 14px;font-size:14px;line-height:1.4}.group-msg-row.mine .group-msg-bubble{color:#fff;background:#ff3f5a;border-color:#0000}.group-msg-bubble.deleted{opacity:.7;font-style:italic}.group-msg-reply-preview{border-left:3px solid var(--primary);background:#0000000a;border-radius:4px;margin-bottom:4px;padding:6px 10px;font-size:11px}.group-msg-meta{color:var(--text-muted);gap:8px;font-size:10px;display:flex}.group-msg-reply-btn{cursor:pointer;color:var(--primary);background:0 0;border:none;padding:0;font-size:10px}.group-msg-edited{opacity:.8;margin-left:6px;font-size:10px}.group-msg-avatar.spacer{visibility:hidden}.group-msg-image{border-radius:10px;max-width:220px;max-height:220px;display:block}.group-msg-system{text-align:center;color:var(--text-muted);background:#0000000a;border-radius:12px;max-width:90%;margin:4px auto;padding:8px 16px;font-size:12px}.group-msg-menu{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;gap:2px;margin-top:4px;padding:4px;display:flex}.group-msg-menu button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:13px}.group-msg-menu button:hover{background:#f5f5f5}.group-msg-menu button.danger{color:#e53935}.group-msg-edit-box{flex-direction:column;gap:6px;width:100%;display:flex}.group-msg-edit-actions{gap:6px;display:flex}.btn-sm{min-height:auto!important;padding:6px 12px!important;font-size:12px!important}.group-chat-header-main{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.group-chat-info-btn{cursor:pointer;color:#333;background:0 0;border:none;padding:8px}.group-chat-jump-fab{color:#fff;cursor:pointer;z-index:5;background:#333;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.group-chat-room{position:relative}.group-chat-details-page{max-width:640px;margin:0 auto;padding-bottom:40px}.group-details-hero{text-align:center;padding:20px 16px}.group-details-cover{cursor:default;margin-bottom:12px;display:inline-block;position:relative}.group-details-cover.editable{cursor:pointer}.group-details-cover-img{background:#eee 50%/cover;border-radius:50%;width:96px;height:96px;margin:0 auto}.group-details-cover-badge{color:#fff;background:#111;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:0;right:0}.group-details-hero h2{margin:0 0 8px;font-size:20px}.group-details-desc{color:#666;margin:0 0 8px;font-size:14px}.group-details-meta{color:#888;margin:0 0 16px;font-size:13px}.group-details-section{border-top:1px solid var(--border);padding:16px}.group-details-section h3{margin:0 0 12px;font-size:15px}.group-details-toggle-row{justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:14px;display:flex}.group-details-toggle-row span{align-items:center;gap:8px;display:inline-flex}.group-details-add-btn{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;display:inline-flex}.group-details-members .community-list-row{border:none;border-bottom:1px solid var(--border);cursor:default;border-radius:0}.group-details-admin-badge{color:#ff3f5a;text-transform:uppercase;margin-left:6px;font-size:10px;font-weight:700}.group-details-member-actions{flex-direction:column;gap:4px;margin-left:auto;display:flex}.group-details-member-actions .danger{color:#e53935}.group-details-danger{flex-direction:column;gap:10px;padding:16px;display:flex}.group-details-hint{color:#888;margin:0;font-size:13px}.group-details-leave-btn,.group-details-delete-btn{justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.group-details-delete-btn.danger,.btn.danger{color:#e53935;border-color:#e5393559}.group-add-members-modal{border-radius:16px;flex-direction:column;width:90%;max-width:420px;padding:24px;display:flex}.group-add-members-modal h3{color:#111;margin:0 0 16px;font-size:18px;font-weight:700}.group-add-members-modal .auth-input{box-sizing:border-box;width:100%;margin:0 0 12px}.group-add-members-modal .member-picker-list{max-height:220px;margin:0 0 20px}.group-add-members-modal .member-picker-row:last-child{border-bottom:none}.group-add-members-modal .modal-actions{justify-content:flex-end;gap:10px;margin:0;padding-top:4px;display:flex}.group-add-members-modal .modal-actions .btn{min-width:100px}.group-reply-bar{background:#fff5f7;border-bottom:1px solid #ff3f5a1f;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.group-reply-bar-body{border-left:3px solid #ff3f5a;flex:1;min-width:0;padding-left:10px}.group-reply-bar-label{color:#ff3f5a;text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:600;display:block}.group-reply-bar-text{color:#555;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;display:block;overflow:hidden}.group-reply-bar-close{color:#666;cursor:pointer;background:#ff3f5a14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.group-reply-bar-close:hover{color:#333;background:#ff3f5a26}.group-msg-mention{color:#ff3f5a;font-weight:700}.group-msg-row.mine .group-msg-bubble .group-msg-mention.mine{color:#fff;text-underline-offset:2px;text-decoration:underline}.group-msg-text{white-space:pre-wrap;word-break:break-word}.group-composer-wrap{background:#fff;border:1px solid #ebebeb;border-radius:16px;flex-shrink:0;margin:8px 12px 12px;overflow:hidden;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a}.group-composer-wrap.has-reply .group-composer{padding-top:8px}.group-mention-picker{background:linear-gradient(#fff 0%,#fafafa 100%);border-bottom:1px solid #f0f0f0;max-height:200px;overflow:hidden}.group-mention-picker-list{max-height:180px;margin:0;padding:0;list-style:none;overflow-y:auto}.group-mention-picker-row{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #efefef;align-items:center;gap:10px;width:100%;padding:10px 14px;display:flex}.group-mention-picker-row:hover{background:#fff}.group-mention-picker-avatar{background:#e8e8e8 50%/cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.group-mention-picker-body{flex-direction:column;min-width:0;display:flex}.group-mention-picker-name{color:#111;font-size:14px;font-weight:600}.group-mention-picker-handle{color:#ff3f5a;font-size:12px}.group-mention-picker-empty{text-align:center;color:#888;margin:0;padding:14px;font-size:13px}.group-composer{background:0 0;padding:12px 16px 10px}.group-composer-field{background:#f4f4f6;border:1px solid #e4e4e8;border-radius:28px;align-items:flex-end;gap:8px;padding:4px 4px 4px 16px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.group-composer-field:focus-within{background:#fff;border-color:#ff3f5a66;box-shadow:0 0 0 3px #ff3f5a1a}.group-composer-input{resize:none;color:#1a1a1a;background:0 0;border:none;border-radius:0;flex:1;min-height:28px;max-height:120px;padding:10px 0;font-family:inherit;font-size:15px;line-height:1.45}.group-composer-input::placeholder{color:#9a9aa3}.group-composer-input:focus{outline:none}.group-composer-send{color:#fff;cursor:pointer;background:linear-gradient(145deg,#ff5570 0%,#ff3f5a 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin:2px;transition:transform .12s,box-shadow .12s,background .12s;display:flex;box-shadow:0 4px 14px #ff3f5a61}.group-composer-send:hover:not(:disabled){transform:scale(1.04);box-shadow:0 5px 18px #ff3f5a73}.group-composer-send:active:not(:disabled){transform:scale(.96)}.group-composer-send:disabled{color:#b0b0b8;box-shadow:none;cursor:not-allowed;background:#e8e8ec}.group-composer-hint{color:#a0a0a8;text-align:center;margin:8px 4px 0;font-size:11px}.group-composer-disabled{text-align:center;color:#777;background:#fafafa;padding:18px 20px;font-size:13px}.group-composer-wrap.is-locked .group-composer-disabled{border-top:none}.create-group-form{max-width:560px}.group-cover-section{margin-bottom:24px}.group-cover-wrap{display:inline-block;position:relative}.group-cover-picker{cursor:pointer;display:inline-block;position:relative}.group-cover-placeholder{box-sizing:border-box;background:#fafafa;border:1.5px dashed #d8d8d8;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:112px;height:112px;padding:14px 10px;transition:border-color .15s,background .15s;display:flex}.group-cover-picker:hover .group-cover-placeholder{background:#f5f5f5;border-color:#bdbdbd}.group-cover-icon{color:#999;flex-shrink:0}.group-cover-label{color:#888;text-align:center;max-width:72px;font-size:11px;font-weight:400;line-height:1.35}.group-cover-preview{object-fit:cover;background:#eee;border-radius:50%;width:112px;height:112px;display:block}.group-cover-edit-badge{color:#fff;pointer-events:none;background:#1d1d1d;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;bottom:0;right:0}.group-cover-remove{color:#e53935;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 1px 4px #0000001f}.group-cover-remove:hover{background:#fff5f5}.member-picker-list{border:1px solid var(--border);border-radius:var(--radius-md);max-height:240px;overflow-y:auto}.member-picker-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;display:flex}.member-picker-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.community-detail-page{max-width:680px;min-height:100%;margin:0 auto;padding:0 0 40px}.community-detail-card{background:var(--bg-card,#fff);border:1px solid var(--border,#e8e8e8);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow,0 1px 3px #0000000f);overflow:hidden}.community-detail-cover{position:relative;overflow:hidden}.community-detail-cover--rose{background:linear-gradient(135deg,#fff8f9 0%,#ffeef2 45%,#ffe0e8 100%);height:88px}.community-detail-cover-bar{grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:14px 16px;display:grid}.community-detail-cover-title{text-align:center;color:#333;font-size:15px;font-weight:600}.community-detail-cover-btn{color:#333;cursor:pointer;background:#ffffffe6;border:1px solid #ff3f5a1f;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-width:36px;height:36px;padding:0 10px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.community-detail-cover-btn:hover{background:#fff;border-color:#ff3f5a47}.community-detail-cover-share{justify-self:end}.community-detail-body{z-index:1;background:#fff;padding:8px 20px 20px;position:relative}.community-detail-profile-row{align-items:flex-start;gap:14px;display:flex}.community-detail-avatar-wrap{flex-shrink:0;margin-top:-40px;position:relative}.community-detail-avatar{border:3px solid var(--bg-card,#fff);background-color:#e8e8e8;background-position:50%;background-size:cover;border-radius:50%;width:72px;height:72px;box-shadow:0 2px 8px #0000001f}.community-detail-avatar-lock{background:#0000008c;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:3px}.community-detail-info{flex:1;min-width:0;padding-top:6px}.community-detail-title-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.community-detail-name{color:#111;margin:0;font-size:18px;font-weight:700;line-height:1.25}.community-detail-badge{border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.community-detail-badge-private{color:#555;background:#0000000f}.community-detail-stat-row{align-items:center;gap:0;display:flex}.community-detail-stat{flex-direction:column;align-items:flex-start;gap:2px;min-width:56px;display:flex}.community-detail-stat-divider{background:#e5e5e5;flex-shrink:0;width:1px;height:28px;margin:0 14px}.community-detail-stat strong{color:#111;font-size:15px;font-weight:700;line-height:1.2}.community-detail-stat span{color:#777;font-size:11px;font-weight:500}.community-detail-bio{color:#666;margin:14px 0 0;font-size:14px;line-height:1.5}.community-detail-actions{gap:10px;margin-top:16px;display:flex}.community-detail-actions.has-manage .community-detail-join-btn,.community-detail-actions.has-manage .community-detail-manage-btn{flex:1}.community-detail-join-btn{color:#fff;cursor:pointer;background:#ff3f5a;border:none;border-radius:10px;flex:1;min-height:40px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .15s,transform .1s}.community-detail-join-btn:hover:not(:disabled){background:#e8364f}.community-detail-join-btn.disabled{cursor:default;background:#2a2a2a}.community-detail-manage-btn{color:#ff3f5a;cursor:pointer;background:#ff3f5a1a;border:none;border-radius:10px;flex:1;min-height:40px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .15s}.community-detail-manage-btn:hover{background:#ff3f5a29}.community-detail-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;margin:20px 0 16px;padding:4px;display:flex;overflow-x:auto}.community-detail-tabs::-webkit-scrollbar{display:none}.community-detail-tab{background:var(--bg-card,#fff);color:#444;cursor:pointer;border:1px solid #e8e8e8;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:9px 16px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.community-detail-tab:hover{border-color:#ccc}.community-detail-tab.active{color:#111;background:#ff3f5a0f;border-color:#ff3f5a}.community-detail-tab-lock{color:#999}.community-detail-content{flex-direction:column;gap:12px;display:flex}.community-detail-empty{text-align:center;background:var(--bg-card,#fff);border:1px solid var(--border,#e8e8e8);border-radius:var(--radius-lg,16px);color:#888;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;display:flex}.community-detail-empty svg{color:#bbb;margin-bottom:4px}.community-detail-empty-title{color:#333;margin:0;font-size:16px;font-weight:600}.community-detail-empty p{max-width:280px;margin:0;font-size:14px;line-height:1.45}.community-detail-content .feed-end-message{text-align:center;color:var(--text-muted);padding:40px 16px}.community-detail-members-panel{background:var(--bg-card,#fff);border:1px solid var(--border,#e8e8e8);border-radius:var(--radius-lg,16px);overflow:hidden}.community-detail-members-panel .community-list-row{border:none;border-bottom:1px solid var(--border,#e8e8e8);cursor:default;border-radius:0}.community-detail-members-panel .community-list-row:last-child{border-bottom:none}.community-detail-members-panel .community-list-row:hover{border-color:var(--border,#e8e8e8);background:#fafafa}.community-group-chats-tab{flex-direction:column;gap:12px;display:flex}.community-chats-toolbar{justify-content:flex-start;display:flex}.community-create-group-btn{border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.community-chats-locked{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;display:flex}.community-group-chats-tab .feed-end-message{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;display:flex}.community-group-chats-tab .feed-end-message .btn{align-items:center;gap:8px;display:inline-flex}.community-manage-page{background:var(--bg-page,#f4f4f5);max-width:680px;min-height:60vh;margin:0 auto;padding:12px 12px 48px}.community-manage-page--loading,.community-manage-page--message{text-align:center;color:#555;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:50vh;display:flex}.community-manage-loading{flex-direction:column;align-items:center;gap:14px;padding:48px 24px;display:flex}.community-manage-spinner{border:3px solid #e8e8e8;border-top-color:#ff3f5a;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite community-manage-spin}@keyframes community-manage-spin{to{transform:rotate(360deg)}}@media (width>=720px){.community-manage-page{padding:20px 16px 56px}}.community-manage-card{background:var(--bg-card,#fff);border:1px solid var(--border,#e8e8e8);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow,0 1px 3px #0000000f);margin-bottom:16px;overflow:hidden}.community-manage-cover{min-height:72px}.community-manage-topbar{grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;padding:14px 16px;display:grid}.community-manage-menu-top{justify-self:end}.community-manage-topbar-spacer{justify-self:end;width:40px}.community-manage-hero{text-align:center;margin-top:-36px;padding:0 24px 20px}.community-manage-avatar{border:3px solid var(--bg-card,#fff);background:linear-gradient(135deg,#ffe4ea,#ffc9d4) 50%/cover;border-radius:50%;width:80px;height:80px;margin:0 auto 12px;box-shadow:0 4px 14px #0000001a}.community-manage-hero h1{color:#1a1a1a;margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.25}.community-manage-member-count{color:#ff3f5a;background:#ff3f5a14;border-radius:999px;align-items:center;margin-bottom:12px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.community-manage-desc{color:#666;max-width:400px;margin:0 auto;font-size:14px;line-height:1.5}.community-manage-settings-card{background:#fafafa;border:1px solid #eee;border-radius:14px;margin:0 16px 16px;padding:16px}.community-manage-section-title{text-transform:uppercase;letter-spacing:.04em;color:#888;margin:0 0 14px;font-size:13px;font-weight:700}.community-manage-setting-row{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.community-manage-setting-row:last-child{border-bottom:none;padding-bottom:0}.community-manage-setting-row:first-of-type{padding-top:0}.community-manage-setting-copy{text-align:left;flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.community-manage-setting-label{color:#1a1a1a;font-size:15px;font-weight:600}.community-manage-setting-hint{color:#888;font-size:12px;line-height:1.35}.community-manage-toggle{cursor:pointer;background:#d4d4d8;border:none;border-radius:999px;flex-shrink:0;width:48px;height:28px;padding:3px;transition:background .2s}.community-manage-toggle.is-on{background:#1a1a1a}.community-manage-toggle-thumb{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;display:block;box-shadow:0 1px 4px #0003}.community-manage-toggle.is-on .community-manage-toggle-thumb{transform:translate(20px)}.community-manage-body{padding:0 4px}.community-manage-tabs{border:1px solid var(--border,#e8e8e8);box-shadow:var(--shadow,0 1px 3px #0000000a);background:#fff;border-radius:999px;gap:8px;margin-bottom:14px;padding:4px;display:flex}.community-manage-tab{color:#888;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.community-manage-tab.active{color:#fff;background:#1a1a1a}.community-manage-tab-count{background:#00000014;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.community-manage-tab.active .community-manage-tab-count{background:#fff3}.community-manage-panel{background:var(--bg-card,#fff);border:1px solid var(--border,#e8e8e8);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow,0 1px 3px #0000000f);padding:16px}.community-manage-panel-head h2{color:#333;margin:0 0 14px;font-size:15px;font-weight:700}.community-manage-search{color:#999;background:#f4f4f5;border:1px solid #ebebeb;border-radius:12px;align-items:center;gap:10px;margin-bottom:14px;padding:11px 14px;display:flex}.community-manage-search:focus-within{color:#ff3f5a;background:#fff;border-color:#ff3f5a59}.community-manage-search input{color:#1a1a1a;background:0 0;border:none;outline:none;flex:1;font-size:14px}.community-manage-search input::placeholder{color:#aaa}.community-manage-list{margin:0;padding:0;list-style:none}.community-manage-list-item{border-radius:12px;align-items:center;gap:12px;padding:12px 10px;transition:background .12s;display:flex}.community-manage-list-item:hover{background:#fafafa}.community-manage-member-avatar{background:linear-gradient(135deg,#ff3f5a1f,#00c26f26) 50%/cover;border-radius:50%;flex-shrink:0;width:44px;height:44px}.community-manage-list-info{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.community-manage-list-info strong{color:#1a1a1a;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;font-weight:600;overflow:hidden}.community-manage-role{color:#ff3f5a;letter-spacing:.02em;background:#ff3f5a1a;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.community-manage-request-meta{color:#888;font-size:12px}.community-manage-row-menu{cursor:pointer;color:#888;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .12s,color .12s;display:flex}.community-manage-row-menu:hover{color:#333;background:#f0f0f0}.community-manage-request-actions{flex-shrink:0;gap:8px;display:flex}.community-manage-accept,.community-manage-reject{cursor:pointer;color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .1s,opacity .15s;display:flex}.community-manage-accept:hover:not(:disabled),.community-manage-reject:hover:not(:disabled){transform:scale(1.04)}.community-manage-accept{background:linear-gradient(135deg,#2e7d32,#388e3c)}.community-manage-reject{background:linear-gradient(135deg,#e53935,#ef5350)}.community-manage-accept:disabled,.community-manage-reject:disabled{opacity:.45;cursor:not-allowed;transform:none}.community-manage-empty{text-align:center;padding:32px 16px}.community-manage-empty p{color:#888;margin:0;font-size:14px}.community-manage-danger-zone{margin-top:20px;padding:0 4px 8px}.community-manage-leave,.community-manage-delete{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.community-manage-leave{border:1px solid var(--border,#e8e8e8);color:#333;background:#fff}.community-manage-leave:hover{background:#fafafa;border-color:#ddd}.community-manage-delete{color:#c62828;background:#e539350a;border:1px solid #e5393533}.community-manage-delete:hover{background:#e5393514;border-color:#e5393559}.community-manage-page.has-overlay{pointer-events:none;-webkit-user-select:none;user-select:none}.community-manage-page.has-overlay>*{opacity:.92}.community-manage-overlay{z-index:3000;pointer-events:auto;animation:.22s community-manage-overlay-in;display:flex;position:fixed;inset:0}.community-manage-overlay--sheet{flex-direction:column;justify-content:flex-end;align-items:center}.community-manage-overlay--center{flex-direction:row;justify-content:center;align-items:center;padding:20px}.community-manage-scrim{-webkit-backdrop-filter:blur(12px)saturate(1.1);cursor:pointer;background:#0f0f128c;border:none;margin:0;padding:0;animation:.25s community-manage-scrim-in;position:absolute;inset:0}.community-manage-scrim:disabled{cursor:default}@keyframes community-manage-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes community-manage-scrim-in{0%{opacity:0}to{opacity:1}}.community-manage-sheet-wrap{z-index:1;width:100%;max-width:520px;padding:0 0 env(safe-area-inset-bottom,0px);pointer-events:none;flex-shrink:0;position:relative}.community-manage-sheet-wrap>*{pointer-events:auto}@media (width>=640px){.community-manage-sheet-wrap{padding:0 16px 20px}}.community-manage-sheet{width:100%;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #fffc;border-radius:20px 20px 0 0;animation:.32s cubic-bezier(.32,.72,0,1) community-manage-sheet-in;position:relative;box-shadow:0 -4px 6px #0000000a,0 -16px 48px #0000002e,0 0 0 1px #0000000a}@media (width>=640px){.community-manage-sheet{border-radius:20px;box-shadow:0 8px 12px #0000000f,0 24px 56px #0003,0 0 0 1px #0000000f}}.community-manage-sheet--menu{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}@keyframes community-manage-sheet-in{0%{opacity:.6;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.community-manage-sheet-handle{background:#d8d8de;border-radius:999px;width:44px;height:5px;margin:12px auto 18px}.community-manage-sheet-options{flex-direction:column;display:flex}.community-manage-sheet-option{cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #f0f0f0;align-items:center;width:100%;padding:18px 20px;transition:background .12s;display:flex}.community-manage-sheet-options .community-manage-sheet-option:last-child{border-bottom:none}.community-manage-sheet-option:hover{background:#fafafa}.community-manage-sheet-option--danger .community-manage-sheet-label{color:#e53935}.community-manage-sheet-icon{color:#333;flex-shrink:0;justify-content:center;align-items:center;width:28px;display:flex}.community-manage-sheet-option--danger .community-manage-sheet-icon{color:#e53935}.community-manage-sheet-label{color:#333;margin-left:16px;font-size:17px;font-weight:500}.community-manage-sheet-cancel{color:#1a1a1a;cursor:pointer;background:#f3f4f6;border:none;border-radius:14px;width:calc(100% - 40px);margin:20px auto 4px;padding:15px 16px;font-size:16px;font-weight:600;transition:background .12s,transform .1s;display:block}.community-manage-sheet-cancel:hover{background:#ebedf0}.community-manage-sheet-cancel:active{transform:scale(.98)}.community-manage-sheet-member-head{flex-direction:column;align-items:center;padding:0 20px 16px;display:flex}.community-manage-sheet-member-avatar{background:linear-gradient(135deg,#ffe4ea,#ffc9d4) 50%/cover;border-radius:50%;width:60px;height:60px;margin-bottom:10px}.community-manage-sheet-title{color:#333;text-align:center;margin:0;font-size:18px;font-weight:600}.community-manage-share-modal{z-index:1;pointer-events:auto;background:#fff;border-radius:18px;width:100%;max-width:420px;padding:22px;animation:.28s cubic-bezier(.32,.72,0,1) community-manage-share-in;position:relative;box-shadow:0 12px 28px #0000001f,0 28px 64px #00000038}@keyframes community-manage-share-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.community-manage-share-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.community-manage-share-header h3{color:#333;margin:0;font-size:18px;font-weight:700}.community-manage-share-close{color:#333;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:5px;display:flex}.community-manage-share-close:hover{background:#f5f5f5}.community-manage-share-subtitle{color:#666;margin:0 0 20px;font-size:14px;line-height:1.45}.community-manage-share-link-box{background:#f8f9fa;border-radius:12px;align-items:center;gap:8px;margin-bottom:20px;padding:12px;display:flex}.community-manage-share-link-icon{color:#666;flex-shrink:0}.community-manage-share-link-text{color:#007aff;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.community-manage-share-actions{justify-content:space-around;gap:12px;display:flex}.community-manage-share-action{cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:8px 4px;transition:background .12s;display:flex}.community-manage-share-action:hover{background:#fafafa}.community-manage-share-action span{color:#333;font-size:12px;font-weight:500}.community-manage-share-action-icon.is-copy{color:#e53935}.community-manage-share-action-icon.is-success,.community-manage-share-action-icon.is-share{color:#4caf50}.community-manage-confirm{z-index:1;pointer-events:auto;background:#fff;border-radius:18px;width:100%;max-width:380px;padding:26px 24px 24px;animation:.28s cubic-bezier(.32,.72,0,1) community-manage-share-in;position:relative;box-shadow:0 12px 28px #0000001f,0 28px 64px #00000038}.community-manage-confirm h3{margin:0 0 10px}.community-manage-confirm p{color:#666;margin:0 0 20px;font-size:14px;line-height:1.5}.community-manage-confirm-actions{gap:10px;display:flex}.community-manage-confirm-actions .btn{flex:1}.create-community-title-accent{color:#ff3f5a}.create-community-subtitle{color:#888;margin:-12px 0 16px;font-size:13px;line-height:1.4}.create-community-logo-preview{margin-bottom:10px;display:inline-block;position:relative}.create-community-logo-preview img{object-fit:cover;border-radius:12px;width:80px;height:80px}.create-community-logo-remove{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:-6px;right:-6px}.explore-container{flex-direction:column;gap:20px;width:100%;padding-bottom:60px;display:flex}.search-page-header{flex-direction:column;gap:6px;display:flex}.search-page-title{color:var(--text-active);letter-spacing:-.4px;margin:0;font-size:26px;font-weight:800}.search-page-subtitle{color:var(--text-muted);margin:0 0 16px;font-size:14px}.search-main-form{width:100%;position:relative}.search-input-box{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow);align-items:center;gap:0;height:50px;padding:0 6px 0 16px;transition:all .2s;display:flex;overflow:hidden}.search-input-box.focused{border-color:var(--primary);box-shadow:0 0 0 4px #ff3f5a1a}.search-input-icon{color:var(--text-muted);flex-shrink:0;margin-right:10px;transition:color .2s}.search-input-box.focused .search-input-icon{color:var(--primary)}.search-main-input{font-size:15px;font-family:var(--font-main);color:var(--text-active);caret-color:var(--primary);background:0 0;border:none;outline:none;flex:1}.search-main-input::placeholder{color:var(--text-muted);font-size:14px}.search-ai-sparkle{color:var(--primary);pointer-events:none;flex-shrink:0;margin-right:12px;animation:2.2s ease-in-out infinite pulse-sparkle-static}@keyframes pulse-sparkle-static{0%,to{opacity:.65;transform:scale(.92)}50%{opacity:1;transform:scale(1.1)}}.search-clear-icon-btn{background:var(--bg-hover);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;transition:all .15s;display:flex}.search-clear-icon-btn:hover{color:var(--secondary);background:#ff3f5a1a}.search-go-btn{border-radius:var(--radius-full);background:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;height:38px;padding:0 18px;font-size:13px;font-weight:700;transition:all .15s}.search-go-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.search-recent-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:50;animation:.15s dropdownFadeIn;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 16px 40px #0000002e}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.recent-header-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px 10px;display:flex}.recent-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:700}.recent-clear-btn{color:var(--secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 6px;font-size:12px;font-weight:600;transition:background .15s}.recent-clear-btn:hover{background:#ff3f5a14}.recent-item{cursor:pointer;align-items:center;gap:10px;padding:11px 16px;transition:background .15s;display:flex}.recent-item:hover{background:var(--bg-hover)}.recent-icon{color:var(--text-muted);flex-shrink:0}.recent-text{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:500;overflow:hidden}.recent-remove-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.recent-item:hover .recent-remove-btn{opacity:1}.recent-remove-btn:hover{color:var(--secondary);background:#ff3f5a1a}.search-discover-section{flex-direction:column;gap:12px;display:flex}.search-discover-header{align-items:center;gap:8px;display:flex}.search-discover-title{color:var(--text-active);margin:0;font-size:16px;font-weight:700}.search-trending-chips{flex-wrap:wrap;gap:8px;display:flex}.search-trending-chip{border-radius:var(--radius-full);background:var(--bg-card);border:1.5px solid var(--border);color:var(--text-main);cursor:pointer;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.search-trending-chip:hover{border-color:var(--primary);color:var(--primary);background:#00c26f0f;transform:translateY(-1px);box-shadow:0 4px 12px #00c26f1f}.search-tabs-bar{border-bottom:1.5px solid var(--border);gap:4px;padding-bottom:0;display:flex}.search-tab-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:7px;margin-bottom:-1.5px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.search-tab-btn:hover{color:var(--text-main)}.search-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.search-tab-badge{color:var(--primary);border-radius:var(--radius-full);text-align:center;background:#00c26f1f;min-width:20px;padding:2px 7px;font-size:11px;font-weight:800}.search-panel{flex-direction:column;gap:0;display:flex}.search-user-list{flex-direction:column;gap:2px;display:flex}.user-result-card{border-radius:var(--radius-md);cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 16px;transition:background .16s;display:flex}.user-result-card:last-child{border-bottom:none}.user-result-card:hover{background:var(--bg-hover)}.user-result-avatar{object-fit:cover;border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:52px;height:52px;transition:border-color .15s}.user-result-card:hover .user-result-avatar{border-color:var(--primary)}.user-result-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex;overflow:hidden}.user-result-name{color:var(--text-active);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.user-result-handle{color:var(--text-muted);font-size:13px;font-weight:500}.user-result-bio{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.user-result-follow-btn{border-radius:var(--radius-full);cursor:pointer;border:1.5px solid var(--primary);color:var(--primary);white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.user-result-follow-btn:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.user-result-follow-btn.following{border-color:var(--border);color:var(--text-muted);background:0 0}.user-result-follow-btn.following:hover{border-color:var(--secondary);color:var(--secondary);background:#ff3f5a0f}.user-result-chevron{color:var(--text-muted);opacity:0;flex-shrink:0;transition:opacity .15s,transform .15s}.user-result-card:hover .user-result-chevron{opacity:1;transform:translate(3px)}.search-posts-list{flex-direction:column;gap:20px;width:100%;max-width:680px;margin:0 auto;display:flex}.search-load-more-sentinel{justify-content:center;align-items:center;min-height:40px;display:flex}.search-loading-row{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;padding:20px;font-size:14px;display:flex}.search-spinner{border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.75s linear infinite searchSpin}@keyframes searchSpin{to{transform:rotate(360deg)}}.search-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.search-empty-state h3{color:var(--text-active);margin:0;font-size:18px;font-weight:700}.search-empty-state p{color:var(--text-muted);max-width:320px;margin:0;font-size:14px;line-height:1.6}.search-skeleton-list{flex-direction:column;gap:2px;display:flex}.search-skeleton{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 16px;display:flex}.search-skeleton:last-child{border-bottom:none}.skeleton-avatar{background:var(--bg-hover);border-radius:50%;flex-shrink:0;width:52px;height:52px;animation:1.4s infinite shimmer}.post-skeleton .skeleton-avatar{width:44px;height:44px}.skeleton-lines{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-line{border-radius:var(--radius-sm);background:var(--bg-hover);height:12px;animation:1.4s infinite shimmer}.skeleton-line.wide{width:70%}.skeleton-line.medium{width:50%}.skeleton-line.narrow{width:35%}@keyframes shimmer{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (width<=600px){.search-page-title{font-size:22px}.search-input-box{height:46px}.search-main-input{font-size:14px}.user-result-avatar{width:44px;height:44px}.user-result-name{font-size:14px}.user-result-follow-btn{padding:6px 12px;font-size:12px}.search-trending-chips{gap:6px}.search-trending-chip{padding:6px 12px;font-size:12px}}.support-container{flex-direction:column;gap:24px;display:flex}.support-header{border-bottom:1px solid var(--border);padding-bottom:20px}.support-title-box{align-items:flex-start;gap:16px;display:flex}.support-icon-glow{border-radius:var(--radius-md);background-color:#ff3f5a14;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 20px #00c26f0d}.support-title-text{color:var(--text-active);margin:0 0 6px;font-size:22px;font-weight:700}.support-subtitle-text{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.5}.support-content-grid{grid-template-columns:1fr;align-items:start;gap:30px;display:grid}.support-panel{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);flex-direction:column;gap:20px;margin-bottom:24px;padding:24px;display:flex}.support-panel-title{color:var(--text-active);margin:0;font-size:16px;font-weight:750}.faq-list{border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.faq-item{border-bottom:1px solid var(--border);background-color:var(--bg-card);transition:background-color var(--transition-fast)}.faq-item:last-child{border-bottom:none}.faq-item.active{background-color:var(--bg-app)}.faq-trigger{text-align:left;width:100%;font-family:var(--font-main);color:var(--text-active);cursor:pointer;background:0 0;border:none;outline:none;justify-content:space-between;align-items:center;padding:18px 24px;font-size:13.5px;font-weight:650;display:flex}.faq-trigger svg{color:var(--text-muted);transition:transform var(--transition-fast)}.faq-item.active .faq-trigger svg{color:var(--primary);transform:rotate(180deg)}.faq-answer-wrapper{max-height:0;transition:max-height var(--transition-smooth);overflow:hidden}.faq-item.active .faq-answer-wrapper{max-height:200px}.faq-answer{color:var(--text-main);padding:0 24px 20px;font-size:13px;line-height:1.6}.faq-answer p{margin:0}.policies-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=640px){.policies-grid{grid-template-columns:1fr}}.policy-card{background-color:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;gap:10px;padding:20px;display:flex}.policy-card:hover{background-color:var(--bg-card);border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}.policy-icon-row{justify-content:space-between;align-items:center;display:flex}.policy-icon-box{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:38px;height:38px;display:flex}.policy-arrow{color:var(--text-muted);opacity:0;transition:all var(--transition-fast);transform:translate(-2px,2px)}.policy-card:hover .policy-arrow{opacity:1;color:var(--primary);transform:translate(0)}.policy-title{color:var(--text-active);margin:4px 0 0;font-size:14px;font-weight:700}.policy-version{color:var(--text-muted);font-size:10px;font-weight:500}.policy-desc{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.ticket-panel{position:relative}.ticket-header-row{align-items:center;gap:8px;display:flex}.ticket-panel-subtitle{color:var(--text-muted);margin:0 0 4px;font-size:12.5px;line-height:1.5}.ticket-form{flex-direction:column;gap:16px;display:flex}.select-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238E9BAE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:40px!important}.textarea-input{resize:none;line-height:1.5}.ticket-submit-btn{justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-weight:650;display:flex;box-shadow:0 4px 12px #00c26f33}.success-modal-card{text-align:center;flex-direction:column;gap:20px;display:flex;max-width:440px!important;padding:36px 32px!important}.success-icon-box{border-radius:var(--radius-full);background-color:#00c26f14;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;display:flex}.success-modal-title{color:var(--text-active);margin:0;font-size:20px;font-weight:750}.success-modal-desc{color:var(--text-muted);margin:0;font-size:13px;line-height:1.6}.ticket-id-badge{background-color:var(--bg-app);border:1.5px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:4px;width:180px;margin:8px auto;padding:12px 18px;display:flex}.ticket-id-label{color:var(--text-muted);letter-spacing:.8px;font-size:9px;font-weight:850}.ticket-id-code{color:var(--primary);font-family:Courier New,Courier,monospace;font-size:15px;font-weight:700}.success-modal-btn{width:100%;margin-top:8px;padding:12px;font-weight:650}.privacy-container{flex-direction:column;gap:24px;animation:.4s ease-out fadeIn;display:flex}.privacy-header{border-bottom:1px solid var(--border);padding-bottom:20px}.privacy-title-box{align-items:flex-start;gap:16px;display:flex}.privacy-icon-glow{border-radius:var(--radius-md);background-color:#00c26f14;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 20px #00c26f14}.privacy-title-text{color:var(--text-active);margin:0 0 6px;font-size:22px;font-weight:700}.privacy-subtitle-text{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.5}.privacy-content-grid{grid-template-columns:280px 1fr;align-items:start;gap:30px;display:grid}@media (width<=1600px){.privacy-content-grid{grid-template-columns:1fr}}.privacy-sidebar-nav{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:20px;display:flex;position:sticky;top:96px}@media (width<=1600px){.privacy-sidebar-nav{position:relative!important;top:0!important}}.sidebar-title{color:var(--text-active);letter-spacing:.8px;text-transform:uppercase;border-bottom:1.5px solid var(--border);margin:0;padding-bottom:10px;font-size:13px;font-weight:800}.sidebar-links{flex-direction:column;gap:6px;max-height:480px;padding-right:4px;display:flex;overflow-y:auto}.sidebar-links::-webkit-scrollbar{width:4px}.sidebar-links::-webkit-scrollbar-track{background:0 0}.sidebar-links::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}.sidebar-links::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-link{color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;border-left:2px solid #0000;padding:8px 12px;font-size:12.5px;font-weight:550;text-decoration:none;overflow:hidden}.sidebar-link:hover{color:var(--primary);background-color:rgba(var(--primary-rgb), .04);border-left-color:var(--primary);padding-left:16px}.sidebar-link.active{color:var(--primary);background-color:rgba(var(--primary-rgb), .06);border-left-color:var(--primary);font-weight:650}.privacy-body-panel{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);flex-direction:column;gap:32px;padding:36px 40px;display:flex}@media (width<=640px){.privacy-body-panel{padding:24px}}.privacy-section{flex-direction:column;gap:16px;scroll-margin-top:100px;display:flex}.privacy-section-title{color:var(--text-active);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:750;display:flex}.privacy-section-subtitle{color:var(--text-active);margin:12px 0 4px;font-size:14.5px;font-weight:700}.privacy-text{color:var(--text-main);margin:0;font-size:13.5px;line-height:1.7}.privacy-list{flex-direction:column;gap:12px;margin:0;padding-left:20px;display:flex}.privacy-list li{color:var(--text-main);font-size:13.5px;line-height:1.6}.privacy-list li strong{color:var(--text-active)}.privacy-highlight-box{border-radius:var(--radius-md);background:linear-gradient(135deg,#ff3f5a0a,#ff3f5a03);border:1px solid #ff3f5a26;margin:8px 0;padding:16px 20px}.safety-container{flex-direction:column;gap:24px;animation:.4s ease-out safetyFadeIn;display:flex}.safety-header{border-bottom:1px solid var(--border);padding-bottom:20px}.safety-title-box{align-items:flex-start;gap:16px;display:flex}.safety-icon-glow{border-radius:var(--radius-md);background-color:#ff3f5a14;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 20px #ff3f5a14}.safety-title-text{color:var(--text-active);margin:0 0 6px;font-size:22px;font-weight:700}.safety-subtitle-text{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.5}.safety-content-grid{grid-template-columns:1fr;align-items:start;gap:30px;display:grid}.safety-body-panel{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);flex-direction:column;gap:32px;padding:36px 40px;display:flex}@media (width<=640px){.safety-body-panel{padding:24px}.safety-contact-cards{grid-template-columns:1fr!important}}.safety-section{flex-direction:column;gap:16px;display:flex}.section-divider{border-bottom:1.5px dashed var(--border);margin-top:12px}.safety-section-title{color:var(--text-active);align-items:center;gap:10px;margin:0;font-size:18px;font-weight:750;display:flex}.safety-text{color:var(--text-main);margin:0;font-size:13.5px;line-height:1.7}.safety-list{flex-direction:column;gap:12px;margin:0;padding-left:20px;display:flex}.safety-list li{color:var(--text-main);font-size:13.5px;line-height:1.6}.safety-list li strong{color:var(--text-active)}.safety-highlight-box{border-radius:var(--radius-md);background:linear-gradient(135deg,#ff3f5a0a,#ff3f5a03);border:1px solid #ff3f5a26;margin:8px 0;padding:16px 20px}.highlight-box-title{color:var(--secondary);letter-spacing:.5px;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:750}.highlight-box-desc{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.6}@keyframes safetyFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.game-page-wrapper{animation:.4s ease-out fadeIn}.game-hero-header{border-radius:var(--radius-md);background:linear-gradient(135deg,#ff3f5a14 0%,#fa4c260a 100%);border:1px dashed #ff3f5a40;margin-bottom:28px;padding:32px;position:relative;overflow:hidden}.game-hero-meta{z-index:2;max-width:600px;position:relative}.game-hero-tag{color:var(--primary);text-transform:uppercase;letter-spacing:.8px;border-radius:var(--radius-full);background-color:#ff3f5a1f;align-items:center;gap:6px;margin-bottom:14px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.game-hero-title{color:var(--text-active);letter-spacing:-.5px;margin:0 0 10px;font-size:28px;font-weight:800}.game-hero-desc{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.game-filters-bar{flex-direction:column;gap:16px;margin-bottom:28px;display:flex}@media (width>=992px){.game-filters-bar{flex-direction:row;justify-content:space-between;align-items:center}}.game-search-box{flex:1;max-width:420px;position:relative}.game-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.game-search-input-field{border-radius:var(--radius-full);border:1.5px solid var(--border);background-color:var(--bg-card);width:100%;color:var(--text-active);font-family:var(--font-main);transition:all var(--transition-fast);outline:none;padding:12px 16px 12px 46px;font-size:14px}.game-search-input-field:focus{border-color:var(--primary);box-shadow:0 0 0 4px #ff3f5a14}.game-categories-list{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.game-categories-list::-webkit-scrollbar{display:none}.game-category-pill{border-radius:var(--radius-full);border:1.5px solid var(--border);background-color:var(--bg-card);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);padding:8px 18px;font-size:13px;font-weight:600}.game-category-pill:hover{border-color:var(--text-muted);color:var(--text-active)}.game-category-pill.active{background:linear-gradient(135deg, var(--primary), var(--primary-dark));border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #ff3f5a33}.game-grid-system{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.game-card-premium{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow);flex-direction:column;display:flex;position:relative;overflow:hidden}.game-card-premium:hover{box-shadow:var(--shadow-hover);border-color:#ff3f5a40;transform:translateY(-6px)}.game-card-media-wrapper{background-color:var(--border);width:100%;height:140px;position:relative;overflow:hidden}.game-card-thumbnail-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-smooth)}.game-card-premium:hover .game-card-thumbnail-image{transform:scale(1.08)}.game-card-hover-overlay{opacity:0;transition:opacity var(--transition-fast);z-index:2;background-color:#38363666;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-card-premium:hover .game-card-hover-overlay{opacity:1}.game-play-button-overlay-bg{background-color:var(--primary);color:#fff;width:48px;height:48px;transition:transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;transform:scale(.85);box-shadow:0 4px 12px #ff3f5a66}.game-card-premium:hover .game-play-button-overlay-bg{transform:scale(1)}.game-card-category-tag{text-transform:uppercase;letter-spacing:.5px;color:#fff;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:3;background-color:#383636bf;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;bottom:12px;left:12px}.game-card-badge{letter-spacing:.5px;z-index:3;border-radius:4px;padding:4px 8px;font-size:9px;font-weight:800;position:absolute;top:12px;right:12px}.game-card-badge.premium{color:#fff;background-color:#fa4c26;box-shadow:0 2px 6px #fa4c264d}.game-card-badge.free{color:#fff;background-color:#00c26f;box-shadow:0 2px 6px #00c26f4d}.game-card-details{flex-direction:column;flex-grow:1;padding:16px;display:flex}.game-card-meta-line{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.game-card-rating{color:var(--text-active);align-items:center;gap:4px;font-size:12px;font-weight:700;display:inline-flex}.star-icon-color{color:#ffa800}.game-card-name-title{color:var(--text-active);margin:0 0 6px;font-size:15px;font-weight:700;line-height:1.4}.game-card-short-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:36px;margin:0 0 16px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.game-card-footer-action{border-top:1px solid var(--border);justify-content:flex-end;margin-top:auto;padding-top:12px;display:flex}.game-play-action-btn{font-family:var(--font-main);text-transform:uppercase;letter-spacing:.5px;color:var(--primary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.game-play-action-btn:hover{background-color:#ff3f5a14}.game-player-room{border-radius:var(--radius-md);background-color:#121212;border:1px solid #2a2a2a;flex-direction:column;height:calc(100vh - 120px);min-height:500px;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex;overflow:hidden;box-shadow:0 24px 64px #0006}.game-player-header{background-color:#1e1e1e;border-bottom:1px solid #2a2a2a;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.game-player-header-left{align-items:center;gap:14px;display:flex}.game-exit-btn-circle{color:#e0e0e0;cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);background-color:#2a2a2a;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.game-exit-btn-circle:hover{background-color:var(--primary);color:#fff;transform:scale(1.05)}.game-player-title{font-family:var(--font-title);color:#fff;font-size:16px;font-weight:700}.game-exit-btn-text{font-family:var(--font-main);color:#ef4444;cursor:pointer;transition:opacity var(--transition-fast);background-color:#0000;border:none;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.game-exit-btn-text:hover{opacity:.8}.game-iframe-wrapper{background-color:#000;flex-grow:1;width:100%;height:100%;position:relative}.game-iframe-element{border:none;width:100%;height:100%;display:block}.game-loading-container{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 0;font-size:14px;font-weight:500;display:flex}.game-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}.game-empty-state{text-align:center;color:var(--text-muted);padding:80px 20px;font-size:14px}.sports-container{flex-direction:column;gap:24px;width:100%;display:flex}.sports-grid-layout{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.sports-grid-layout{grid-template-columns:1fr}}.sports-card-panel{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;gap:20px;padding:24px;display:flex}.panel-title-row{border-bottom:1.5px solid var(--border);align-items:center;gap:10px;padding-bottom:12px;display:flex}.panel-title-text{color:var(--text-active);margin:0;font-size:16px;font-weight:700}.news-item-row{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding-bottom:14px;display:flex}.news-item-row:last-child{border-bottom:none;padding-bottom:0}.news-category{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.news-title-text{color:var(--text-active);margin:0;font-size:14px;font-weight:600;line-height:1.4}.game-schedule-card{border:1.5px solid var(--border);background-color:var(--bg-app);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-direction:column;gap:10px;padding:16px;display:flex}.game-schedule-card:hover{border-color:var(--secondary);box-shadow:0 4px 12px #ff3f5a0d}.game-league-badge{color:var(--secondary);text-transform:uppercase;font-size:10px;font-weight:700}.game-match-teams{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.team-name-text{color:var(--text-active);font-size:14px;font-weight:700}.notifications-container{flex-direction:column;gap:24px;max-width:680px;margin:0 auto;display:flex}.notifications-list{flex-direction:column;gap:12px;display:flex}.notif-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow);transition:all var(--transition-fast);align-items:center;gap:16px;padding:16px 20px;display:flex;position:relative}.notif-card:hover{box-shadow:var(--shadow-hover);border-color:#00c26f1f;transform:translateY(-1px)}.notif-card.unread{background-color:#00c26f08;border-color:#00c26f26}.notif-avatar-col{width:48px;height:48px;position:relative}.notif-avatar{object-fit:cover;border:1.5px solid var(--border);border-radius:50%;width:48px;height:48px}.notif-type-icon{background-color:var(--bg-card);border:1px solid var(--border);width:24px;height:24px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-4px;right:-4px}.notif-body-col{flex-direction:column;flex-grow:1;gap:4px;display:flex}.notif-message{color:var(--text-main);font-size:13px;line-height:1.5}.notif-message-detail{color:var(--text-muted);font-weight:400}.notif-meta{color:var(--text-muted);font-size:12px}.notif-card--group.unread{background-color:#ff3f5a0a;border-color:#ff3f5a1f}.notif-time{color:var(--text-muted);font-size:11px}.notif-dot-unread{background-color:var(--primary);width:8px;height:8px;box-shadow:0 0 8px var(--primary);border-radius:50%}.profile-loading-screen,.profile-not-found,.profile-blocked-screen{min-height:60vh;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:40px 24px;display:flex}.profile-not-found h3,.profile-blocked-screen h3{color:var(--text-active);margin:0;font-size:20px;font-weight:700}.profile-not-found p,.profile-blocked-screen p{color:var(--text-muted);max-width:280px;margin:0;font-size:14px}.profile-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite profileSpin}.profile-spinner.small{border-width:2.5px;width:20px;height:20px}@keyframes profileSpin{to{transform:rotate(360deg)}}.profile-container{flex-direction:column;gap:0;width:100%;padding-bottom:60px;display:flex}.profile-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:4px;overflow:hidden}.profile-cover{height:190px;position:relative;background-position:50%!important;background-size:cover!important}.profile-cover-actions{justify-content:space-between;align-items:center;display:flex;position:absolute;top:16px;left:16px;right:16px}.cover-icon-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;width:36px;height:36px;transition:background var(--transition-fast), transform var(--transition-fast);background:#00000073;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex}.cover-icon-btn:hover{background:#000000a6;transform:scale(1.07)}.profile-header-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-hover);z-index:20;min-width:160px;padding:6px;animation:.15s fadeInDown;position:absolute;top:44px;right:0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header-menu-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;color:var(--text-main);transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:500;display:flex}.header-menu-item.danger{color:#ff3f5a}.header-menu-item.danger:hover{background:#ff3f5a14}.profile-meta-section{flex-direction:column;gap:14px;padding:0 28px 28px;display:flex}.profile-avatar-action-row{justify-content:space-between;align-items:flex-end;margin-top:-56px;display:flex}.profile-avatar-wrapper{border:4px solid var(--bg-card);background-color:var(--border);width:112px;height:112px;box-shadow:var(--shadow);border-radius:50%;flex-shrink:0;position:relative;overflow:visible}.profile-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-camera-btn{background:var(--primary);color:#fff;cursor:pointer;width:28px;height:28px;transition:transform var(--transition-fast);border:2px solid var(--bg-card);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:4px;right:4px;box-shadow:0 2px 6px #0000004d}.avatar-camera-btn:hover{transform:scale(1.1)}.profile-action-btns{flex-wrap:wrap;align-items:center;gap:10px;padding-top:60px;display:flex}.btn-profile-action{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1.5px solid #0000;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:600;display:flex}.btn-edit{border-color:var(--border);color:var(--text-main);background:0 0}.btn-edit:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.btn-follow{background:var(--primary);color:#fff}.btn-follow:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-following{border-color:var(--border);color:var(--text-main);background:0 0}.btn-following:hover{color:#ff3f5a;background:#ff3f5a0d;border-color:#ff3f5a}.btn-message{border-color:var(--primary);color:var(--primary);background:0 0}.btn-message:hover{background:#00c26f14;transform:translateY(-1px)}.profile-name-block{flex-direction:column;gap:3px;display:flex}.profile-display-name{color:var(--text-active);letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.profile-username-handle{color:var(--text-muted);font-size:14px;font-weight:500}.profile-bio-text{color:var(--text-main);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.profile-stats-row{gap:28px;display:flex}.profile-stat-item{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.profile-stat-item.clickable{cursor:pointer;transition:color var(--transition-fast)}.profile-stat-item.clickable:hover .stat-num,.profile-stat-item.clickable:hover .stat-label{color:var(--primary)}.stat-num{color:var(--text-active);font-size:18px;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.profile-details-row{flex-wrap:wrap;gap:12px;display:flex}.profile-detail-chip{color:var(--text-muted);background:var(--bg-hover);border-radius:var(--radius-full);border:1px solid var(--border);align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;display:flex}.profile-tabs-bar{border-bottom:1.5px solid var(--border);justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;padding:8px 4px 0;display:flex}.profile-tabs-left{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.profile-tabs-left::-webkit-scrollbar{display:none}.profile-tab-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:6px;margin-bottom:-1.5px;padding:9px 14px;font-size:13px;font-weight:600;display:flex}.profile-tab-btn:hover{color:var(--text-main)}.profile-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.profile-view-toggle{flex-shrink:0;gap:2px;display:flex}.view-toggle-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;padding:7px;display:flex}.view-toggle-btn:hover{color:var(--text-main);background:var(--bg-hover)}.view-toggle-btn.active{color:var(--primary);background:#00c26f1a}.profile-posts-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;padding:32px;font-size:14px;display:flex}.profile-empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;font-size:15px;display:flex}.profile-posts-list{flex-direction:column;gap:0;display:flex}.profile-post-wrapper{width:100%}.profile-load-sentinel{min-height:40px}.profile-grid{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}@media (width<=640px){.profile-grid{grid-template-columns:repeat(2,1fr)}}.profile-grid-item{aspect-ratio:1;background:var(--bg-hover);cursor:pointer;border-radius:4px;position:relative;overflow:hidden}.profile-grid-item:hover .profile-grid-overlay{opacity:1}.profile-grid-item:hover .profile-grid-img{transform:scale(1.06)}.profile-grid-img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.grid-video-badge{color:#fff;background:#0000008c;border-radius:4px;align-items:center;padding:3px 6px;display:flex;position:absolute;top:8px;right:8px}.profile-grid-overlay{opacity:0;background:#00000073;justify-content:center;align-items:center;gap:20px;transition:opacity .2s;display:flex;position:absolute;inset:0}.overlay-stat{color:#fff;align-items:center;gap:5px;font-size:14px;font-weight:700;display:flex}.grid-delete-btn{color:#fff;cursor:pointer;width:28px;height:28px;transition:transform var(--transition-fast);background:#ff3f5ad9;border:none;border-radius:50%;justify-content:center;align-items:center;display:none;position:absolute;top:8px;left:8px}.profile-grid-item:hover .grid-delete-btn{display:flex}.grid-delete-btn:hover{transform:scale(1.1)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:85vh;padding:32px;animation:.2s slideUp;overflow-y:auto;box-shadow:0 24px 60px #00000040}.modal-content.compact{max-width:380px;padding:28px}.modal-icon-row{justify-content:center;align-items:center;margin-bottom:16px;display:flex}.modal-icon-row.danger{background:#ff3f5a1a;border-radius:50%;width:56px;height:56px;margin:0 auto 16px}.btn-danger{color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:#ff3f5a;border:none;padding:12px 20px;font-size:14px;font-weight:700}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.follow-list-modal{max-width:400px}.follow-list{flex-direction:column;gap:4px;max-height:360px;display:flex;overflow-y:auto}.follow-list-item{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:12px;padding:10px 12px;display:flex}.follow-list-item:hover{background:var(--bg-hover)}.follow-list-avatar{object-fit:cover;border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;width:44px;height:44px}.follow-list-info{flex-direction:column;gap:1px;display:flex;overflow:hidden}.follow-list-name{color:var(--text-active);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.follow-list-handle{color:var(--text-muted);font-size:12px}.edit-profile-modal{max-width:460px}.edit-avatar-section{flex-direction:column;align-items:center;gap:8px;margin-bottom:20px;display:flex}.edit-avatar-wrapper{border:3px solid var(--primary);border-radius:50%;width:100px;height:100px;position:relative;overflow:hidden;box-shadow:0 4px 16px #00c26f40}.edit-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.edit-avatar-overlay{opacity:0;cursor:pointer;color:#fff;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;transition:opacity .2s;display:flex;position:absolute;inset:0}.edit-avatar-wrapper:hover .edit-avatar-overlay{opacity:1}.edit-photo-hint{color:var(--primary);font-size:11px;font-weight:500}@media (width<=600px){.profile-meta-section{padding:0 18px 22px}.profile-avatar-wrapper{width:90px;height:90px}.profile-avatar-action-row{margin-top:-45px}.profile-action-btns{gap:8px;padding-top:48px}.btn-profile-action{padding:8px 14px;font-size:12px}.profile-display-name{font-size:19px}.profile-stats-row{gap:20px}.stat-num{font-size:16px}.profile-cover{height:150px}.profile-tabs-bar{flex-wrap:wrap;gap:4px}.modal-content{padding:22px}}.interests-bubble-grid{flex-wrap:wrap;justify-content:center;gap:14px;padding:8px 0;display:flex}.interest-bubble-item{cursor:pointer;transition:transform var(--transition-fast) ease;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.interest-bubble-item:hover{transform:scale(1.08)}.interest-outer-circle{width:100px;height:100px;transition:all var(--transition-fast) ease;background-color:#0000;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:flex}.interest-outer-circle.selected{border-color:#ff3b3b;box-shadow:0 0 12px #ff3b3b40}.interest-inner-circle{text-align:center;width:90px;height:90px;transition:all var(--transition-fast) ease;background:#fff;border:.9px solid #e4e4e4;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex;box-shadow:0 4px 16px #f9a7c42e}.interest-circle-text{color:#212020;transition:color var(--transition-fast) ease;font-size:11px;font-weight:700;line-height:1.2}.interest-circle-text.selected{color:#e63946}.settings-container{flex-direction:column;gap:24px;max-width:680px;margin:0 auto;display:flex}.settings-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;gap:24px;padding:32px;display:flex}.settings-section{border-bottom:1.5px solid var(--border);flex-direction:column;gap:16px;padding-bottom:24px;display:flex}.settings-section:last-child{border-bottom:none;padding-bottom:0}.settings-section-title{color:var(--text-active);margin:0;font-size:16px;font-weight:700}.settings-item-row{justify-content:space-between;align-items:center;font-size:14px;display:flex}.settings-item-label{color:var(--text-main);font-weight:600}.settings-item-desc{color:var(--text-muted);margin-top:4px;font-size:12px}.cached-accounts-list{flex-direction:column;gap:12px;margin-top:8px;display:flex}.cached-account-card{border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background-color:var(--bg-app);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.cached-account-card:hover{border-color:var(--primary);background-color:var(--bg-card)}.cached-account-card.active{border-color:var(--primary);background-color:#00c26f0d}.cached-account-info{align-items:center;gap:12px;display:flex}.cached-account-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.cached-account-name{color:var(--text-active);font-size:13px;font-weight:600}.cached-account-username{color:var(--text-muted);font-size:11px}.settings-header-row{align-items:center;gap:16px;display:flex}.post-detail-container{flex-direction:column;gap:20px;max-width:680px;margin:0 auto;padding:0 8px 40px;display:flex}.detail-navigation-bar{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:12px 0;display:flex}.back-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:6px 12px;font-size:14px;font-weight:600;display:flex}.back-btn:hover{background-color:var(--bg-app);color:var(--text-active)}.navbar-title{color:var(--text-active);font-size:16px;font-weight:700}.detail-main-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);flex-direction:column;padding:28px;display:flex}.detail-post-title{color:var(--text-active);margin:0 0 10px;font-size:22px;font-weight:700;line-height:1.4}.detail-post-desc{color:var(--text-main);white-space:pre-wrap;margin-bottom:20px;font-size:15px;line-height:1.7}.detail-carousel{border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:20px}.carousel-zoom-overlay{opacity:0;width:100%;height:100%;transition:opacity var(--transition-fast);color:#fff;pointer-events:none;background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.carousel-slide:hover .carousel-zoom-overlay{opacity:1}.detail-comments-section{flex-direction:column;gap:20px;margin-top:12px;display:flex}.comments-heading{color:var(--text-active);margin:0;font-size:16px;font-weight:700}.comments-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;padding:20px;font-size:13px;display:flex}.spinner-small{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.empty-comments{text-align:center;color:var(--text-muted);background-color:var(--bg-app);border-radius:var(--radius-md);border:1px dashed var(--border);padding:32px;font-size:13px}.comments-list{flex-direction:column;gap:16px;display:flex}.comment-item{align-items:flex-start;gap:12px;display:flex}.comment-avatar{object-fit:cover;border:1.5px solid var(--border);border-radius:50%;width:36px;height:36px}.comment-bubble{background-color:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);flex-grow:1;padding:12px 16px}.comment-bubble:hover{border-color:#00c26f26}.comment-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.comment-username{color:var(--text-active);font-size:13px;font-weight:600}.comment-meta{color:var(--text-muted);align-items:center;gap:10px;font-size:11px;display:flex}.comment-delete-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:2px}.comment-delete-btn:hover{color:var(--secondary);background-color:#ff3f5a14}.comment-text{color:var(--text-main);white-space:pre-wrap;margin:0;font-size:13.5px;line-height:1.5}.comment-input-form{border-top:1px solid var(--border);align-items:center;gap:12px;margin-top:12px;padding-top:20px;display:flex}.comment-form-avatar{object-fit:cover;border:1.5px solid var(--border);border-radius:50%;width:36px;height:36px}.input-group{flex-grow:1;gap:10px;display:flex}.comment-field{background-color:var(--bg-app);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-active);transition:all var(--transition-fast);flex-grow:1;padding:10px 16px;font-size:13.5px}.comment-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #00c26f1a}.comment-submit-btn{border-radius:var(--radius-md);padding:10px 20px;font-size:13px;font-weight:600}.login-to-comment{text-align:center;color:var(--text-muted);background-color:var(--bg-app);border-radius:var(--radius-md);border:1px solid var(--border);padding:16px;font-size:13px}.login-link{color:var(--primary);cursor:pointer;font-weight:600;text-decoration:underline}.fullscreen-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;width:100vw;height:100vh;animation:fadeIn var(--transition-fast) ease-out;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.fullscreen-close-btn{color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;right:24px}.fullscreen-close-btn:hover{background-color:#ff3f5acc;border-color:#0000;transform:scale(1.05)}.fullscreen-content{border-radius:var(--radius-md);justify-content:center;align-items:center;max-width:90%;max-height:85%;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.fullscreen-media{object-fit:contain;max-width:100%;max-height:100%}.detail-main-card .post-header-actions{position:relative}.detail-loading-container{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:100px 0;display:flex}.detail-loading-container .spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.detail-error-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:100px 20px;display:flex}.detail-error-container h2{color:var(--text-active);margin:0;font-weight:700}.article-detail-container{flex-direction:column;gap:24px;max-width:680px;margin:0 auto;padding:0 8px 40px;display:flex}.article-main-body{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);flex-direction:column;padding:32px;display:flex}.article-spotlight-badge{color:var(--primary);text-transform:uppercase;letter-spacing:.8px;border-radius:var(--radius-full);background-color:#00c26f14;border:1px solid #00c26f33;align-self:flex-start;align-items:center;gap:6px;margin-bottom:16px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.article-headline{color:var(--text-active);letter-spacing:-.5px;margin:0;font-size:28px;font-weight:800;line-height:1.35}.article-hero-box{aspect-ratio:16/9;border-radius:var(--radius-md);border:1px solid var(--border);width:100%;margin-bottom:24px;position:relative;overflow:hidden}.article-hero-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.article-hero-box:hover .article-hero-image{transform:scale(1.02)}.article-hero-overlay{pointer-events:none;background:linear-gradient(#0000 60%,#0006);width:100%;height:100%;position:absolute;top:0;left:0}.article-content-body{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.article-summary-text{color:var(--text-main);margin:0;font-size:16px;line-height:1.8}.redirection-card{background:linear-gradient(135deg, var(--bg-app) 0%, #00c26f0a 100%);border:1.5px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:20px;margin-top:10px;padding:24px;display:flex}.redirection-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #00c26f0f}.redirection-info{flex-direction:column;gap:4px;display:flex}.redirection-info h3{color:var(--text-active);margin:0;font-size:15px;font-weight:700}.redirection-info p{color:var(--text-muted);margin:0;font-size:12.5px;line-height:1.5}.redirection-btn{border-radius:var(--radius-md);white-space:nowrap;align-items:center;gap:8px;padding:12px 20px;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #00c26f33}.similar-articles-section{flex-direction:column;gap:16px;margin-top:10px;display:flex}.similar-header{align-items:center;gap:10px;display:flex}.similar-icon{color:var(--primary)}.similar-header h2{color:var(--text-active);margin:0;font-size:18px;font-weight:700}.similar-loading,.similar-empty{text-align:center;background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-muted);padding:40px;font-size:13px}.similar-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.similar-grid{grid-template-columns:1fr}}.similar-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;height:100%;transition:all var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.similar-card:hover{border-color:var(--primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.similar-thumbnail{object-fit:cover;border-bottom:1.5px solid var(--border);width:100%;height:120px}.similar-body{flex-direction:column;flex-grow:1;gap:6px;padding:14px;display:flex}.similar-source{color:var(--primary);font-size:11px;font-weight:600}.similar-title{color:var(--text-active);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13.5px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.similar-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.similar-meta{color:var(--text-muted);border-top:1px solid var(--border);gap:12px;margin-top:6px;padding-top:10px;font-size:11px;display:flex}@media (width<=576px){.redirection-card{flex-direction:column;align-items:flex-start;padding:20px}.redirection-btn{justify-content:center;width:100%}.article-headline{font-size:22px}.article-main-body{padding:20px}}