.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}.modal-container{width:100%;max-width:440px;max-height:90vh;overflow-y:auto;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;padding:32px;position:relative;animation:slideDown .3s ease}.modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.modal-header{text-align:center;margin-bottom:24px}.modal-header .modal-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.modal-header .logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--accent) 0%,#00a8cc 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:var(--bg-primary);box-shadow:0 4px 16px #00d9ff4d}.modal-header .logo-text{font-size:28px;font-weight:700;background:linear-gradient(135deg,var(--accent) 0%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-subtitle{font-size:15px;color:var(--text-secondary)}.auth-tabs{display:flex;gap:4px;padding:4px;background-color:var(--bg-tertiary);border-radius:12px;margin-bottom:20px}.auth-tab{flex:1;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast)}.auth-tab:hover{color:var(--text-primary)}.auth-tab.active{background-color:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.auth-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background-color:#ff52521a;border:1px solid rgba(255,82,82,.3);border-radius:10px;margin-bottom:20px;color:#ff5252;font-size:14px;animation:slideDown .2s ease}.auth-error svg{flex-shrink:0}.auth-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group input:invalid:not(:placeholder-shown){border-color:#ff5252}.password-input{position:relative}.password-input input{padding-right:48px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);border-radius:8px;transition:all var(--transition-fast)}.password-toggle:hover{color:var(--text-primary);background-color:var(--bg-hover)}.auth-submit{height:52px;padding:0 24px;background:linear-gradient(135deg,var(--accent) 0%,#00a8cc 100%);color:var(--bg-primary);font-size:16px;font-weight:600;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;transition:all var(--transition-fast);box-shadow:0 4px 12px #00d9ff40}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d9ff59}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-terms{text-align:center;font-size:12px;color:var(--text-tertiary);margin-top:20px;line-height:1.6}.auth-terms a{color:var(--accent)}.auth-terms a:hover{text-decoration:underline}@media (max-width: 480px){.modal-container{padding:24px 20px;border-radius:16px}.form-row{grid-template-columns:1fr}.modal-header .logo-icon{width:44px;height:44px;font-size:24px}.modal-header .logo-text{font-size:24px}}.badge-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}.badge-modal{width:100%;max-width:380px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;position:relative;animation:modalPop .3s ease}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.badge-modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#0000004d;transition:all var(--transition-fast);z-index:10}.badge-modal-close:hover{background-color:#00000080}.badge-modal-content{display:flex;flex-direction:column}.badge-modal-header{padding:40px 20px;display:flex;justify-content:center;position:relative}.badge-modal-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,var(--bg-secondary) 0%,transparent 100%)}.badge-modal-icon{color:#fff;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));animation:iconFloat 2s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.badge-modal-verified-icon{filter:drop-shadow(0 4px 12px rgba(29,155,240,.4))}.badge-modal-staff-icon{filter:drop-shadow(0 4px 12px rgba(245,184,0,.4))}.badge-modal-body{padding:0 24px 24px;text-align:center}.badge-modal-title{font-size:24px;font-weight:800;color:var(--text-primary);margin-bottom:4px;letter-spacing:-.5px}.badge-modal-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:16px}.badge-modal-description{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:20px}.badge-modal-benefits{text-align:left;background-color:var(--bg-tertiary);border-radius:14px;padding:16px 18px}.badge-modal-benefits h4{font-size:12px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px}.badge-modal-benefits ul{display:flex;flex-direction:column;gap:12px}.badge-modal-benefits li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-primary)}.benefit-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-hover);flex-shrink:0}@media (max-width: 480px){.badge-modal{max-width:100%;margin:0 12px}.badge-modal-header{padding:32px 20px}.badge-modal-body{padding:0 20px 20px}.badge-modal-title{font-size:22px}}.user-badges{display:inline-flex;align-items:center;gap:3px;margin-left:4px;vertical-align:middle}.badge{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);background:none;border:none;padding:0;line-height:0}.badge:hover{transform:scale(1.15)}.badge:active{transform:scale(.95)}.badge-verified{color:#1d9bf0}.badge-verified:hover{color:#1a8cd8}.verified-icon{filter:drop-shadow(0 1px 2px rgba(29,155,240,.3))}.badge-staff{color:#f5b800}.badge-staff:hover{color:#e6ac00}.staff-icon{filter:drop-shadow(0 1px 2px rgba(245,184,0,.4))}.badges-sm{gap:2px;margin-left:3px}.badges-sm .badge{line-height:0}.badges-md{gap:3px;margin-left:4px}.badges-lg{gap:4px;margin-left:5px}@keyframes badgePop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.badge{animation:badgePop .3s ease-out}.badge-staff{animation-delay:.05s}.navbar{position:fixed;top:0;left:0;right:0;height:calc(var(--navbar-height) + var(--safe-area-top));padding-top:var(--safe-area-top);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#181818f2}.navbar-container{max-width:1400px;height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.navbar-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent) 0%,#00a8cc 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--bg-primary);box-shadow:0 4px 12px #00d9ff40}.logo-text{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--accent) 0%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-search{flex:1;max-width:480px;position:relative}.search-input{width:100%;height:44px;padding:0 20px;background-color:var(--bg-tertiary);border-radius:22px;font-size:15px;color:var(--text-primary);border:1px solid transparent;transition:all var(--transition-fast)}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{background-color:var(--bg-primary);border-color:var(--border-color)}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0006;z-index:1000;max-height:480px;overflow-y:auto}.search-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px;color:var(--text-secondary)}.search-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 24px;color:var(--text-tertiary);text-align:center}.search-empty p{font-size:14px}.search-section{padding:8px 0}.search-section:not(:last-child){border-bottom:1px solid var(--border-color)}.search-section-header{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.search-result-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background-color var(--transition-fast)}.search-result-item:hover{background-color:var(--bg-tertiary)}.search-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.search-user-info{flex:1;min-width:0}.search-user-name{display:flex;align-items:center;gap:4px;font-weight:600;font-size:14px;color:var(--text-primary)}.search-username{font-size:13px;color:var(--text-secondary)}.search-followers{font-size:12px;color:var(--text-tertiary);flex-shrink:0}.search-post-info{flex:1;min-width:0}.search-post-author{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-primary);margin-bottom:2px}.search-post-username{color:var(--text-secondary);font-weight:400}.search-post-content{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.search-view-more{display:block;width:100%;padding:10px 16px;text-align:center;font-size:13px;font-weight:500;color:var(--accent);background:none;border:none;cursor:pointer;transition:background-color var(--transition-fast)}.search-view-more:hover{background-color:var(--bg-tertiary)}.navbar-actions{display:flex;align-items:center;gap:8px}.nav-action-btn{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);position:relative;transition:all var(--transition-fast)}.nav-action-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.notification-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;background-color:var(--accent);color:var(--bg-primary);border-radius:9px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.messages-btn{position:relative}.message-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;background-color:var(--accent);color:var(--bg-primary);border-radius:9px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.nav-action-btn.active{background-color:var(--bg-hover);color:var(--accent)}.notifications-wrapper{position:relative}.notifications-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-height:500px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);overflow:hidden;animation:slideDown .2s ease;z-index:100}.notifications-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color)}.notifications-header h3{font-size:16px;font-weight:600;color:var(--text-primary)}.mark-all-read{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-secondary);transition:all var(--transition-fast)}.mark-all-read:hover{background-color:var(--bg-hover);color:var(--accent)}.notifications-list{max-height:400px;overflow-y:auto}.notifications-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-tertiary)}.notifications-empty svg{margin-bottom:12px;opacity:.5}.notifications-empty p{font-size:14px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;cursor:pointer;transition:background-color var(--transition-fast);position:relative}.notification-item:hover{background-color:var(--bg-hover)}.notification-item.unread{background-color:#00d9ff0d}.notification-item.unread:hover{background-color:#00d9ff14}.notification-avatar-wrapper{position:relative;flex-shrink:0}.notification-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background-color:var(--bg-tertiary)}.notif-icon{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:3px;border:2px solid var(--bg-secondary)}.notif-icon.follow{background-color:var(--accent);color:var(--bg-primary)}.notif-icon.like{background-color:#ff5252;color:#fff}.notif-icon.comment{background-color:#4caf50;color:#fff}.notif-icon.mention{background-color:#9b87f5;color:#fff}.notification-content{flex:1;min-width:0}.notification-message{font-size:14px;color:var(--text-secondary);line-height:1.4;margin-bottom:4px}.notification-message strong{color:var(--text-primary);font-weight:600}.notification-time{font-size:12px;color:var(--text-tertiary)}.notification-unread-dot{width:8px;height:8px;background-color:var(--accent);border-radius:50%;flex-shrink:0;margin-top:6px}.view-all-notifications{display:block;padding:14px 16px;text-align:center;font-size:14px;font-weight:600;color:var(--accent);border-top:1px solid var(--border-color);margin-top:8px;transition:background-color var(--transition-fast)}.view-all-notifications:hover{background-color:var(--accent-subtle)}.user-menu{position:relative;margin-left:8px}.user-menu-trigger{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:24px;transition:all var(--transition-fast)}.user-menu-trigger:hover{background-color:var(--bg-hover)}.user-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background-color:var(--bg-tertiary)}.user-name{font-size:14px;font-weight:500;color:var(--text-primary)}.dropdown-arrow{color:var(--text-tertiary);transition:transform var(--transition-fast)}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);padding:8px;animation:slideDown .2s ease;z-index:100}.dropdown-header{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background-color:var(--bg-tertiary);margin-bottom:4px}.dropdown-avatar{width:44px;height:44px;border-radius:50%;background-color:var(--bg-hover)}.dropdown-user-info{display:flex;flex-direction:column}.dropdown-name{font-size:15px;font-weight:600;color:var(--text-primary)}.dropdown-username{font-size:13px;color:var(--text-secondary)}.dropdown-divider{height:1px;background-color:var(--border-color);margin:8px 0}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);width:100%}.dropdown-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.dropdown-item.logout:hover{background-color:#ff52521a;color:#ff5252}@media (max-width: 768px){.navbar-container{padding:0 16px;gap:12px}.logo-text{display:none}.navbar-search{max-width:none}.user-name{display:none}.user-menu-trigger{padding:6px}.dropdown-arrow{display:none}}.login-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--accent) 0%,#00a8cc 100%);color:var(--bg-primary);font-size:14px;font-weight:600;border-radius:24px;transition:all var(--transition-fast);box-shadow:0 2px 8px #00d9ff40}.login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00d9ff59}@media (max-width: 480px){.nav-action-btn{width:38px;height:38px}.nav-action-btn svg{width:20px;height:20px}.login-btn span{display:none}.login-btn{padding:10px 14px}}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:48px 24px 24px}.footer-main{display:flex;justify-content:space-between;gap:48px;margin-bottom:40px}.footer-brand{max-width:280px}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:12px}.footer-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--accent) 0%,#00a8cc 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--bg-primary)}.footer-logo-text{font-size:20px;font-weight:700;color:var(--text-primary)}.footer-tagline{font-size:14px;color:var(--text-secondary);line-height:1.6}.footer-links{display:flex;gap:64px}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-column h4{font-size:13px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.footer-column a{font-size:14px;color:var(--text-secondary);transition:color var(--transition-fast)}.footer-column a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--border-color)}.copyright{font-size:13px;color:var(--text-tertiary)}.copyright a{color:var(--accent);font-weight:500}.copyright a:hover{text-decoration:underline}.made-with{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-tertiary)}.heart-icon{color:#ff6b6b;fill:#ff6b6b;animation:pulse 1.5s ease-in-out infinite}@media (max-width: 768px){.footer-container{padding:32px 20px 20px}.footer-main{flex-direction:column;gap:32px}.footer-brand{max-width:none;text-align:center}.footer-logo{justify-content:center}.footer-links{justify-content:center;gap:40px;flex-wrap:wrap}.footer-column{align-items:center;text-align:center}.footer-bottom{flex-direction:column;gap:12px;text-align:center}}@media (max-width: 480px){.footer-links{flex-direction:column;gap:24px}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(64px + var(--safe-area-bottom));padding-bottom:var(--safe-area-bottom);background-color:var(--bg-secondary);border-top:1px solid var(--border-color);z-index:1000}.native-app .mobile-nav{display:flex;justify-content:space-around;align-items:flex-start;padding-top:8px}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 16px;color:var(--text-tertiary);font-size:11px;font-weight:500;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-item.active svg{color:var(--accent)}.mobile-nav-item.staff,.mobile-nav-item.staff.active{color:#9b87f5}.mobile-nav-item.staff svg{color:#9b87f5}.nav-icon-wrapper{position:relative}.mobile-badge{position:absolute;top:-6px;right:-10px;min-width:18px;height:18px;padding:0 5px;background-color:var(--accent);color:var(--bg-primary);border-radius:9px;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.mobile-nav-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid transparent}.mobile-nav-item.active .mobile-nav-avatar{border-color:var(--accent)}@media (max-width: 768px){.mobile-nav{display:flex;justify-content:space-around;align-items:flex-start;padding-top:8px}.main-content{padding-bottom:calc(64px + var(--safe-area-bottom))}}.left-sidebar{position:sticky;top:var(--navbar-height);width:var(--sidebar-width);min-width:var(--sidebar-width);height:calc(100vh - var(--navbar-height));padding:24px 16px;display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;border-right:1px solid var(--border-color);background-color:var(--bg-primary)}.sidebar-nav{flex:1}.nav-section{margin-bottom:28px}.nav-section-title{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:0 12px;margin-bottom:8px}.nav-link{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;font-size:15px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);margin-bottom:4px}.nav-link:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-link.active{background-color:var(--accent-subtle);color:var(--accent)}.nav-link.active svg{color:var(--accent)}.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;background-color:var(--accent);color:var(--bg-primary);font-size:12px;font-weight:600;border-radius:10px;display:flex;align-items:center;justify-content:center}.nav-link.login-link{background:linear-gradient(135deg,var(--accent-subtle) 0%,transparent 100%);border:1px solid var(--accent-glow);color:var(--accent)}.nav-link.login-link:hover{background:linear-gradient(135deg,var(--accent-glow) 0%,var(--accent-subtle) 100%)}.nav-link.login-link svg{color:var(--accent)}.nav-link.staff-link{background:linear-gradient(135deg,rgba(155,135,245,.1) 0%,transparent 100%);border:1px solid rgba(155,135,245,.2);color:#9b87f5}.nav-link.staff-link:hover{background:linear-gradient(135deg,#9b87f526,#9b87f514)}.nav-link.staff-link.active{background:linear-gradient(135deg,#9b87f533,#9b87f51a);color:#9b87f5}.nav-link.staff-link svg{color:#9b87f5}.nav-link svg{flex-shrink:0}.sidebar-footer{padding:16px 12px;border-top:1px solid var(--border-color);margin-top:auto}.quick-links{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--text-tertiary);margin-bottom:8px}.quick-links a{color:var(--text-tertiary);transition:color var(--transition-fast)}.quick-links a:hover{color:var(--accent)}.copyright-mini{font-size:11px;color:var(--text-tertiary)}@media (max-width: 1024px){.left-sidebar{width:72px;padding:16px 8px}.nav-section-title{display:none}.nav-link{justify-content:center;padding:14px}.nav-link span,.sidebar-footer{display:none}}@media (max-width: 768px){.left-sidebar{display:none}}.emoji-picker-container{position:relative;display:inline-flex}.emoji-trigger{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-tertiary);transition:all var(--transition-fast);background:transparent;border:none;cursor:pointer}.emoji-trigger:hover{background-color:var(--bg-hover);color:var(--accent)}.emoji-picker-popup{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:1000;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg)}.emoji-picker-popup em-emoji-picker{--em-rgb-background: 24, 24, 24;--em-rgb-input: 33, 33, 33;--em-rgb-color: 255, 255, 255}@media (max-width: 768px){.emoji-picker-popup{position:fixed;bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:16px}.emoji-picker-popup em-emoji-picker{max-height:320px}}@media (max-width: 480px){.emoji-picker-popup em-emoji-picker{width:320px!important;max-height:280px}}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip{position:absolute;z-index:1000;padding:8px 12px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);pointer-events:none;white-space:nowrap;animation:tooltipFadeIn .15s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tooltip-content{font-size:13px;font-weight:500;color:var(--text-primary)}.tooltip-arrow{position:absolute;width:8px;height:8px;background-color:var(--bg-primary);border:1px solid var(--border-color);transform:rotate(45deg)}.tooltip-top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.tooltip-top .tooltip-arrow{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg);border-top:none;border-left:none}.tooltip-bottom{top:100%;left:50%;transform:translate(-50%);margin-top:8px}.tooltip-bottom .tooltip-arrow{top:-5px;left:50%;transform:translate(-50%) rotate(45deg);border-bottom:none;border-right:none}.tooltip-left{right:100%;top:50%;transform:translateY(-50%);margin-right:8px}.tooltip-left .tooltip-arrow{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg);border-left:none;border-bottom:none}.tooltip-right{left:100%;top:50%;transform:translateY(-50%);margin-left:8px}.tooltip-right .tooltip-arrow{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg);border-right:none;border-top:none}.user-preview-trigger{position:relative;display:inline}.user-preview-card{position:absolute;left:50%;transform:translate(-50%);width:300px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;animation:fadeIn .15s ease}.user-preview-card.below{top:calc(100% + 8px)}.user-preview-card.above{bottom:calc(100% + 8px);top:auto}.user-preview-card.above{animation-name:fadeInUp}.preview-loading{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--accent)}.preview-error{padding:24px;text-align:center;color:var(--text-secondary);font-size:14px}.preview-banner{height:80px;background-size:cover;background-position:center;background-color:var(--bg-tertiary)}.preview-content{padding:0 16px 16px}.preview-header{display:flex;align-items:flex-end;justify-content:space-between;margin-top:-32px;margin-bottom:12px}.preview-avatar{width:64px;height:64px;border-radius:50%;border:3px solid var(--bg-secondary);object-fit:cover;background-color:var(--bg-tertiary)}.preview-follow-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:18px;font-size:13px;font-weight:600;background-color:var(--accent);color:var(--bg-primary);transition:all var(--transition-fast)}.preview-follow-btn:hover:not(:disabled){background-color:var(--accent-hover)}.preview-follow-btn:disabled{opacity:.7}.preview-follow-btn.following{background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.preview-follow-btn.following:hover:not(:disabled){border-color:#ff5252;background-color:#ff52521a;color:#ff5252}.preview-name{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:600;color:var(--text-primary);transition:color var(--transition-fast)}.preview-name:hover{color:var(--accent)}.preview-username{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:12px}.preview-stats{display:flex;flex-wrap:wrap;gap:12px}.preview-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.preview-stat svg{color:var(--text-tertiary)}.preview-stat strong{color:var(--text-primary);font-weight:600}.hashtag-preview-trigger{position:relative;display:inline}.hashtag-preview-card{position:absolute;left:50%;transform:translate(-50%);width:260px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;animation:fadeIn .15s ease;padding:16px}.hashtag-preview-card.below{top:calc(100% + 8px)}.hashtag-preview-card.above{bottom:calc(100% + 8px);top:auto}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hashtag-preview-card.above{animation-name:fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hashtag-preview-loading{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--accent)}.hashtag-preview-error{text-align:center;color:var(--text-secondary);font-size:14px}.hashtag-preview-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.hashtag-icon-wrapper{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9b87f5,#7c3aed);border-radius:10px;color:#fff}.hashtag-title{font-size:17px;font-weight:700;color:var(--text-primary);transition:color var(--transition-fast)}.hashtag-title:hover{color:#9b87f5}.hashtag-preview-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.hashtag-stat{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.hashtag-stat svg{color:var(--text-tertiary)}.hashtag-stat strong{color:var(--text-primary);font-weight:600}.hashtag-preview-link{display:block;width:100%;padding:10px;text-align:center;font-size:13px;font-weight:600;color:#9b87f5;background-color:#9b87f51a;border-radius:8px;transition:all var(--transition-fast)}.hashtag-preview-link:hover{background-color:#9b87f533}.link-embed{display:block;margin-top:12px;border-radius:12px;overflow:hidden;transition:all var(--transition-fast)}.link-embed.loading{display:flex;align-items:center;gap:10px;padding:14px 16px;background-color:var(--bg-tertiary);color:var(--text-secondary);font-size:13px}.link-embed.fallback{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:var(--bg-tertiary);color:var(--accent);font-size:14px;word-break:break-all}.link-embed.fallback:hover{background-color:var(--bg-hover)}.link-embed.image-embed{position:relative;cursor:pointer;max-width:100%}.image-embed img{width:100%;max-height:400px;object-fit:contain;background-color:var(--bg-tertiary);border-radius:12px}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:13px;opacity:0;transition:opacity var(--transition-fast);border-radius:12px}.image-embed:hover .image-overlay{opacity:1}.link-embed.video-embed{background-color:var(--bg-tertiary);border-radius:12px}.video-embed video{width:100%;max-height:450px;border-radius:12px}.link-embed.youtube-embed{background-color:#000;aspect-ratio:16 / 9;border-radius:12px}.youtube-thumbnail{position:relative;width:100%;height:100%;cursor:pointer}.youtube-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:12px}.youtube-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0000004d;border-radius:12px;transition:background-color var(--transition-fast)}.youtube-thumbnail:hover .youtube-play-overlay{background-color:#00000080}.youtube-play-btn{width:72px;height:72px;background-color:#ff0000e6;border-radius:50%;display:flex;align-items:center;justify-content:center;padding-left:4px;transition:transform var(--transition-fast),background-color var(--transition-fast)}.youtube-thumbnail:hover .youtube-play-btn{transform:scale(1.1);background-color:red}.youtube-title-bar{position:absolute;bottom:0;left:0;right:0;padding:12px 14px;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%);border-radius:0 0 12px 12px}.youtube-title-bar span{color:#fff;font-size:13px;font-weight:500;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.youtube-player{width:100%;height:100%}.youtube-player iframe{width:100%;height:100%;border-radius:12px}.link-embed.link-preview{display:flex;flex-direction:column;background-color:var(--bg-tertiary);border:1px solid var(--border-color);position:relative}.link-embed.link-preview:hover{border-color:var(--accent);background-color:var(--bg-hover)}.link-preview.with-image{flex-direction:column}.link-image{width:100%;aspect-ratio:1.91 / 1;overflow:hidden;background-color:var(--bg-secondary)}.link-image img{width:100%;height:100%;object-fit:cover}.link-content{padding:14px 16px;display:flex;flex-direction:column;gap:6px}.link-site{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary)}.link-favicon{width:14px;height:14px;border-radius:2px}.link-title{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-description{font-size:13px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-external-icon{position:absolute;top:12px;right:12px;color:var(--text-tertiary);opacity:0;transition:opacity var(--transition-fast)}.link-preview:hover .link-external-icon{opacity:1}.embed-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;cursor:zoom-out;animation:fadeIn .2s ease}.embed-lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.lightbox-close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background-color:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast)}@media (max-width: 768px){.youtube-play-btn{width:56px;height:56px}.youtube-play-btn svg{width:24px;height:24px}.link-content{padding:12px 14px}}.report-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:fadeIn .2s ease}.report-modal{background-color:var(--bg-secondary);border-radius:16px;width:100%;max-width:480px;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.report-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.report-modal-title{display:flex;align-items:center;gap:10px;color:#ff9800}.report-modal-title h2{font-size:18px;font-weight:600;color:var(--text-primary)}.report-close-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.report-close-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.report-modal-body{padding:20px}.report-target-info{background-color:var(--bg-tertiary);padding:10px 14px;border-radius:8px;font-size:13px;color:var(--text-secondary);margin-bottom:16px}.report-target-info strong{color:var(--text-primary)}.report-form-group{margin-bottom:16px}.report-form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:10px}.report-form-group textarea{width:100%;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;padding:12px 14px;font-size:14px;color:var(--text-primary);resize:vertical;min-height:120px;transition:border-color var(--transition-fast)}.report-form-group textarea:focus{border-color:var(--text-tertiary);outline:none}.report-form-group textarea::placeholder{color:var(--text-tertiary)}.char-count{text-align:right;font-size:12px;color:var(--text-tertiary);margin-top:6px}.report-error{display:flex;align-items:center;gap:8px;background-color:#f443361a;border:1px solid #ff4444;border-radius:8px;padding:10px 14px;color:#f44;font-size:13px;margin-bottom:16px}.report-guidelines{background-color:var(--bg-tertiary);border-radius:10px;padding:14px 16px;font-size:13px}.report-guidelines strong{display:block;margin-bottom:8px;color:var(--text-secondary)}.report-guidelines ul{padding-left:18px;color:var(--text-tertiary)}.report-guidelines li{list-style:disc;margin-bottom:4px}.report-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border-color)}.report-cancel-btn{padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;background-color:var(--bg-tertiary);color:var(--text-secondary);transition:all var(--transition-fast)}.report-cancel-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.report-submit-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;background-color:#ff9800;color:#fff;display:flex;align-items:center;justify-content:center;min-width:120px;transition:all var(--transition-fast)}.report-submit-btn:hover:not(:disabled){background-color:#f57c00}.report-submit-btn:disabled{opacity:.5;cursor:not-allowed}.report-success{padding:40px 20px;text-align:center}.success-icon{width:64px;height:64px;border-radius:50%;background-color:#4caf5026;color:#4caf50;font-size:32px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.report-success h3{font-size:18px;margin-bottom:8px}.report-success p{color:var(--text-secondary);font-size:14px}@media (max-width: 480px){.report-modal{max-width:100%;border-radius:0;height:100%;display:flex;flex-direction:column}.report-modal-body{flex:1;overflow-y:auto}}.poll{background:var(--bg-tertiary);border-radius:12px;padding:16px;margin-top:12px}.poll.expired{opacity:.8}.poll-header{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:13px;font-weight:600;margin-bottom:12px}.poll-question{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px;line-height:1.4}.poll-option{position:relative;width:100%;padding:12px 16px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;text-align:left;transition:all var(--transition-fast);overflow:hidden}.poll-option:not(:disabled):hover{border-color:var(--accent);background:#00d9ff0d}.poll-option:disabled{cursor:default}.poll-option.show-results{background:transparent}.poll-option.voted{border-color:var(--accent)}.poll-option.winner{border-color:#22c55e}.poll-option.voting{opacity:.7}.option-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.option-text{font-size:14px;font-weight:500;color:var(--text-primary);flex:1}.option-percentage{font-size:14px;font-weight:700;color:var(--text-primary)}.voted-icon{color:var(--accent);flex-shrink:0}.voting-spinner{animation:spin 1s linear infinite;color:var(--accent)}.option-bar{position:absolute;left:0;top:0;bottom:0;background:#00d9ff26;border-radius:8px;transition:width .5s ease-out}.poll-option.winner .option-bar{background:#22c55e33}.poll-option.voted .option-bar{background:#00d9ff33}.poll-footer{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:var(--text-tertiary)}.poll-votes{font-weight:500}.poll-separator{color:var(--text-tertiary)}.poll-time{display:flex;align-items:center;gap:4px}.poll-time.expired{color:#ff5252}.poll-option{animation:fadeInUp .3s ease-out}.poll-option:nth-child(1){animation-delay:0ms}.poll-option:nth-child(2){animation-delay:50ms}.poll-option:nth-child(3){animation-delay:.1s}.poll-option:nth-child(4){animation-delay:.15s}.poll-option:nth-child(5){animation-delay:.2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.poll{padding:14px}.poll-question{font-size:15px}.poll-option{padding:10px 14px}.option-text{font-size:13px}}.video-player{position:relative;width:100%;background:#000;border-radius:12px;overflow:hidden;cursor:pointer}.video-player video{width:100%;display:block;max-height:500px;object-fit:contain}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d}.play-btn-large{width:80px;height:80px;border-radius:50%;background:#00d9ffe6;color:#000;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.play-btn-large:hover{background:var(--accent);transform:scale(1.1)}.play-btn-large svg{margin-left:4px}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:20px 16px 12px;opacity:0;transition:opacity var(--transition-fast)}.video-player.show-controls .video-controls,.video-player:hover .video-controls{opacity:1}.video-progress{position:relative;height:4px;background:#ffffff4d;border-radius:2px;margin-bottom:12px;cursor:pointer}.progress-slider{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.progress-bar{position:absolute;left:0;top:0;height:100%;background:var(--accent);border-radius:2px;pointer-events:none}.video-controls-bottom{display:flex;align-items:center;justify-content:space-between}.controls-left,.controls-right{display:flex;align-items:center;gap:12px}.control-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-fast)}.control-btn:hover{background:#fff3}.time-display{font-size:13px;color:#ffffffe6;font-weight:500;font-variant-numeric:tabular-nums}.video-player:fullscreen{border-radius:0}.video-player:fullscreen video{max-height:100vh}@media (max-width: 768px){.play-btn-large{width:60px;height:60px}.play-btn-large svg{width:32px;height:32px}.video-controls{padding:16px 12px 8px}.control-btn{width:32px;height:32px}.time-display{font-size:12px}}.post{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px;transition:border-color var(--transition-fast)}.post:hover{border-color:var(--border-light)}.post-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.post-avatar{width:48px;height:48px;border-radius:50%;background-color:var(--bg-tertiary);flex-shrink:0;object-fit:cover}.post-author{flex:1;min-width:0}.post-author-name{display:flex;align-items:center;font-size:15px;font-weight:600;color:var(--text-primary);transition:color var(--transition-fast)}.post-author-name:hover{color:var(--accent)}.post-meta{display:flex;align-items:center;gap:6px;margin-top:2px}.post-username{font-size:14px;color:var(--text-secondary);transition:color var(--transition-fast)}.post-username:hover{color:var(--accent)}.meta-dot{color:var(--text-tertiary);font-size:10px}.post-time{font-size:13px;color:var(--text-tertiary)}.post-header-actions{display:flex;align-items:center;gap:8px}.follow-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;background-color:var(--accent);color:var(--bg-primary);transition:all var(--transition-fast)}.follow-btn:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.follow-btn:disabled{opacity:.7;cursor:not-allowed}.follow-btn.following{background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.follow-btn.following:hover:not(:disabled){border-color:#ff5252;background-color:#ff52521a;color:#ff5252}.follow-btn-text{display:inline}@media (max-width: 480px){.follow-btn-text{display:none}.follow-btn{padding:8px}}.post-menu{position:relative}.post-menu-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--transition-fast)}.post-menu-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.post-dropdown{position:absolute;top:100%;right:0;min-width:160px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;z-index:10;animation:slideDown .15s ease}.post-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:8px;font-size:14px;color:var(--text-secondary);transition:all var(--transition-fast)}.post-dropdown-item:hover{background-color:var(--bg-hover)}.post-dropdown-item.delete{color:#ff5252}.post-dropdown-item.delete:hover{background-color:#ff52521a}.post-dropdown-item.report{color:#ff9800}.post-dropdown-item.report:hover{background-color:#ff98001a}.post-content{margin-bottom:16px}.post-content p{font-size:15px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.content-mention,.content-hashtag,.content-link{color:var(--accent);font-weight:500;transition:all var(--transition-fast)}.content-mention:hover,.content-hashtag:hover,.content-link:hover{text-decoration:underline;filter:brightness(1.2)}.content-hashtag{color:#9b87f5}.content-link{color:var(--accent);word-break:break-all}.post-media,.post-images{display:grid;gap:4px;margin-top:14px;border-radius:12px;overflow:hidden}.post-media.media-1,.post-images.images-1{grid-template-columns:1fr}.post-media.media-2,.post-images.images-2{grid-template-columns:1fr 1fr}.post-media.media-3,.post-images.images-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.post-media.media-3 .post-media-wrapper:first-child,.post-images.images-3 .post-image-wrapper:first-child{grid-row:span 2}.post-media.media-4,.post-images.images-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.post-media-wrapper,.post-image-wrapper{position:relative;cursor:pointer;overflow:hidden;aspect-ratio:16/9}.post-media-wrapper.video{cursor:default;aspect-ratio:auto}.post-media.media-1 .post-media-wrapper,.post-images.images-1 .post-image-wrapper{aspect-ratio:16/10;max-height:400px}.post-media.media-1 .post-media-wrapper.video{aspect-ratio:auto;max-height:500px}.post-media-wrapper img,.post-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-fast)}.post-media-wrapper.gif img{object-fit:contain;background:#000}.post-media-wrapper:not(.video):hover img,.post-image-wrapper:hover img{transform:scale(1.02)}.media-badge{position:absolute;top:8px;left:8px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.media-badge.gif{background:var(--accent);color:#000}.more-media,.more-images{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#fff}.post-actions{display:flex;align-items:center;gap:4px;padding-top:12px;border-top:1px solid var(--border-color)}.action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.action-btn:hover{background-color:var(--bg-hover)}.action-btn span{min-width:20px}.like-btn:hover{color:#ff6b6b;background-color:#ff6b6b1a}.like-btn.liked{color:#ff6b6b}.like-btn.liked svg{fill:#ff6b6b}.comment-btn:hover{color:var(--accent);background-color:var(--accent-subtle)}.repost-container{position:relative}.repost-btn:hover{color:#4ade80;background-color:#4ade801a}.repost-btn.reposted{color:#4ade80}.repost-btn.reposted svg{stroke-width:2.5px}.repost-menu{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:8px 0;min-width:160px;z-index:100;box-shadow:0 4px 16px #0000004d;margin-bottom:8px}.repost-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:none;border:none;color:var(--text-primary);font-size:14px;cursor:pointer;transition:background-color .15s}.repost-menu button:hover{background-color:var(--bg-hover)}.repost-menu button svg{color:var(--text-secondary)}.reposted-by-header{display:flex;align-items:center;gap:6px;padding:8px 16px 0;color:var(--text-secondary);font-size:13px}.reposted-by-header svg{color:#4ade80}.reposted-by-header a{color:var(--text-secondary);text-decoration:none}.reposted-by-header a:hover{text-decoration:underline}.quote-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.quote-modal{background:var(--bg-secondary);border-radius:16px;width:100%;max-width:500px;overflow:hidden}.quote-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-color)}.quote-modal-header h3{font-size:18px;font-weight:600;color:var(--text-primary)}.quote-modal-header .close-btn{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .15s}.quote-modal-header .close-btn:hover{background-color:var(--bg-hover)}.quote-modal-content{padding:16px}.quote-modal-content textarea{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:12px;color:var(--text-primary);font-size:15px;resize:none;outline:none;font-family:inherit}.quote-modal-content textarea:focus{border-color:var(--accent)}.quote-char-count{text-align:right;font-size:12px;color:var(--text-secondary);margin-top:4px}.quote-preview{margin-top:12px;padding:12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px}.quote-preview-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.quote-preview-header img{width:24px;height:24px;border-radius:50%;object-fit:cover}.quote-preview-info{display:flex;flex-direction:column}.quote-preview-name{font-size:13px;font-weight:600;color:var(--text-primary)}.quote-preview-username{font-size:12px;color:var(--text-secondary)}.quote-preview-content{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.quote-modal-footer{padding:12px 16px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.quote-submit-btn{background:var(--accent);color:var(--bg-primary);border:none;padding:10px 20px;border-radius:20px;font-weight:600;font-size:14px;cursor:pointer;transition:opacity .15s;display:flex;align-items:center;gap:8px}.quote-repost-embed{margin-top:12px;padding:12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:background-color .15s}.quote-repost-embed:hover{background-color:var(--bg-hover)}.quote-repost-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.quote-repost-avatar{width:20px;height:20px;border-radius:50%;object-fit:cover}.quote-repost-info{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.quote-repost-name{font-size:13px;font-weight:600;color:var(--text-primary);text-decoration:none}.quote-repost-name:hover{text-decoration:underline}.quote-repost-username{font-size:13px;color:var(--text-secondary)}.quote-repost-content{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.quote-submit-btn:disabled{opacity:.5;cursor:not-allowed}.quote-submit-btn:hover:not(:disabled){opacity:.9}.save-btn{margin-left:auto;padding:10px}.save-btn:hover{color:#fbbf24;background-color:#fbbf241a}.save-btn.saved{color:#fbbf24}.save-btn.saved svg{fill:#fbbf24}.comments-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.add-comment{display:flex;align-items:center;gap:12px;margin-bottom:16px}.add-comment .comment-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.comment-input-wrapper{flex:1;display:flex;align-items:center;gap:4px;background-color:var(--bg-tertiary);border-radius:20px;padding-right:8px}.comment-input-wrapper input{flex:1;padding:10px 16px;font-size:14px;color:var(--text-primary);background:none}.comment-input-wrapper input::placeholder{color:var(--text-tertiary)}.comment-submit{padding:8px 16px;background-color:var(--accent);color:var(--bg-primary);font-size:13px;font-weight:600;border-radius:16px;transition:all var(--transition-fast)}.comment-submit:disabled{opacity:.5;cursor:not-allowed}.comment-submit:not(:disabled):hover{background-color:var(--accent-hover)}.comments-loading{display:flex;justify-content:center;padding:20px;color:var(--accent)}.comments-list{display:flex;flex-direction:column;gap:16px}.comment{display:flex;gap:10px}.comment .comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-content{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:4px}.comment-author{display:flex;align-items:center;font-size:13px;font-weight:600;color:var(--text-primary);transition:color var(--transition-fast)}.comment-author:hover{color:var(--accent)}.comment-username{font-size:12px;color:var(--text-tertiary);transition:color var(--transition-fast)}.comment-username:hover{color:var(--accent)}.comment-time{font-size:12px;color:var(--text-tertiary)}.comment-text{font-size:14px;line-height:1.4;color:var(--text-primary);word-wrap:break-word}.comment-actions{display:flex;align-items:center;gap:12px;margin-top:6px}.comment-like,.comment-delete{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-tertiary);padding:4px 8px;border-radius:6px;transition:all var(--transition-fast)}.comment-like:hover{color:#ff6b6b;background-color:#ff6b6b1a}.comment-like.liked{color:#ff6b6b}.comment-like.liked svg{fill:#ff6b6b}.comment-delete:hover{color:#ff5252;background-color:#ff52521a}.load-more-comments{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;margin-top:12px;font-size:13px;color:var(--accent);border-radius:8px;transition:all var(--transition-fast)}.load-more-comments:hover{background-color:var(--accent-subtle)}.load-more-comments:disabled{opacity:.5}.image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:zoom-out}.image-lightbox img{max-width:90vw;max-height:90vh;object-fit:contain}.lightbox-close{position:absolute;top:20px;right:20px;width:44px;height:44px;font-size:32px;color:#fff;background-color:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast)}.lightbox-close:hover{background-color:#fff3}.lightbox-nav{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:20px;color:#fff}.lightbox-nav button{width:44px;height:44px;font-size:28px;color:#fff;background-color:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast)}.lightbox-nav button:hover{background-color:#fff3}@media (max-width: 480px){.post{padding:16px;border-radius:12px}.post-avatar{width:40px;height:40px}.action-btn{padding:8px 10px;gap:6px;font-size:13px}.action-btn span{display:none}.save-btn{padding:8px}.add-comment .comment-avatar{width:32px;height:32px}}.poll-creator-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.poll-creator-modal{background:var(--bg-secondary);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.poll-creator-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color)}.poll-creator-title{display:flex;align-items:center;gap:12px;color:var(--accent)}.poll-creator-title h2{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.poll-creator-header .close-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.poll-creator-header .close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.poll-creator-content{padding:20px;display:flex;flex-direction:column;gap:20px}.poll-error{background:#ff52521a;border:1px solid rgba(255,82,82,.3);color:#ff5252;padding:12px 16px;border-radius:8px;font-size:.875rem}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group textarea,.form-group select{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;font-size:1rem;color:var(--text-primary);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00d9ff1a}.form-group textarea{resize:vertical;min-height:60px}.form-group select{cursor:pointer}.form-group .char-count{font-size:.75rem;color:var(--text-tertiary);text-align:right}.poll-options{display:flex;flex-direction:column;gap:10px}.poll-option-input{display:flex;align-items:center;gap:10px}.poll-option-input .option-number{width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.poll-option-input input{flex:1}.poll-option-input .remove-option-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--transition-fast);flex-shrink:0}.poll-option-input .remove-option-btn:hover{background:#ff52521a;color:#ff5252}.add-option-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px dashed var(--border-color);border-radius:8px;color:var(--accent);font-size:.875rem;font-weight:500;transition:all var(--transition-fast);margin-top:8px}.add-option-btn:hover{background:#00d9ff0d;border-color:var(--accent)}.poll-creator-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--border-color)}.poll-creator-footer .cancel-btn{padding:10px 20px;border-radius:8px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.poll-creator-footer .cancel-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.poll-creator-footer .submit-btn{padding:10px 24px;border-radius:8px;background:var(--accent);color:var(--bg-primary);font-weight:600;display:flex;align-items:center;gap:8px;transition:all var(--transition-fast)}.poll-creator-footer .submit-btn:hover:not(:disabled){background:var(--accent-hover)}.poll-creator-footer .submit-btn:disabled{opacity:.5;cursor:not-allowed}.poll-creator-footer .submit-btn .spinner{animation:spin 1s linear infinite}@media (max-width: 480px){.poll-creator-modal{max-height:100vh;border-radius:0}.poll-creator-overlay{padding:0}}.feed{width:100%;min-width:0;flex:1;padding:24px 40px}@media (max-width: 1024px){.feed{padding:24px 20px}}@media (max-width: 768px){.feed{padding:16px}}.create-post{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px;margin-bottom:24px}.create-post-header{display:flex;gap:14px;margin-bottom:16px}.create-post-avatar{width:48px;height:48px;border-radius:50%;background-color:var(--bg-tertiary);flex-shrink:0;object-fit:cover}.create-post-input-wrapper{flex:1;display:flex;align-items:flex-start}.create-post-input{width:100%;min-height:80px;max-height:300px;padding:14px 18px;background-color:var(--bg-tertiary);border-radius:16px;font-size:15px;color:var(--text-primary);resize:vertical;border:1px solid transparent;transition:all var(--transition-fast);line-height:1.6;font-family:inherit}.create-post-input::placeholder{color:var(--text-tertiary)}.create-post-input:focus{border-color:var(--text-tertiary)}.media-previews,.image-previews{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding:4px}.media-preview,.image-preview{position:relative;flex-shrink:0;width:100px;height:100px;border-radius:12px;overflow:hidden;background:var(--bg-tertiary)}.media-preview img,.media-preview video,.image-preview img{width:100%;height:100%;object-fit:cover}.media-preview.video{border:2px solid var(--accent)}.media-type-badge{position:absolute;bottom:4px;left:4px;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:4px}.media-type-badge.gif{background:var(--accent);color:var(--bg-primary)}.remove-media,.remove-image{position:absolute;top:4px;right:4px;width:24px;height:24px;background-color:#000000b3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast)}.remove-media:hover,.remove-image:hover{background-color:#ff5252}.plus-menu-container{position:relative}.plus-btn{padding:10px!important}.plus-menu-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);min-width:160px;z-index:100;overflow:hidden}.plus-menu-dropdown button{width:100%;display:flex;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;color:var(--text-primary);transition:all var(--transition-fast)}.plus-menu-dropdown button:hover{background:var(--bg-hover)}.plus-menu-dropdown button svg{color:var(--accent)}.create-post-actions{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-color)}.create-post-options{display:flex;align-items:center;gap:4px}.file-input-hidden{display:none}.option-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.option-btn:hover:not(:disabled){background-color:var(--bg-hover);color:var(--accent)}.option-btn:disabled{opacity:.5;cursor:not-allowed}.option-btn svg{color:var(--accent)}.create-post-right{display:flex;align-items:center;gap:12px}.char-counter{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.char-circle{width:28px;height:28px}.char-counter span{position:absolute;font-size:10px;font-weight:600;color:var(--text-tertiary)}.char-counter span.over-limit{color:#ff5252}.post-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--bg-tertiary);color:var(--text-tertiary);font-size:14px;font-weight:600;border-radius:24px;transition:all var(--transition-fast);cursor:not-allowed}.post-btn.active{background-color:var(--accent);color:var(--bg-primary);cursor:pointer}.post-btn.active:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.post-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.feed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.feed-empty p{font-size:14px;color:var(--text-secondary)}@media (max-width: 768px){.feed{padding:16px}.create-post{padding:16px;border-radius:12px}.create-post-avatar{width:40px;height:40px}.option-btn span{display:none}.option-btn{padding:10px}.post-btn span{display:none}.post-btn{padding:10px 14px}}@media (max-width: 480px){.feed{padding:12px}.feed-header h2{font-size:18px}.image-preview{width:80px;height:80px}}.right-sidebar{position:sticky;top:var(--navbar-height);width:var(--right-sidebar-width);min-width:var(--right-sidebar-width);height:calc(100vh - var(--navbar-height));padding:24px 20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;flex-shrink:0;border-left:1px solid var(--border-color);background-color:var(--bg-primary)}.sidebar-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.card-header{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px solid var(--border-color)}.card-icon{color:var(--accent)}.card-header h3{font-size:15px;font-weight:600;color:var(--text-primary);flex:1}.refresh-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--transition-fast)}.refresh-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.refresh-btn:disabled{opacity:.5}.sidebar-loading,.sidebar-empty{display:flex;align-items:center;justify-content:center;padding:24px;color:var(--text-tertiary);font-size:13px}.card-content{padding:8px}.trend-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;transition:background-color var(--transition-fast)}.trend-item:hover{background-color:var(--bg-hover)}.trend-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-tertiary);background-color:var(--bg-tertiary);border-radius:6px}.trend-info{display:flex;flex-direction:column}.trend-tag{font-size:14px;font-weight:600;color:var(--text-primary)}.trend-posts{font-size:12px;color:var(--text-tertiary)}.user-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;transition:background-color var(--transition-fast)}.user-item:hover{background-color:var(--bg-hover)}.user-item-link{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.user-item-avatar{width:44px;height:44px;border-radius:50%;background-color:var(--bg-tertiary);flex-shrink:0}.user-item-info{flex:1;min-width:0}.user-item-name{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--text-primary)}.verified-badge{color:var(--accent);flex-shrink:0}.user-item-username{display:block;font-size:13px;color:var(--text-secondary)}.user-item-followers{display:block;font-size:11px;color:var(--text-tertiary)}.follow-btn{padding:8px 16px;background-color:var(--accent);color:var(--bg-primary);font-size:13px;font-weight:600;border-radius:20px;transition:all var(--transition-fast);flex-shrink:0;min-width:70px;display:flex;align-items:center;justify-content:center}.follow-btn:disabled{opacity:.6}.card-footer-link{display:block;padding:14px 16px;font-size:14px;font-weight:500;color:var(--accent);border-top:1px solid var(--border-color);transition:background-color var(--transition-fast)}.card-footer-link:hover{background-color:var(--accent-subtle)}.promo-card{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border-color:var(--accent-glow)}.promo-content{padding:20px;text-align:center}.promo-icon{font-size:32px;margin-bottom:12px}.promo-content h4{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.promo-content p{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.promo-buttons{display:flex;gap:8px;justify-content:center}.promo-btn{padding:8px 14px;background-color:var(--bg-hover);color:var(--text-primary);font-size:12px;font-weight:500;border-radius:8px;border:1px solid var(--border-color);transition:all var(--transition-fast)}.promo-btn:hover{background-color:var(--bg-active);border-color:var(--accent)}@media (max-width: 1200px){.right-sidebar{width:280px;min-width:280px}}@media (max-width: 1024px){.right-sidebar{display:none}}.mobile-sidebar-toggle{display:none;position:fixed;bottom:calc(80px + var(--safe-area-bottom));right:16px;padding:12px 18px;background:linear-gradient(135deg,var(--accent) 0%,#00a8cc 100%);border:none;border-radius:28px;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;color:var(--bg-primary);transition:all var(--transition-fast);box-shadow:0 4px 20px #00d9ff66;z-index:100}.mobile-sidebar-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00d9ff80}.mobile-sidebar-toggle:active{transform:scale(.95)}.mobile-sidebar-toggle svg:first-child{color:var(--bg-primary)}.mobile-sidebar-content{display:none;position:fixed;bottom:calc(140px + var(--safe-area-bottom));right:16px;left:16px;overflow:hidden;max-height:0;opacity:0;transition:all .3s ease;z-index:99;pointer-events:none}.mobile-sidebar-content.expanded{max-height:400px;opacity:1;pointer-events:auto}.mobile-sidebar-inner{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:18px;box-shadow:0 8px 32px #0006}.mobile-sidebar-section{display:flex;flex-direction:column;gap:10px}.mobile-section-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.mobile-section-header svg{color:var(--accent)}.mobile-loading{display:flex;justify-content:center;padding:12px;color:var(--accent)}.mobile-empty{font-size:13px;color:var(--text-tertiary);text-align:center;padding:8px}.mobile-hashtags{display:flex;flex-wrap:wrap;gap:8px}.mobile-hashtag{padding:8px 14px;background-color:var(--bg-tertiary);border-radius:20px;font-size:13px;font-weight:500;color:var(--accent);transition:all var(--transition-fast)}.mobile-hashtag:hover{background-color:var(--accent-subtle)}.mobile-users{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.mobile-user{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:70px;text-align:center}.mobile-user img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);transition:border-color var(--transition-fast)}.mobile-user:hover img{border-color:var(--accent)}.mobile-user span{font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70px}@media (max-width: 1024px){.mobile-sidebar-toggle,.mobile-sidebar-content{display:flex}.mobile-sidebar-content{display:block}}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:spinning 1s linear infinite}.public-feed{width:100%;min-width:0;flex:1;padding:24px 40px}@media (max-width: 1024px){.public-feed{padding:24px 20px}}@media (max-width: 768px){.public-feed{padding:16px}}.welcome-banner{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;margin-bottom:24px;position:relative}.welcome-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top right,var(--accent-glow) 0%,transparent 50%);pointer-events:none}.welcome-content{position:relative;padding:32px;text-align:center}.welcome-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.welcome-logo .logo-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--accent) 0%,#00a8cc 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;color:var(--bg-primary);box-shadow:0 8px 24px #00d9ff4d}.welcome-logo .logo-text{font-size:32px;font-weight:700;background:linear-gradient(135deg,var(--accent) 0%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-content h1{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.welcome-content p{font-size:15px;color:var(--text-secondary);margin-bottom:20px}.welcome-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,var(--accent) 0%,#00a8cc 100%);color:var(--bg-primary);font-size:16px;font-weight:600;border-radius:28px;transition:all var(--transition-fast);box-shadow:0 4px 16px #00d9ff4d}.welcome-cta:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00d9ff66}.feed-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.feed-icon{color:var(--accent)}.feed-header h2{font-size:20px;font-weight:600;color:var(--text-primary)}.feed-loading{display:flex;justify-content:center;padding:48px;color:var(--accent)}.feed-empty{text-align:center;padding:48px 24px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px}.feed-empty svg{color:var(--text-tertiary);margin-bottom:16px}.feed-empty h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.feed-empty p{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.empty-cta{padding:12px 24px;background-color:var(--accent);color:var(--bg-primary);font-size:14px;font-weight:600;border-radius:24px;transition:all var(--transition-fast)}.empty-cta:hover{background-color:var(--accent-hover)}.login-prompt{margin-top:32px;padding:24px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;text-align:center}.login-prompt p{font-size:15px;color:var(--text-secondary);margin-bottom:16px}.prompt-btn{padding:12px 24px;background:linear-gradient(135deg,var(--accent) 0%,#00a8cc 100%);color:var(--bg-primary);font-size:14px;font-weight:600;border-radius:24px;transition:all var(--transition-fast)}.prompt-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00d9ff4d}@media (max-width: 768px){.public-feed{padding:16px}.welcome-content{padding:24px}.welcome-logo .logo-icon{width:48px;height:48px;font-size:26px}.welcome-logo .logo-text{font-size:26px}.welcome-content h1{font-size:20px}}.home-layout{display:flex;width:100%;max-width:1600px;margin:0 auto;min-height:calc(100vh - var(--navbar-height));gap:0}@media (max-width: 1400px){.home-layout{max-width:100%}}@media (max-width: 768px){.home-layout{padding:0}}.cropper-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.cropper-modal{width:100%;max-width:600px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.cropper-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.cropper-header h3{font-size:18px;font-weight:600;color:var(--text-primary)}.cropper-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-secondary);transition:all var(--transition-fast)}.cropper-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.cropper-container{position:relative;width:100%;height:400px;background-color:var(--bg-primary)}.cropper-controls{padding:20px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:16px}.cropper-tools{display:flex;align-items:center;justify-content:center;gap:12px}.cropper-tool{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--text-secondary);background-color:var(--bg-tertiary);transition:all var(--transition-fast)}.cropper-tool:hover{background-color:var(--bg-hover);color:var(--text-primary)}.zoom-slider{width:150px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:2px;outline:none}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;transition:transform var(--transition-fast)}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.zoom-slider::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;border:none}.tool-divider{width:1px;height:24px;background-color:var(--border-color);margin:0 4px}.cropper-actions{display:flex;gap:12px;justify-content:flex-end}.cropper-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;transition:all var(--transition-fast)}.cropper-btn.cancel{background-color:var(--bg-tertiary);color:var(--text-secondary)}.cropper-btn.cancel:hover{background-color:var(--bg-hover);color:var(--text-primary)}.cropper-btn.save{background:linear-gradient(135deg,var(--accent) 0%,#00a8cc 100%);color:var(--bg-primary)}.cropper-btn.save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00d9ff4d}.cropper-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 640px){.cropper-modal{max-width:none;border-radius:0;max-height:100vh;height:100%}.cropper-container{flex:1;height:auto}.zoom-slider{width:100px}.cropper-actions{flex-direction:column}.cropper-btn{justify-content:center}}.settings-layout{display:flex;width:100%;max-width:1600px;margin:0 auto;min-height:calc(100vh - var(--navbar-height));gap:0}.settings-page{width:100%;min-width:0;flex:1;padding:24px 40px}.settings-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}@media (max-width: 1400px){.settings-layout{max-width:100%}}@media (max-width: 1024px){.settings-page{padding:24px 20px}}@media (max-width: 768px){.settings-layout{padding:0}.settings-page{padding:16px}}.settings-title{font-size:24px;font-weight:700;color:var(--text-primary);padding:24px 24px 0}.settings-loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--accent)}.settings-tabs{display:flex;gap:4px;padding:20px 24px;border-bottom:1px solid var(--border-color);overflow-x:auto}.settings-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;color:var(--text-secondary);background-color:transparent;transition:all var(--transition-fast);white-space:nowrap}.settings-tab:hover{background-color:var(--bg-hover);color:var(--text-primary)}.settings-tab.active{background-color:var(--accent-subtle);color:var(--accent)}.settings-tab.active svg{color:var(--accent)}.settings-content{padding:24px}.settings-section h2{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.section-description{font-size:14px;color:var(--text-secondary);margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.section-header h2{margin-bottom:4px}.section-header .section-description{margin-bottom:0}.section-divider{height:1px;background-color:var(--border-color);margin:32px 0}.image-upload-section{margin-bottom:24px}.upload-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:10px}.file-input{display:none}.banner-upload{display:flex;flex-direction:column;gap:12px}.banner-preview{width:100%;height:150px;background-size:cover;background-position:center;border-radius:12px;border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.banner-placeholder{font-size:14px;color:var(--text-tertiary)}.avatar-upload{display:flex;align-items:center;gap:20px}.avatar-preview{width:100px;height:100px;border-radius:50%;overflow:hidden;background-color:var(--bg-tertiary);border:3px solid var(--border-color);flex-shrink:0}.avatar-preview img{width:100%;height:100%;object-fit:cover}.upload-info{flex:1}.upload-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.upload-hint{font-size:13px;color:var(--text-tertiary);margin-bottom:12px}.upload-actions{display:flex;gap:8px;flex-wrap:wrap}.upload-btn,.remove-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;transition:all var(--transition-fast)}.upload-btn{background-color:var(--accent);color:var(--bg-primary)}.upload-btn:hover{background-color:var(--accent-hover)}.remove-btn{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.remove-btn:hover{background-color:#ff52521a;border-color:#ff52524d;color:#ff5252}.settings-form{display:flex;flex-direction:column;gap:20px;max-width:400px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-group input{width:100%;height:48px;padding:0 16px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;font-size:15px;color:var(--text-primary);transition:all var(--transition-fast)}.form-group input::placeholder{color:var(--text-tertiary)}.form-group input:focus{border-color:var(--text-tertiary)}.form-hint{font-size:12px;color:var(--text-tertiary)}.input-with-prefix{display:flex;align-items:center;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;transition:all var(--transition-fast)}.input-with-prefix:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-prefix{padding:0 0 0 16px;color:var(--text-tertiary);font-size:15px}.input-with-prefix input{border:none;background:none;box-shadow:none!important;padding-left:4px}.input-with-prefix input:focus{border:none;box-shadow:none!important}.input-with-prefix.disabled{opacity:.6;cursor:not-allowed}.input-with-prefix.disabled input{cursor:not-allowed;color:var(--text-tertiary)}.settings-submit{height:48px;padding:0 24px;background:linear-gradient(135deg,var(--accent) 0%,#00a8cc 100%);color:var(--bg-primary);font-size:15px;font-weight:600;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-fast);margin-top:8px}.settings-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00d9ff4d}.settings-submit:disabled{opacity:.7;cursor:not-allowed}.settings-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:14px;animation:slideDown .2s ease}.settings-alert.error{background-color:#ff52521a;border:1px solid rgba(255,82,82,.3);color:#ff5252}.settings-alert.success{background-color:#4ade801a;border:1px solid rgba(74,222,128,.3);color:#4ade80}.settings-alert svg{flex-shrink:0}.sessions-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:var(--text-secondary)}.logout-all-btn{padding:10px 16px;background-color:#ff52521a;color:#ff5252;font-size:13px;font-weight:500;border-radius:8px;border:1px solid rgba(255,82,82,.3);transition:all var(--transition-fast)}.logout-all-btn:hover{background-color:#ff525233}.sessions-list{display:flex;flex-direction:column;gap:12px}.session-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;transition:border-color var(--transition-fast)}.session-item:hover{border-color:var(--border-light)}.session-item.current{border-color:var(--accent);background-color:var(--accent-subtle)}.session-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-hover);border-radius:10px;color:var(--text-secondary);flex-shrink:0}.session-item.current .session-icon{background-color:var(--accent-glow);color:var(--accent)}.session-info{flex:1;min-width:0}.session-device{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.session-browser{font-size:15px;font-weight:600;color:var(--text-primary)}.session-os{font-size:13px;color:var(--text-secondary)}.current-badge{padding:2px 8px;background-color:var(--accent);color:var(--bg-primary);font-size:11px;font-weight:600;border-radius:4px}.session-meta{display:flex;align-items:center;gap:12px;margin-bottom:4px}.session-ip{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-tertiary)}.session-location{font-size:13px;color:var(--text-tertiary)}.session-time{font-size:12px;color:var(--text-tertiary)}.session-remove{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--text-tertiary);transition:all var(--transition-fast);flex-shrink:0}.session-remove:hover{background-color:#ff52521a;color:#ff5252}.session-remove:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.settings-page{padding:16px}.settings-title{font-size:20px;padding:20px 20px 0}.settings-tabs{padding:16px 20px}.settings-tab{padding:10px 14px;font-size:13px}.settings-tab span{display:none}.settings-content{padding:20px}.section-header{flex-direction:column;gap:16px}.settings-form{max-width:none}.session-item{flex-wrap:wrap}.session-meta{flex-direction:column;align-items:flex-start;gap:4px}}.privacy-settings{display:flex;flex-direction:column;gap:16px}.privacy-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background-color:var(--bg-tertiary);border-radius:12px}.privacy-option-info h3{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.privacy-option-info p{font-size:13px;color:var(--text-secondary);line-height:1.4}.toggle-switch{position:relative;width:48px;height:28px;background-color:var(--bg-primary);border:2px solid var(--border-color);border-radius:14px;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.toggle-switch:hover{border-color:var(--text-tertiary)}.toggle-switch.active{background-color:var(--accent);border-color:var(--accent)}.toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:var(--text-tertiary);border-radius:50%;transition:all var(--transition-fast)}.toggle-switch.active .toggle-slider{transform:translate(20px);background-color:#fff}.toggle-switch:disabled{opacity:.6;cursor:not-allowed}.notification-settings-group{margin-bottom:32px}.notification-settings-group h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.notification-settings-group h3 svg{color:var(--accent)}.group-description{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.notification-options{display:flex;flex-direction:column;gap:4px}.notification-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-primary);border-radius:8px;transition:background-color .15s}.notification-option:hover{background:var(--bg-hover)}.notification-option.push-enable{background:var(--bg-secondary);border:1px solid var(--border-color);margin-bottom:8px}.notification-option-info{display:flex;flex-direction:column;gap:2px}.notification-option-info span{font-size:14px;font-weight:500;color:var(--text-primary)}.notification-option-info small{font-size:12px;color:var(--text-secondary)}.digest-select{padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;outline:none}.digest-select:focus{border-color:var(--accent)}.digest-select option{background:var(--bg-secondary);color:var(--text-primary)}.empty-blocked{padding:24px;text-align:center;color:var(--text-secondary);background:var(--bg-primary);border-radius:8px}.blocked-users-list{display:flex;flex-direction:column;gap:8px}.blocked-user-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-primary);border-radius:8px;transition:background-color .15s}.blocked-user-item:hover{background:var(--bg-hover)}.blocked-user-info{display:flex;align-items:center;gap:12px}.blocked-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary)}.blocked-user-details{display:flex;flex-direction:column}.blocked-user-name{font-size:14px;font-weight:600;color:var(--text-primary)}.blocked-user-username{font-size:12px;color:var(--text-secondary)}.unblock-btn{padding:6px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.unblock-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.trending-layout{display:flex;width:100%;max-width:1600px;margin:0 auto;min-height:calc(100vh - var(--navbar-height))}@media (max-width: 1400px){.trending-layout{max-width:100%}}.trending-page{width:100%;min-width:0;flex:1;padding:24px 40px}@media (max-width: 1024px){.trending-page{padding:24px 20px}}@media (max-width: 768px){.trending-page{padding:16px}}.trending-header{margin-bottom:24px;text-align:center;padding:24px;background:linear-gradient(135deg,var(--accent-subtle) 0%,transparent 100%);border-radius:16px;border:1px solid var(--border-color)}.trending-icon{color:var(--accent);margin-bottom:12px}.trending-header h1{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.trending-header p{font-size:14px;color:var(--text-secondary)}.trending-loading{display:flex;justify-content:center;padding:48px;color:var(--accent)}.trending-empty{text-align:center;padding:48px 24px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px}.trending-empty svg{color:var(--text-tertiary);margin-bottom:16px}.trending-empty h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.trending-empty p{font-size:14px;color:var(--text-secondary)}@media (max-width: 768px){.trending-page{padding:16px}.trending-header{padding:20px}.trending-header h1{font-size:20px}}.saved-layout{display:flex;width:100%;max-width:1600px;margin:0 auto;min-height:calc(100vh - var(--navbar-height))}@media (max-width: 1400px){.saved-layout{max-width:100%}}.saved-page{width:100%;min-width:0;flex:1;padding:24px 40px}@media (max-width: 1024px){.saved-page{padding:24px 20px}}@media (max-width: 768px){.saved-page{padding:16px}}.saved-header{margin-bottom:24px;text-align:center;padding:24px;background:linear-gradient(135deg,rgba(251,191,36,.1) 0%,transparent 100%);border-radius:16px;border:1px solid var(--border-color)}.saved-icon{color:#fbbf24;margin-bottom:12px}.saved-header h1{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.saved-header p{font-size:14px;color:var(--text-secondary)}.saved-loading{display:flex;justify-content:center;padding:48px;color:var(--accent)}.saved-empty{text-align:center;padding:48px 24px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px}.saved-empty svg{color:var(--text-tertiary);margin-bottom:16px}.saved-empty h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.saved-empty p{font-size:14px;color:var(--text-secondary)}@media (max-width: 768px){.saved-page{padding:16px}.saved-header{padding:20px}.saved-header h1{font-size:20px}}.followers-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .2s ease}.followers-modal{width:100%;max-width:420px;max-height:80vh;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;animation:slideDown .3s ease}.followers-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color)}.followers-modal-header h2{font-size:18px;font-weight:600;color:var(--text-primary)}.followers-modal-close{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.followers-modal-close:hover{background-color:var(--bg-hover);color:var(--text-primary)}.followers-modal-content{flex:1;overflow-y:auto;padding:8px}.followers-loading,.followers-empty{display:flex;align-items:center;justify-content:center;padding:48px;color:var(--text-secondary)}.followers-list{display:flex;flex-direction:column}.follower-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;transition:background-color var(--transition-fast)}.follower-item:hover{background-color:var(--bg-hover)}.follower-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.follower-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.follower-details{display:flex;flex-direction:column;min-width:0}.follower-name{display:flex;align-items:center;font-size:15px;font-weight:600;color:var(--text-primary)}.follower-username{font-size:13px;color:var(--text-secondary)}.follower-follow-btn{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;transition:all var(--transition-fast);min-width:80px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.follower-follow-btn:not(.following){background-color:var(--accent);color:var(--bg-primary)}.follower-follow-btn:not(.following):hover{background-color:var(--accent-hover)}.follower-follow-btn.following{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.follower-follow-btn.following:hover{border-color:#ff5252;color:#ff5252;background-color:#ff52521a}.follower-follow-btn:disabled{opacity:.6}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.profile-layout{display:flex;width:100%;max-width:1600px;margin:0 auto;min-height:calc(100vh - var(--navbar-height))}@media (max-width: 1400px){.profile-layout{max-width:100%}}.profile-page{width:100%;min-width:0;flex:1;padding:24px 40px}@media (max-width: 1024px){.profile-page{padding:24px 20px}}@media (max-width: 768px){.profile-page{padding:16px}}.profile-loading,.profile-not-found,.profile-banned{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center;color:var(--text-secondary)}.profile-not-found h2,.profile-banned h2{font-size:20px;color:var(--text-primary);margin-bottom:8px}.profile-banned{padding:80px 24px}.banned-icon{width:80px;height:80px;border-radius:50%;background-color:#f443361a;display:flex;align-items:center;justify-content:center;color:#f44;margin-bottom:20px}.profile-banned p{max-width:400px;line-height:1.5}.back-link{margin-top:16px;color:var(--accent)}.back-link:hover{text-decoration:underline}.profile-header{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;margin-bottom:24px}.profile-banner{height:180px;background:linear-gradient(135deg,var(--accent-subtle) 0%,var(--bg-tertiary) 100%);background-size:cover;background-position:center}.profile-info{padding:0 24px 24px}.profile-avatar-section{display:flex;justify-content:space-between;align-items:flex-start;margin-top:-50px;margin-bottom:16px}.profile-avatar{width:120px;height:120px;border-radius:50%;border:4px solid var(--bg-secondary);background-color:var(--bg-tertiary);object-fit:cover}.profile-actions{margin-top:60px}.profile-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:24px;font-size:14px;font-weight:600;transition:all var(--transition-fast)}.edit-btn{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.edit-btn:hover{background-color:var(--bg-hover)}.follow-btn{background-color:var(--accent);color:var(--bg-primary);min-width:100px;justify-content:center}.follow-btn:hover{background-color:var(--accent-hover)}.message-btn{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);padding:10px 14px}.message-btn:hover{background-color:#00d9ff1a;border-color:var(--accent);color:var(--accent)}.report-btn{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);padding:10px 14px}.report-btn:hover{background-color:#ff98001a;border-color:#ff9800;color:#ff9800}.follow-btn.following{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.follow-btn.following:hover{border-color:#ff5252;color:#ff5252;background-color:#ff52521a}.follow-btn.pending{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.follow-btn.pending:hover{border-color:#ff9800;color:#ff9800;background-color:#ff98001a}.block-btn{background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);padding:10px 14px}.block-btn:hover,.block-btn.blocked{background-color:#ff52521a;border-color:#ff5252;color:#ff5252}.private-icon{margin-left:8px;color:var(--text-secondary)}.profile-details{margin-top:8px}.profile-name{font-size:22px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:4px}.profile-username{font-size:15px;color:var(--text-secondary);margin-top:2px}.profile-bio{font-size:15px;line-height:1.5;color:var(--text-primary);margin-top:12px;white-space:pre-wrap}.profile-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.meta-item{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-secondary)}.meta-item svg{color:var(--text-tertiary)}.profile-stats{display:flex;gap:24px;margin-top:16px}.stat-item{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-secondary);background:none;border:none;cursor:pointer;padding:0;transition:color var(--transition-fast)}.stat-item:hover{color:var(--accent)}.stat-item strong{font-weight:700;color:var(--text-primary)}.profile-posts{margin-top:24px}.profile-posts h2{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.posts-loading,.posts-empty{display:flex;justify-content:center;padding:48px;color:var(--text-secondary)}.posts-private{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:var(--text-secondary)}.posts-private svg{margin-bottom:16px;color:var(--text-tertiary)}.posts-private h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.posts-private p{font-size:14px;color:var(--text-secondary)}@media (max-width: 768px){.profile-page{padding:16px}.profile-banner{height:140px}.profile-info{padding:0 16px 16px}.profile-avatar{width:90px;height:90px}.profile-avatar-section{flex-direction:column;align-items:flex-start;gap:12px}.profile-actions{margin-top:0;width:100%}.profile-btn{width:100%;justify-content:center}.profile-name{font-size:18px}.profile-stats{gap:16px}}.hashtag-page{width:100%;min-width:0;flex:1;padding:24px 40px}@media (max-width: 1024px){.hashtag-page{padding:24px 20px}}@media (max-width: 768px){.hashtag-page{padding:16px}}.hashtag-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:20px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px}.back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-secondary);transition:all var(--transition-fast)}.back-btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.hashtag-info{display:flex;align-items:center;gap:14px}.hashtag-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9b87f5,#7c3aed);border-radius:14px;color:#fff}.hashtag-details h1{font-size:24px;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,#9b87f5 0%,var(--text-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hashtag-count{font-size:14px;color:var(--text-secondary)}.hashtag-content{display:flex;flex-direction:column}.hashtag-loading{display:flex;justify-content:center;padding:48px;color:var(--accent)}.hashtag-empty{text-align:center;padding:48px 24px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px}.hashtag-empty svg{color:var(--text-tertiary);margin-bottom:16px}.hashtag-empty h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.hashtag-empty p{font-size:14px;color:var(--text-secondary)}.posts-list{display:flex;flex-direction:column;gap:16px}.load-more-btn{width:100%;padding:14px;margin-top:24px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;font-size:15px;font-weight:600;color:var(--accent);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.hashtag-page,.hashtag-header{padding:16px}.hashtag-icon{width:48px;height:48px}.hashtag-details h1{font-size:20px}}.notifications-layout{display:flex;width:100%;max-width:1600px;margin:0 auto;min-height:calc(100vh - var(--navbar-height))}@media (max-width: 1400px){.notifications-layout{max-width:100%}}.notifications-page{width:100%;min-width:0;flex:1;padding:24px 40px}@media (max-width: 1024px){.notifications-page{padding:24px 20px}}@media (max-width: 768px){.notifications-page{padding:16px}}.notifications-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:20px 24px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px}.header-left{display:flex;align-items:center;gap:14px}.notifications-page-header h1{font-size:22px;font-weight:700;color:var(--text-primary)}.unread-count{font-size:13px;color:var(--accent);font-weight:500}.mark-all-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.mark-all-btn:hover{background-color:var(--bg-hover);color:var(--accent);border-color:var(--accent)}.notifications-loading{display:flex;justify-content:center;padding:48px;color:var(--accent)}.notifications-empty{text-align:center;padding:64px 24px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px}.notifications-empty svg{color:var(--text-tertiary);margin-bottom:16px}.notifications-empty h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.notifications-empty p{font-size:14px;color:var(--text-secondary)}.notifications-list-full{display:flex;flex-direction:column;gap:12px}.notification-card{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:14px;cursor:pointer;transition:all var(--transition-fast);position:relative}.notification-card:hover{background-color:var(--bg-tertiary);border-color:var(--border-light)}.notification-card.unread{background-color:#00d9ff0a;border-color:#00d9ff26}.notification-card.unread:hover{background-color:#00d9ff14}.notification-card-avatar{position:relative;flex-shrink:0}.notification-card-avatar img{width:52px;height:52px;border-radius:50%;object-fit:cover;background-color:var(--bg-tertiary)}.notification-type-badge{position:absolute;bottom:-4px;right:-4px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-secondary)}.notification-card.unread .notification-type-badge{border-color:#00d9ff0a}.notif-icon.follow{background-color:var(--accent);color:var(--bg-primary);padding:4px;border-radius:50%}.notif-icon.like{background-color:#ff5252;color:#fff;padding:4px;border-radius:50%}.notif-icon.comment{background-color:#4caf50;color:#fff;padding:4px;border-radius:50%}.notif-icon.mention{background-color:#9b87f5;color:#fff;padding:4px;border-radius:50%}.notif-icon.repost{background-color:#4ade80;color:#fff;padding:4px;border-radius:50%}.notif-icon.message{background-color:#60a5fa;color:#fff;padding:4px;border-radius:50%}.grouped-avatars{display:flex;align-items:center;position:relative;width:70px;height:52px}.grouped-avatars .avatar-link{position:absolute}.grouped-avatars .avatar-link.primary{z-index:3;left:0}.grouped-avatars .avatar-link.secondary{left:14px}.grouped-avatars .avatar-link.secondary:nth-child(3){left:28px}.grouped-avatars .avatar-link img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--bg-secondary);background-color:var(--bg-tertiary)}.notification-card.unread .grouped-avatars .avatar-link img{border-color:#00d9ff0a}.avatar-more{position:absolute;left:42px;width:32px;height:32px;border-radius:50%;background-color:var(--bg-tertiary);border:2px solid var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text-secondary);z-index:0}.notification-card.grouped{background-color:#00d9ff05}.notification-card.grouped:not(.unread){background-color:var(--bg-secondary)}.notification-card-content{flex:1;min-width:0}.notification-card-content p{font-size:15px;color:var(--text-secondary);line-height:1.5;margin-bottom:6px}.sender-name{font-weight:600;color:var(--text-primary)}.sender-name:hover{color:var(--accent);text-decoration:underline}.notification-preview{display:block;font-size:13px;color:var(--text-tertiary);margin-bottom:8px;font-style:italic}.notification-timestamp{font-size:12px;color:var(--text-tertiary)}.notification-unread-indicator{width:10px;height:10px;background-color:var(--accent);border-radius:50%;flex-shrink:0;margin-top:4px}.load-more-btn{width:100%;padding:14px;margin-top:16px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;font-size:15px;font-weight:600;color:var(--accent);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.load-more-btn:hover:not(:disabled){background-color:var(--accent-subtle);border-color:var(--accent)}.load-more-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 768px){.notifications-page{padding:16px}.notifications-page-header{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.mark-all-btn{width:100%;justify-content:center}.notification-card{padding:14px}.notification-card-avatar img{width:44px;height:44px}.notification-type-badge{width:22px;height:22px}.notif-icon{width:14px;height:14px}}.staff-panel{width:100%;min-width:0;flex:1;padding:24px 40px;max-width:1200px;margin:0 auto}.staff-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.staff-title{display:flex;align-items:center;gap:12px}.staff-title h1{font-size:28px;font-weight:700}.staff-icon{color:var(--accent)}.refresh-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--bg-tertiary);color:var(--text-secondary);transition:all var(--transition-fast)}.refresh-btn:hover{background-color:var(--bg-hover);color:var(--accent)}.refresh-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.staff-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border-color);padding-bottom:12px}.staff-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;background-color:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all var(--transition-fast)}.staff-tab:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.staff-tab.active{background-color:var(--accent);color:var(--bg-primary)}.tab-badge{background-color:#f44;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.staff-tab.active .tab-badge{background-color:var(--bg-primary);color:var(--accent)}.staff-loading{display:flex;align-items:center;justify-content:center;padding:60px}.overview-section{display:flex;flex-direction:column;gap:20px}.confidential-notice{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#9b87f51a,#00d9ff0d);border:1px solid rgba(155,135,245,.2);border-radius:10px;padding:14px 18px;font-size:13px;color:var(--text-secondary)}.confidential-notice svg{color:#9b87f5;flex-shrink:0}.confidential-notice strong{color:var(--text-primary)}.overview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:16px;display:flex;align-items:flex-start;gap:12px;transition:border-color var(--transition-fast)}.stat-card:hover{border-color:var(--accent)}.stat-card.warning{border-color:#ff9800}.stat-card.danger{border-color:#f44}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:20px;height:20px}.stat-icon.users{background-color:#00d9ff26;color:var(--accent)}.stat-icon.posts{background-color:#9b87f526;color:#9b87f5}.stat-icon.comments{background-color:#4caf5026;color:#4caf50}.stat-icon.likes{background-color:#f4433626;color:#f44336}.stat-icon.sessions{background-color:#2196f326;color:#2196f3}.stat-icon.reports{background-color:#ff980026;color:#ff9800}.stat-icon.bans{background-color:#f4433626;color:#f44336}.stat-info{display:flex;flex-direction:column;gap:2px;min-width:0}.stat-value{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{font-size:13px;color:var(--text-secondary)}.stat-detail{font-size:11px;color:var(--text-tertiary);margin-top:2px}.users-section{display:flex;flex-direction:column;gap:16px}.users-toolbar{display:flex;gap:12px}.search-input{flex:1;display:flex;align-items:center;gap:10px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:10px 14px}.search-input:focus-within{border-color:var(--text-tertiary)}.search-input input{flex:1;font-size:14px}.search-input svg{color:var(--text-tertiary)}.search-btn{padding:10px 20px;background-color:var(--accent);color:var(--bg-primary);font-weight:600;border-radius:8px;transition:background-color var(--transition-fast)}.search-btn:hover{background-color:var(--accent-hover)}.users-list{display:flex;flex-direction:column;gap:8px}.user-card{display:flex;align-items:center;gap:14px;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px;transition:border-color var(--transition-fast)}.user-card:hover{border-color:var(--accent)}.user-card.banned{border-color:#f44;background-color:#f443360d}.user-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.user-info{flex:1;min-width:0}.user-name{font-weight:600;display:flex;align-items:center;gap:6px}.user-username{font-size:13px;color:var(--text-secondary)}.user-email{font-size:12px;color:var(--text-tertiary)}.user-stats{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--text-tertiary);text-align:right}.user-banned-badge{display:flex;align-items:center;gap:4px;background-color:#f44;color:#fff;font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px}.user-action-btn{width:36px;height:36px;border-radius:8px;background-color:var(--bg-tertiary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.user-action-btn:hover{background-color:var(--accent);color:var(--bg-primary)}.reports-section{display:flex;flex-direction:column;gap:16px}.reports-toolbar{display:flex;gap:16px;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:13px;color:var(--text-secondary)}.filter-group select{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;color:var(--text-primary);font-size:13px}.reports-list{display:flex;flex-direction:column;gap:12px}.no-reports{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px;color:var(--text-tertiary)}.report-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.report-card.pending{border-left:4px solid #ff9800}.report-card.resolved{border-left:4px solid #4caf50}.report-card.dismissed{border-left:4px solid var(--text-tertiary)}.report-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--bg-tertiary)}.report-type{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.report-status{display:flex;align-items:center;gap:4px;font-size:12px;padding:4px 8px;border-radius:6px}.report-status.pending{background-color:#ff980026;color:#ff9800}.report-status.reviewed{background-color:#2196f326;color:#2196f3}.report-status.resolved{background-color:#4caf5026;color:#4caf50}.report-status.dismissed{background-color:#9e9e9e26;color:#9e9e9e}.report-body{padding:16px;display:flex;flex-direction:column;gap:12px}.report-reason strong,.report-target strong{font-size:12px;color:var(--text-tertiary);display:block;margin-bottom:6px}.report-reason p{font-size:14px;line-height:1.5}.target-preview{display:flex;align-items:flex-start;gap:10px;background-color:var(--bg-tertiary);padding:10px;border-radius:8px}.target-preview img{width:32px;height:32px;border-radius:50%;object-fit:cover}.target-preview div{flex:1;min-width:0}.target-author{font-size:13px;font-weight:500;color:var(--accent)}.target-username{font-size:12px;color:var(--text-tertiary);margin-left:6px}.target-preview p{font-size:13px;color:var(--text-secondary);margin-top:4px}.report-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-tertiary)}.report-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border-color);background-color:var(--bg-tertiary)}.report-actions .action-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;transition:all var(--transition-fast)}.action-btn.resolve{background-color:#4caf5026;color:#4caf50}.action-btn.resolve:hover{background-color:#4caf50;color:#fff}.action-btn.dismiss{background-color:#9e9e9e26;color:#9e9e9e}.action-btn.dismiss:hover{background-color:#9e9e9e;color:#fff}.action-btn.delete{background-color:#f4433626;color:#f44336}.action-btn.delete:hover{background-color:#f44336;color:#fff}.action-btn.ban{background-color:#ff980026;color:#ff9800}.action-btn.ban:hover{background-color:#ff9800;color:#fff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-modal,.ban-modal{background-color:var(--bg-secondary);border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:18px;font-weight:600}.close-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-fast)}.close-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-body{flex:1;overflow-y:auto;padding:20px}.user-detail-header{margin-bottom:20px}.user-banner{height:120px;border-radius:8px;overflow:hidden;margin-bottom:-40px}.user-banner img{width:100%;height:100%;object-fit:cover}.user-detail-info{display:flex;align-items:flex-end;gap:14px;padding-left:16px}.user-detail-avatar{width:80px;height:80px;border-radius:50%;border:4px solid var(--bg-secondary);object-fit:cover}.user-detail-info h3{display:flex;align-items:center;gap:6px;font-size:18px;margin-bottom:2px}.user-detail-info p{font-size:14px;color:var(--text-secondary)}.ban-info-box{display:flex;gap:12px;background-color:#f443361a;border:1px solid #ff4444;border-radius:10px;padding:14px;margin-bottom:20px}.ban-info-box svg{color:#f44;flex-shrink:0}.ban-info-box strong{color:#f44;display:block;margin-bottom:4px}.ban-info-box p{font-size:13px;color:var(--text-secondary);margin:0}.user-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px}.detail-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);background-color:var(--bg-tertiary);padding:10px 12px;border-radius:8px}.detail-item svg{color:var(--accent)}.user-bio{margin-bottom:20px}.user-bio strong{font-size:13px;color:var(--text-tertiary);display:block;margin-bottom:6px}.user-bio p{font-size:14px;line-height:1.5}.sessions-section h4{font-size:14px;margin-bottom:12px}.sessions-list{display:flex;flex-direction:column;gap:8px}.session-item{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-tertiary);padding:10px 12px;border-radius:8px}.session-info{display:flex;align-items:flex-start;gap:10px}.session-info svg{color:var(--text-tertiary);margin-top:2px}.session-device{font-size:13px;font-weight:500;display:block}.session-ip{font-size:12px;color:var(--text-secondary);display:block}.session-date{font-size:11px;color:var(--text-tertiary);display:block}.session-delete{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--transition-fast)}.session-delete:hover{background-color:#f44;color:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--border-color)}.modal-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;transition:all var(--transition-fast)}.modal-btn.ban{background-color:#ff980026;color:#ff9800}.modal-btn.ban:hover{background-color:#ff9800;color:#fff}.modal-btn.unban{background-color:#4caf5026;color:#4caf50}.modal-btn.unban:hover{background-color:#4caf50;color:#fff}.modal-btn.delete{background-color:#f4433626;color:#f44336}.modal-btn.delete:hover{background-color:#f44336;color:#fff}.modal-btn.cancel{background-color:var(--bg-tertiary);color:var(--text-secondary)}.modal-btn.cancel:hover{background-color:var(--bg-hover);color:var(--text-primary)}.modal-btn.confirm-ban{background-color:#ff9800;color:#fff}.modal-btn.confirm-ban:hover{background-color:#f57c00}.modal-btn.confirm-ban:disabled{opacity:.5;cursor:not-allowed}.modal-btn.edit{background-color:var(--accent-subtle);color:var(--accent)}.modal-btn.edit:hover,.modal-btn.save{background-color:var(--accent);color:var(--bg-primary)}.modal-btn.save:hover{background-color:var(--accent-hover)}.modal-btn.save:disabled{opacity:.5;cursor:not-allowed}.edit-modal{background-color:var(--bg-secondary);border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password]{width:100%;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;font-size:14px;color:var(--text-primary)}.form-group input:focus{border-color:var(--text-tertiary);outline:none}.form-divider{height:1px;background-color:var(--border-color);margin:8px 0}.badge-toggles{display:flex;gap:12px}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.toggle-badge{padding:4px 10px;border-radius:6px;font-size:13px;font-weight:500}.toggle-badge.verified{background-color:#00d9ff26;color:var(--accent)}.toggle-badge.staff{background-color:#9b87f526;color:#9b87f5}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.form-group textarea,.form-group input[type=number]{width:100%;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;font-size:14px;color:var(--text-primary);resize:vertical}.form-group textarea:focus,.form-group input:focus{border-color:var(--text-tertiary);outline:none}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}@media (max-width: 768px){.staff-panel{padding:16px}.staff-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.staff-tab span{display:none}.overview-grid{grid-template-columns:1fr}.users-toolbar{flex-direction:column}.user-card{flex-wrap:wrap}.user-stats{display:none}.reports-toolbar{flex-direction:column}.report-actions{flex-wrap:wrap}.user-modal,.ban-modal{max-height:100vh;border-radius:0}}.search-layout{display:grid;grid-template-columns:280px 1fr 320px;gap:0;max-width:1400px;margin:0 auto;min-height:calc(100vh - 72px)}.search-page{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);min-height:100%}.search-header{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);position:sticky;top:72px;z-index:10}.back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--text-primary);transition:background-color var(--transition-fast)}.search-header-info{display:flex;align-items:center;gap:12px}.search-header-icon{color:var(--accent)}.search-header-text h1{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.search-header-text p{font-size:14px;color:var(--text-secondary);margin:0}.search-tabs{display:flex;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.search-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;font-size:14px;font-weight:600;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.search-tab:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.search-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 24px;color:var(--text-secondary)}.search-loading .spinner{animation:spin 1s linear infinite}.search-results{padding:0}.search-results-section{padding:16px 0}.search-results-section:not(:last-child){border-bottom:1px solid var(--border-color)}.section-title{display:flex;align-items:center;gap:8px;padding:0 24px 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.users-grid{display:flex;flex-direction:column}.user-card{display:flex;align-items:flex-start;gap:12px;padding:16px 24px;transition:background-color var(--transition-fast)}.user-card:hover{background-color:var(--bg-tertiary)}.user-card-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-card-info{flex:1;min-width:0}.user-card-name{display:flex;align-items:center;gap:4px;font-weight:600;font-size:15px;color:var(--text-primary)}.user-card-username{display:block;font-size:14px;color:var(--text-secondary);margin-top:2px}.user-card-bio{font-size:14px;color:var(--text-primary);margin:8px 0 4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.user-card-followers{font-size:13px;color:var(--text-tertiary)}.posts-list{display:flex;flex-direction:column}.load-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;font-size:14px;font-weight:600;color:var(--accent);background:none;border:none;border-top:1px solid var(--border-color);cursor:pointer;transition:background-color var(--transition-fast)}.load-more-btn:hover:not(:disabled){background-color:var(--bg-tertiary)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.load-more-btn .spinner{animation:spin 1s linear infinite}.search-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 24px;color:var(--text-tertiary);text-align:center}.search-empty-state h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.search-empty-state p{font-size:14px;margin:0}@media (max-width: 1200px){.search-layout{grid-template-columns:240px 1fr 280px}}@media (max-width: 1024px){.search-layout{grid-template-columns:1fr}.search-page{border-left:none;border-right:none}.search-header{top:0}}@media (max-width: 640px){.search-header{padding:16px}.user-card{padding:12px 16px}.section-title{padding:0 16px 12px}}.messages-page{display:grid;grid-template-columns:360px 1fr;height:calc(100vh - 132px);width:100%;background-color:var(--bg-primary);overflow:hidden}.messages-page.loading{display:flex;align-items:center;justify-content:center}.messages-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--border-color);background-color:var(--bg-secondary);overflow:hidden;height:100%}.messages-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color)}.messages-sidebar-header h1{font-size:20px;font-weight:700;color:var(--text-primary)}.requests-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--bg-tertiary);color:var(--text-secondary);transition:all var(--transition-fast)}.requests-btn:hover{background-color:var(--accent);color:var(--bg-primary)}.requests-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background-color:var(--danger);color:#fff;font-size:11px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center}.header-actions{display:flex;align-items:center;gap:8px}.new-chat-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--bg-tertiary);color:var(--text-secondary);transition:all var(--transition-fast)}.new-chat-btn:hover,.new-chat-btn.active{background-color:var(--accent);color:var(--bg-primary)}.user-search-section{border-bottom:1px solid var(--border-color);background-color:var(--bg-tertiary)}.user-search-input{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-color)}.user-search-input svg{color:var(--text-tertiary);flex-shrink:0}.user-search-input input{flex:1;background:none;border:none;font-size:14px;color:var(--text-primary)}.user-search-input input::placeholder{color:var(--text-tertiary)}.clear-search{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;color:var(--text-tertiary);transition:all var(--transition-fast)}.clear-search:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.user-search-results{max-height:300px;overflow-y:auto}.search-loading{display:flex;justify-content:center;padding:20px}.user-search-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color var(--transition-fast)}.user-search-item:hover{background-color:var(--bg-secondary)}.user-search-item .user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-search-item .user-info{display:flex;flex-direction:column}.user-search-item .user-name{display:flex;align-items:center;gap:4px;font-weight:600;font-size:14px;color:var(--text-primary)}.user-search-item .user-username{font-size:13px;color:var(--text-secondary)}.no-results{padding:20px;text-align:center;color:var(--text-tertiary);font-size:14px}.messages-search{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border-color)}.messages-search svg{color:var(--text-tertiary);flex-shrink:0}.messages-search input{flex:1;background:none;border:none;font-size:14px;color:var(--text-primary)}.messages-search input::placeholder{color:var(--text-tertiary)}.message-requests{padding:16px;border-bottom:1px solid var(--border-color);background-color:var(--bg-tertiary)}.message-requests h3{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.request-item{display:flex;align-items:center;gap:12px;padding:12px;background-color:var(--bg-secondary);border-radius:12px;margin-bottom:8px}.request-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.request-info{flex:1;min-width:0}.request-name{display:flex;align-items:center;gap:4px;font-weight:600;font-size:14px;color:var(--text-primary)}.request-username{font-size:13px;color:var(--text-secondary)}.request-actions{display:flex;gap:8px}.accept-btn,.decline-btn{padding:6px 12px;font-size:13px;font-weight:600;border-radius:16px;transition:all var(--transition-fast)}.accept-btn{background-color:var(--accent);color:var(--bg-primary)}.accept-btn:hover{background-color:var(--accent-hover)}.decline-btn{background-color:var(--bg-tertiary);color:var(--text-secondary)}.decline-btn:hover{background-color:var(--danger);color:#fff}.conversations-list{flex:1;overflow-y:auto;min-height:0}.conversations-loading{display:flex;align-items:center;justify-content:center;padding:40px}.no-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--text-tertiary);text-align:center}.no-conversations p{font-size:16px;font-weight:600;color:var(--text-primary)}.no-conversations span{font-size:14px}.conversation-item{display:flex;align-items:center;gap:12px;padding:16px 20px;cursor:pointer;transition:background-color var(--transition-fast)}.conversation-item:hover{background-color:var(--bg-tertiary)}.conversation-item.active{background-color:var(--bg-tertiary);border-left:3px solid var(--accent)}.conversation-item.unread{background-color:#00d9ff0d}.conversation-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;flex-shrink:0}.conversation-info{flex:1;min-width:0}.conversation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.conversation-name{display:flex;align-items:center;gap:4px;font-weight:600;font-size:15px;color:var(--text-primary)}.conversation-time{font-size:12px;color:var(--text-tertiary)}.conversation-preview{font-size:14px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.unread .conversation-preview{color:var(--text-primary);font-weight:500}.unread-badge{min-width:20px;height:20px;padding:0 6px;background-color:var(--accent);color:var(--bg-primary);font-size:12px;font-weight:600;border-radius:10px;display:flex;align-items:center;justify-content:center}.messages-chat{display:flex;flex-direction:column;background-color:var(--bg-primary);overflow:hidden;height:100%}.no-chat-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:var(--text-tertiary)}.no-chat-selected h2{font-size:24px;color:var(--text-primary)}.no-chat-selected p{font-size:15px}.chat-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.back-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:var(--text-primary);transition:background-color var(--transition-fast)}.back-btn:hover{background-color:var(--bg-tertiary)}.chat-user{display:flex;align-items:center;gap:12px;flex:1}.chat-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.chat-user-info{display:flex;flex-direction:column}.chat-user-name{display:flex;align-items:center;gap:4px;font-weight:600;font-size:15px;color:var(--text-primary)}.chat-user-username{font-size:13px;color:var(--text-secondary)}.chat-options-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--text-secondary);transition:all var(--transition-fast)}.chat-options-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;gap:8px;min-height:0}.messages-loading,.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--text-tertiary)}.no-messages p{font-size:16px;font-weight:500;color:var(--text-primary)}.message{display:flex;align-items:flex-end;gap:8px;max-width:70%}.message.own{align-self:flex-end;flex-direction:row-reverse}.message.other{align-self:flex-start}.message-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.message-avatar-spacer{width:28px;flex-shrink:0}.message-content{display:flex;flex-direction:column;gap:4px}.message-images{display:flex;flex-wrap:wrap;gap:4px;max-width:300px}.message-image{max-width:100%;max-height:300px;border-radius:12px;object-fit:cover;cursor:pointer}.message-bubble{padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.4;word-wrap:break-word}.message.own .message-bubble{background-color:var(--accent);color:var(--bg-primary);border-bottom-right-radius:4px}.message.other .message-bubble{background-color:var(--bg-tertiary);color:var(--text-primary);border-bottom-left-radius:4px}.message-mention{color:var(--accent);font-weight:500;text-decoration:none}.message.own .message-mention{color:var(--bg-primary);text-decoration:underline}.message-hashtag{color:var(--accent);font-weight:500;text-decoration:none}.message.own .message-hashtag{color:var(--bg-primary);text-decoration:underline}.message-link{color:var(--accent);text-decoration:underline;word-break:break-all}.message.own .message-link{color:var(--bg-primary)}.message-embed{margin-top:8px;max-width:300px}.message.own .message-embed{margin-left:auto}.message-embed .link-embed{border-radius:12px;overflow:hidden}.message-meta{display:flex;align-items:center;gap:6px;padding:0 4px}.message.own .message-meta{justify-content:flex-end}.message-time{font-size:11px;color:var(--text-tertiary)}.message-status{display:flex;align-items:center;color:var(--text-tertiary)}.message-status .read{color:var(--accent)}.typing-indicator{display:flex;align-items:center;padding-left:36px}.typing-dots{display:flex;gap:4px;padding:10px 14px;background-color:var(--bg-tertiary);border-radius:18px}.typing-dots span{width:8px;height:8px;background-color:var(--text-tertiary);border-radius:50%;animation:typing 1.4s infinite ease-in-out both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-input-area{padding:16px 20px;border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.dm-disabled-notice{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:12px;background-color:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:10px;color:#ff9800;font-size:13px;line-height:1.4}.chat-input-wrapper.disabled{opacity:.6;pointer-events:none}.chat-input-wrapper.disabled .chat-input{cursor:not-allowed}.image-previews{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:8px}.image-preview{position:relative;flex-shrink:0}.image-preview img{width:80px;height:80px;object-fit:cover;border-radius:8px}.image-preview button{position:absolute;top:-6px;right:-6px;width:20px;height:20px;background-color:var(--danger);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-input-wrapper{display:flex;align-items:flex-end;gap:8px;background-color:var(--bg-tertiary);border-radius:24px;padding:6px 12px}.chat-input-wrapper:focus-within{outline:none;box-shadow:none}.input-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:var(--text-secondary);transition:all var(--transition-fast)}.input-btn:hover{color:var(--accent);background-color:#00d9ff1a}.emoji-wrapper{position:relative}.messages-emoji-picker{position:absolute;bottom:50px;left:0;z-index:100}.chat-input{flex:1;background:none;border:none;font-size:15px;color:var(--text-primary);padding:8px 0;resize:none;min-height:24px;max-height:120px;line-height:1.4;font-family:inherit;outline:none}.chat-input::placeholder{color:var(--text-tertiary)}.chat-input:focus{outline:none}.send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--accent);color:var(--bg-primary);border-radius:50%;transition:all var(--transition-fast)}.send-btn:hover:not(:disabled){background-color:var(--accent-hover);transform:scale(1.05)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-only{display:none}@media (max-width: 768px){.messages-page{grid-template-columns:1fr;height:calc(100vh - 132px)}.messages-sidebar{position:fixed;left:0;right:0;top:72px;bottom:60px;z-index:10;height:auto}.messages-sidebar.hidden-mobile{display:none}.messages-chat{position:fixed;left:0;right:0;top:72px;bottom:60px;z-index:10;display:flex;flex-direction:column;height:auto}.messages-chat.hidden-mobile{display:none}.messages-chat .chat-messages{flex:1;overflow-y:auto;min-height:0}.messages-chat .chat-input-area{flex-shrink:0;position:sticky;bottom:0;background-color:var(--bg-secondary);border-top:1px solid var(--border-color)}.mobile-only{display:flex}.message{max-width:85%}.messages-emoji-picker{position:fixed;bottom:80px;left:10px;right:10px}.messages-emoji-picker em-emoji-picker{width:100%!important}}.follow-requests-layout{display:flex;width:100%;max-width:1600px;margin:0 auto;min-height:calc(100vh - var(--navbar-height))}@media (max-width: 1400px){.follow-requests-layout{max-width:100%}}.follow-requests-page{width:100%;min-width:0;flex:1;padding:24px 40px}@media (max-width: 1200px){.follow-requests-page{padding:24px 20px}}.follow-requests-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.header-left{display:flex;align-items:center;gap:12px}.header-icon{color:var(--accent)}.follow-requests-header h1{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.requests-count{font-size:14px;color:var(--text-secondary)}.accept-all-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--accent);color:var(--bg-primary);border-radius:20px;font-size:14px;font-weight:600;transition:all .15s}.accept-all-btn:hover:not(:disabled){background-color:var(--accent-hover)}.accept-all-btn:disabled{opacity:.6;cursor:not-allowed}.follow-requests-loading{display:flex;justify-content:center;padding:48px}.follow-requests-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:var(--text-secondary)}.follow-requests-empty svg{margin-bottom:16px;color:var(--text-tertiary)}.follow-requests-empty h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.follow-requests-empty p{font-size:14px;color:var(--text-secondary)}.follow-requests-list{display:flex;flex-direction:column;gap:8px}.follow-request-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--bg-secondary);border-radius:12px;transition:background-color .15s}.follow-request-item:hover{background:var(--bg-hover)}.request-user{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.request-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--bg-tertiary);flex-shrink:0}.request-info{display:flex;flex-direction:column;min-width:0}.request-name{display:flex;align-items:center;gap:4px;font-size:15px;font-weight:600;color:var(--text-primary)}.request-username{font-size:14px;color:var(--text-secondary)}.request-time{font-size:12px;color:var(--text-tertiary);margin-top:2px}.request-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.accept-btn,.reject-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all .15s}.accept-btn{background:var(--accent);color:var(--bg-primary)}.accept-btn:hover:not(:disabled){background:var(--accent-hover)}.reject-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.reject-btn:hover:not(:disabled){background:#ff52521a;border-color:#ff5252;color:#ff5252}.accept-btn:disabled,.reject-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.follow-requests-page{padding:16px}.follow-requests-header{flex-direction:column;gap:16px;align-items:flex-start}.follow-requests-header h1{font-size:20px}.accept-all-btn{width:100%;justify-content:center}.follow-request-item{flex-direction:column;gap:16px;align-items:stretch}.request-actions{justify-content:flex-end}}.legal-page{min-height:calc(100vh - 70px);padding:110px 20px 80px;background:var(--bg-primary)}.legal-container{max-width:800px;margin:0 auto}.legal-header{text-align:center;margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--border-color)}.legal-icon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,var(--accent),#0099cc);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--bg-primary)}.legal-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.legal-subtitle{font-size:1rem;color:var(--text-tertiary)}.legal-content{background:var(--bg-secondary);border-radius:16px;padding:40px;border:1px solid var(--border-color)}.legal-section{margin-bottom:36px}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--accent);display:inline-block}.legal-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:20px 0 12px}.legal-section p{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:12px}.legal-section ul{margin:12px 0;padding-left:24px}.legal-section li{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:8px}.legal-section li strong{color:var(--text-primary)}.legal-section a{color:var(--accent);text-decoration:none;transition:opacity var(--transition-fast)}.legal-section a:hover{opacity:.8;text-decoration:underline}.legal-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin:32px 0}.legal-feature{background:var(--bg-tertiary);border-radius:12px;padding:24px;text-align:center;transition:transform var(--transition-fast)}.legal-feature:hover{transform:translateY(-4px)}.feature-icon{width:40px;height:40px;margin-bottom:16px;color:var(--accent)}.legal-feature h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.legal-feature p{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}@media (max-width: 768px){.legal-page{padding:24px 16px 60px}.legal-header h1{font-size:2rem}.legal-content{padding:24px;border-radius:12px}.legal-section h2{font-size:1.25rem}.legal-features{grid-template-columns:1fr}}@media (max-width: 480px){.legal-header h1{font-size:1.75rem}.legal-icon{width:56px;height:56px}.legal-content{padding:20px}}:root{--bg-primary: #0f0f0f;--bg-secondary: #181818;--bg-tertiary: #212121;--bg-hover: #2a2a2a;--bg-active: #333333;--accent: #00d9ff;--accent-hover: #00b8d9;--accent-glow: rgba(0, 217, 255, .15);--accent-subtle: rgba(0, 217, 255, .08);--text-primary: #ffffff;--text-secondary: #aaaaaa;--text-tertiary: #717171;--border-color: #2a2a2a;--border-light: #3a3a3a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--navbar-height: 64px;--sidebar-width: 260px;--right-sidebar-width: 320px;--content-max-width: 100%;--transition-fast: .15s ease;--transition-normal: .25s ease;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:calc(var(--navbar-height) + var(--safe-area-top));padding-bottom:var(--safe-area-bottom);display:flex;justify-content:center;width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;border:none;outline:none;background:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-active)}::selection{background-color:var(--accent);color:var(--bg-primary)}:focus-visible{outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--border-color);outline-offset:2px}input:focus,textarea:focus,select:focus{outline:none;box-shadow:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}