*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font-display:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--accent:#7c3aed;--accent-light:#a78bfa;--accent-muted:#7c3aed26;--danger:#ef4444;--danger-muted:#ef44441f;--success:#10b981;--info:#0ea5e9;--transition:0.2s ease}[data-theme=dark]{--bg-base:#0d0d12;--bg-surface:#15151f;--bg-card:#1c1c2a;--bg-hover:#23232f;--bg-input:#1a1a26;--border:#ffffff12;--border-focus:#7c3aed99;--text-primary:#f0efff;--text-secondary:#9b98b8;--text-muted:#5c597a;--text-on-accent:#fff;--shadow:0 4px 24px #0006;--shadow-card:0 2px 12px #0000004d}[data-theme=light]{--bg-base:#f4f3fb;--bg-surface:#fff;--bg-card:#fff;--bg-hover:#f0eef9;--bg-input:#f7f6fe;--border:#00000014;--border-focus:#7c3aed80;--text-primary:#110f24;--text-secondary:#4b4868;--text-muted:#9d9bb8;--text-on-accent:#fff;--shadow:0 4px 24px #6450c81a;--shadow-card:0 2px 12px #6450c812}body{-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;font-family:var(--font-body);min-height:100vh}.app-layout{background:var(--bg-base);color:var(--text-primary);display:flex;min-height:100vh;transition:background .2s ease,color .2s ease;transition:background var(--transition),color var(--transition)}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;min-width:240px;overflow-y:auto;padding:24px 16px;position:-webkit-sticky;position:sticky;top:0;transition:background .2s ease,border-color .2s ease;transition:background var(--transition),border-color var(--transition);width:240px}.main-content{flex:1 1;margin:0 auto;max-width:680px;padding:24px 20px;width:100%}.right-panel{min-width:300px;padding:24px 16px;width:300px}.logo{align-items:center;color:#7c3aed;color:var(--accent);display:flex;font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:1.5rem;font-weight:700;gap:10px;letter-spacing:-.5px;margin-bottom:32px;padding:0 8px}.logo span{color:var(--text-primary)}.logo-icon{flex-shrink:0;height:30px;width:30px}.nav-item{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:12px;margin-bottom:4px;padding:10px 12px;position:relative;text-align:left;transition:background .2s ease,color .2s ease;transition:background var(--transition),color var(--transition);width:100%}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:#7c3aed26;background:var(--accent-muted);color:#a78bfa;color:var(--accent-light)}.nav-item .nav-icon{font-size:1.1rem;text-align:center;width:20px}.nav-badge{background:#7c3aed;background:var(--accent);border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:.65rem;font-weight:700;margin-left:auto;min-width:18px;padding:2px 6px;text-align:center}.sidebar-user{align-items:center;background:var(--bg-hover);border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:10px;margin-top:auto;padding:10px 12px}.sidebar-user-name{color:var(--text-primary);font-size:.82rem;font-weight:600}.sidebar-user-handle{color:var(--text-muted);font-size:.72rem}.avatar{align-items:center;border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:.7rem;font-weight:700;height:36px;justify-content:center;width:36px}.avatar.lg{font-size:.85rem;height:48px;width:48px}.avatar.sm{font-size:.6rem;height:28px;width:28px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:background .2s ease,border-color .2s ease;transition:background var(--transition),border-color var(--transition)}.composer{margin-bottom:20px;padding:18px}.composer-row{align-items:flex-start;display:flex;gap:12px}.composer textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.9rem;min-height:80px;outline:none;padding:12px 14px;resize:none;transition:border-color .2s ease;transition:border-color var(--transition)}.composer textarea:focus{border-color:var(--border-focus)}.composer textarea::placeholder{color:var(--text-muted)}.composer-actions{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.char-count{color:var(--text-muted);font-size:.75rem}.char-count.warn{color:#ef4444;color:var(--danger)}.btn{align-items:center;border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font-body);font-weight:600;gap:6px;transition:all .2s ease;transition:all var(--transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:#7c3aed;background:var(--accent);color:#fff;font-size:.85rem;padding:8px 20px}.btn-primary:hover:not(:disabled){background:#6d28d9}.btn-sm{font-size:.78rem;padding:5px 14px}.btn-ghost{background:#0000;color:var(--text-secondary);font-size:.8rem;padding:6px 10px}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:#ef44441f;background:var(--danger-muted);color:#ef4444;color:var(--danger);font-size:.78rem;padding:5px 14px}.btn-danger:hover{background:#ef4444;background:var(--danger);color:#fff}.btn-icon{align-items:center;background:#0000;border:none;border-radius:9999px;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:6px;transition:all .2s ease;transition:all var(--transition)}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.post-card{margin-bottom:16px;padding:18px}.post-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.post-meta{flex:1 1}.post-author{color:var(--text-primary);font-size:.88rem;font-weight:600}.post-handle-time{color:var(--text-muted);font-size:.75rem;margin-top:1px}.post-edited{color:var(--text-muted);font-size:.68rem;font-style:italic;margin-left:4px}.post-content{color:var(--text-primary);font-size:.92rem;line-height:1.6;margin-bottom:14px;white-space:pre-wrap;word-break:break-word}.post-actions{border-top:1px solid var(--border);gap:4px;padding-top:12px}.action-btn,.post-actions{align-items:center;display:flex}.action-btn{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;gap:5px;padding:6px 10px;transition:all .2s ease;transition:all var(--transition)}.action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.action-btn.liked{color:#ef4444}.action-btn.liked:hover{background:#ef44441f;background:var(--danger-muted)}.action-btn span{font-size:1rem}.post-menu-wrap{position:relative}.post-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);box-shadow:var(--shadow);min-width:140px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.post-menu button{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.83rem;font-weight:500;gap:8px;padding:10px 14px;text-align:left;transition:background .2s ease;transition:background var(--transition);width:100%}.post-menu button:hover{background:var(--bg-hover);color:var(--text-primary)}.post-menu button.danger{color:#ef4444;color:var(--danger)}.post-menu button.danger:hover{background:#ef44441f;background:var(--danger-muted)}.edit-area{background:var(--bg-input);border:1px solid var(--border-focus);border-radius:8px;border-radius:var(--radius-sm);color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.92rem;margin-bottom:10px;min-height:80px;outline:none;padding:10px 12px;resize:none;width:100%}.edit-actions{display:flex;gap:8px}.comments-section{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.comment-input-row{align-items:flex-start;display:flex;gap:8px;margin-bottom:14px}.comment-input{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.83rem;outline:none;padding:8px 12px;resize:none;transition:border-color .2s ease;transition:border-color var(--transition)}.comment-input:focus{border-color:var(--border-focus)}.comment-input::placeholder{color:var(--text-muted)}.comment-item{display:flex;gap:8px;margin-bottom:12px}.comment-bubble{background:var(--bg-hover);border-radius:8px;border-radius:var(--radius-sm);flex:1 1;padding:8px 12px}.comment-author{color:var(--text-primary);font-size:.78rem;font-weight:600}.comment-text{color:var(--text-secondary);font-size:.82rem;line-height:1.5;margin-top:2px}.comment-meta{align-items:center;display:flex;gap:8px;margin-top:4px}.comment-time{color:var(--text-muted);font-size:.68rem}.comment-actions{display:flex;gap:4px}.comment-action-btn{background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;font-size:.7rem;padding:1px 4px;transition:all .2s ease;transition:all var(--transition)}.comment-action-btn:hover{background:#7c3aed26;background:var(--accent-muted);color:#a78bfa;color:var(--accent-light)}.comment-action-btn.danger:hover{background:#ef44441f;background:var(--danger-muted);color:#ef4444;color:var(--danger)}.comment-edit-input{background:var(--bg-input);border:1px solid var(--border-focus);border-radius:6px;color:var(--text-primary);font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.82rem;margin-top:6px;outline:none;padding:6px 10px;resize:none;width:100%}.theme-toggle{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px;margin-bottom:8px;padding:8px 12px;transition:all .2s ease;transition:all var(--transition);width:100%}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.search-bar{align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:9999px;border-radius:var(--radius-full);display:flex;gap:8px;margin-bottom:20px;padding:8px 14px;transition:border-color .2s ease;transition:border-color var(--transition)}.search-bar:focus-within{border-color:var(--border-focus)}.search-bar input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.87rem;outline:none}.search-bar input::placeholder,.search-icon{color:var(--text-muted)}.search-icon{font-size:1rem}.right-panel-section{margin-bottom:20px}.panel-title{color:var(--text-muted);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.08em;margin-bottom:12px;padding:0 4px;text-transform:uppercase}.suggestion-item{align-items:center;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;padding:8px;transition:background .2s ease;transition:background var(--transition)}.suggestion-item:hover{background:var(--bg-hover)}.suggestion-name{color:var(--text-primary);font-size:.83rem;font-weight:600}.suggestion-handle{color:var(--text-muted);font-size:.73rem}.notif-item{align-items:flex-start;border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:10px;margin-bottom:8px;padding:12px;transition:background .2s ease;transition:background var(--transition)}.notif-item.unread{background:#7c3aed26;background:var(--accent-muted)}.notif-icon{font-size:1.1rem}.notif-text{color:var(--text-secondary);font-size:.83rem;line-height:1.4}.notif-time{color:var(--text-muted);font-size:.7rem;margin-top:2px}.profile-header{margin-bottom:16px;padding:24px;text-align:center}.profile-avatar-lg{align-items:center;border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;font-size:1.4rem;height:80px;justify-content:center;margin:0 auto 12px;width:80px}.profile-avatar-lg,.profile-name{font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-weight:700}.profile-name{font-size:1.2rem}.profile-handle{color:var(--text-muted);font-size:.82rem;margin-top:2px}.profile-stats{display:flex;gap:28px;justify-content:center;margin-top:16px}.stat-val{color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.72rem}.empty-state{color:var(--text-muted);padding:48px 20px;text-align:center}.empty-icon{font-size:2.5rem;margin-bottom:12px}.empty-text{font-size:.9rem;line-height:1.5}.toast-wrap{bottom:24px;position:fixed;right:24px;z-index:9999}.toast{align-items:center;animation:slideUp .25s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);box-shadow:var(--shadow);color:var(--text-primary);display:flex;font-size:.85rem;font-weight:500;gap:8px;padding:12px 18px}.toast.success{border-left:3px solid #10b981;border-left:3px solid var(--success)}.toast.info{border-left:3px solid #0ea5e9;border-left:3px solid var(--info)}.toast.error{border-left:3px solid #ef4444;border-left:3px solid var(--danger)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.divider{background:var(--border);height:1px;margin:8px 0}@media (max-width:1100px){.right-panel{display:none}}@media (max-width:720px){.sidebar{display:none}.main-content{padding:16px 12px}.notif-bell-dropdown{right:-8px;width:calc(100vw - 32px)}.mobile-nav{background:var(--bg-surface);border-top:1px solid var(--border);bottom:0;display:flex;justify-content:space-around;left:0;padding:10px 0 16px;position:fixed;right:0;z-index:200}}@media (min-width:721px){.mobile-nav{display:none}}.trending-tag{align-items:center;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:8px 4px;transition:background .2s ease;transition:background var(--transition)}.trending-tag:hover{background:var(--bg-hover);padding-left:8px}.trending-name{color:var(--text-primary);font-size:.83rem;font-weight:600}.trending-count{color:var(--text-muted);font-size:.72rem}.main-header{display:flex;justify-content:flex-end;margin-bottom:8px}.like-heart-anim{animation:like-bounce .3s ease;display:inline-block}@keyframes like-bounce{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.like-count-wrap{align-items:center;display:inline-flex;height:1.2em;min-width:8px;overflow:hidden}.like-count-tick{animation:tick-up .3s ease;display:inline-block}@keyframes tick-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.notif-bell-btn,.notif-bell-wrap{position:relative}.notif-bell-btn{align-items:center;background:#0000;border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:6px;transition:background .2s ease;transition:background var(--transition)}.notif-bell-btn:hover{background:var(--bg-hover)}.notif-bell-badge{background:#ef4444;border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.58rem;font-weight:700;line-height:1.3;min-width:16px;padding:1px 5px;position:absolute;right:0;text-align:center;top:0}.notif-bell-dropdown{animation:dropdown-in .15s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-md);box-shadow:var(--shadow);max-height:420px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:340px;z-index:300}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-bell-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 14px}.notif-bell-title{color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:.88rem;font-weight:700}.notif-bell-list{max-height:360px;overflow-y:auto;padding:4px}.notif-bell-item{align-items:flex-start;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .2s ease;transition:background var(--transition)}.notif-bell-item:hover{background:var(--bg-hover)}.notif-bell-item.unread{background:#7c3aed26;background:var(--accent-muted)}.notif-bell-item.unread:hover{background:#7c3aed38}.notif-bell-dot{background:#7c3aed;background:var(--accent);border-radius:50%;flex-shrink:0;height:8px;margin-top:6px;width:8px}.notif-bell-empty{color:var(--text-muted);font-size:.83rem;padding:24px 12px;text-align:center}.skeleton{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--bg-hover);border-radius:4px}.skeleton-circular{border-radius:50%}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:.25}}.tab-bar{border-bottom:1px solid var(--border);display:flex;gap:0;margin-bottom:20px}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-body);font-size:.87rem;font-weight:500;margin-bottom:-1px;padding:10px 20px;transition:all .2s ease;transition:all var(--transition)}.tab-btn.active{border-bottom-color:#7c3aed;border-bottom-color:var(--accent);color:#a78bfa;color:var(--accent-light)}.tab-btn:hover:not(.active){color:var(--text-primary)}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-title{color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:700}
/*# sourceMappingURL=main.5ed13e23.css.map*/