@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}}.desktop-top-header-search{background-color:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border);z-index:99;transition:background-color var(--transition-fast);align-items:center;padding:16px 30px;display:flex;position:sticky;top:0}@media (width<=768px){.desktop-top-header-search{display:none}}.desktop-search-form{width:100%;max-width:600px;position:relative}.desktop-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.desktop-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:12px 44px 12px 48px;font-size:13.5px}.desktop-search-input:focus{border-color:var(--primary);background-color:var(--bg-card);box-shadow:0 0 0 4px #ff3f5a14}.desktop-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:18px;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}.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}}.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}.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)}.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 - 60px);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 - 150px)}}.chat-inbox-pane{border-right:1px solid var(--border);background-color:var(--bg-sidebar);flex-direction:column;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-grow:1;gap:8px;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%;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-grow:1;gap:16px;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}.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}.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%}.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 360px;align-items:start;gap:30px;display:grid}@media (width<=992px){.support-content-grid{grid-template-columns:1fr}}.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:sticky;top:96px}.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}.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-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{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}.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}}