@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root,:root.light-theme{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-primary:#eceef5;--bg-card:#ffffff73;--bg-secondary:#f0f1f580;--bg-tertiary:#dcdee699;--text-primary:#1a1a2e;--text-secondary:#5c6285;--border-color:#6366f114;--accent-color:#6366f1;--accent-hover:#4f46e5;--accent-light:#6366f10d;--accent-gradient:linear-gradient(135deg, #6366f1, #8b5cf6);--accent-text:#fff;--danger-color:#ef4444;--success-color:#22c55e;--glass-bg:#ffffff8c;--glass-border:#6366f114;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--shadow-card:0 8px 32px 0 #1f26870a, 0 1px 3px #00000003;--shadow-lg:0 10px 40px 0 #6366f114;--shadow-glow:0 0 20px #6366f12e;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.35s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root:not(.light-theme){--bg-primary:#0a0a12;--bg-card:#1616268c;--bg-secondary:#23233c73;--bg-tertiary:#30305080;--text-primary:#f0f0ff;--text-secondary:#88a;--border-color:#8b5cf61f;--accent-color:#818cf8;--accent-hover:#6366f1;--accent-light:#818cf80f;--accent-gradient:linear-gradient(135deg, #818cf8, #a78bfa);--accent-text:#fff;--glass-bg:#0f0f1aa6;--glass-border:#8b5cf61a;--shadow-card:0 8px 32px 0 #00000040;--shadow-lg:0 12px 48px 0 #00000073;--shadow-glow:0 0 24px #818cf838}}:root.dark-theme{--bg-primary:#0a0a12;--bg-card:#1616268c;--bg-secondary:#23233c73;--bg-tertiary:#30305080;--text-primary:#f0f0ff;--text-secondary:#88a;--border-color:#8b5cf61f;--accent-color:#818cf8;--accent-hover:#6366f1;--accent-light:#818cf80f;--accent-gradient:linear-gradient(135deg, #818cf8, #a78bfa);--accent-text:#fff;--glass-bg:#0f0f1aa6;--glass-border:#8b5cf61a;--shadow-card:0 8px 32px 0 #00000040;--shadow-lg:0 12px 48px 0 #00000073;--shadow-glow:0 0 24px #818cf838}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{outline:none;font-family:inherit}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.btn-primary{background:var(--accent-gradient);color:var(--accent-text);border-radius:var(--radius-full);transition:all var(--transition-normal);padding:10px 20px;font-size:15px;font-weight:600;position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;transition:opacity var(--transition-normal);background:linear-gradient(135deg,#fff3,#0000);position:absolute;inset:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border-radius:var(--radius-full);transition:background-color var(--transition-normal);padding:10px 20px;font-size:15px;font-weight:600}.btn-secondary:hover{background-color:var(--bg-tertiary)}.btn-icon{width:40px;height:40px;transition:background-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-icon:hover{background-color:var(--bg-secondary)}.avatar{object-fit:cover;background-color:var(--bg-tertiary);border-radius:50%;width:40px;height:40px}.main-content{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);flex:1;max-width:600px;min-height:100vh;padding-bottom:80px;animation:.4s ease-out pageEnter}@media (width>=640px){.main-content{padding-bottom:0}}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-right-container{flex-direction:column;gap:24px;display:flex}.sidebar-right-header{justify-content:flex-end;display:flex}.user-badge{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-normal);align-items:center;gap:10px;max-width:100%;padding:10px 14px;display:flex}.user-badge:hover{background:var(--accent-light);border-color:#6366f126}.user-badge-info{flex-direction:column;flex:1;min-width:0;display:flex}.user-badge-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-badge-username{color:var(--accent-color);font-size:11px}.badge-chevron{color:var(--text-secondary);flex-shrink:0}.avatar-sm{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;width:34px;height:34px}.avatar-md{object-fit:cover;border:2px solid var(--border-color);width:38px;height:38px;transition:border-color var(--transition-fast);border-radius:50%;flex-shrink:0}.suggested-item:hover .avatar-md{border-color:var(--accent-color)}.sidebar-right-section{background:var(--bg-card);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);padding:18px}.sidebar-right-section:hover{box-shadow:var(--shadow-card);border-color:#6366f126}.section-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:700;display:flex}.section-title svg{color:var(--accent-color)}.trending-list{flex-direction:column;gap:2px;list-style:none;display:flex}.trending-item{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 6px;font-size:13px;font-weight:500;display:flex}.trending-item:hover{background-color:var(--accent-light);color:var(--accent-color)}.trending-hash{color:var(--accent-color);flex-shrink:0}.trending-name{flex:1}.trending-count{color:var(--text-secondary);margin-left:auto;font-size:11px;font-weight:400}.suggested-list{flex-direction:column;gap:4px;list-style:none;display:flex}.suggested-item{cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:10px;padding:8px 6px;display:flex}.suggested-item:hover{background-color:var(--accent-light)}.suggested-info{flex-direction:column;min-width:0;display:flex}.suggested-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.suggested-username{color:var(--accent-color);font-size:12px}.create-post-container{background-color:var(--bg-card);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);box-shadow:var(--shadow-card);margin:20px 20px 16px;padding:20px}.create-post-container.focused{border-color:var(--accent-color);box-shadow:var(--shadow-glow)}.create-post-box{align-items:flex-start;gap:12px;display:flex}.create-avatar{object-fit:cover;border:2px solid var(--border-color);width:40px;height:40px;transition:border-color var(--transition-normal);border-radius:50%;flex-shrink:0;margin-top:4px}.create-post-container.focused .create-avatar{border-color:var(--accent-color)}.create-input-wrapper{flex-direction:column;flex:1;gap:8px;display:flex}.create-input{resize:none;width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;min-height:44px;max-height:200px;padding:6px 0;font-family:inherit;font-size:16px;line-height:1.6;overflow-y:auto}.create-input::placeholder{color:var(--text-secondary)}.create-input:disabled{opacity:.5;cursor:not-allowed}.create-actions{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:8px;padding-top:10px;display:flex}.create-actions-left{flex:1;min-width:0}.create-actions-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.create-hint{color:var(--text-secondary);opacity:.6;font-size:11px}.char-counter{align-items:center;gap:4px;animation:.2s ease-out fadeScale;display:flex}@keyframes fadeScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.char-ring{width:22px;height:22px;transform:rotate(-90deg)}.char-ring-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:2.5px}.char-ring-fill{fill:none;stroke:var(--accent-color);stroke-width:2.5px;stroke-linecap:round;transition:stroke-dasharray var(--transition-normal), stroke var(--transition-normal)}.char-counter.warning .char-ring-fill{stroke:#f59e0b}.char-counter.danger .char-ring-fill{stroke:var(--danger-color)}.char-count-text{color:var(--text-secondary);text-align:center;min-width:20px;transition:color var(--transition-normal);font-size:11px;font-weight:600}.char-counter.warning .char-count-text{color:#f59e0b}.char-counter.danger .char-count-text{color:var(--danger-color)}.create-post-btn{background:var(--accent-gradient);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:600;display:flex;position:relative;overflow:hidden;color:var(--accent-text)!important}.create-post-btn-text{color:var(--accent-text)}.create-post-btn:before{content:"";opacity:0;transition:opacity var(--transition-normal);background:linear-gradient(135deg,#ffffff40,#0000);position:absolute;inset:0}.create-post-btn:hover:not(:disabled):before{opacity:1}.create-post-btn:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.create-post-btn:active:not(:disabled){transform:translateY(0)scale(.98)}.create-post-btn:disabled{opacity:.35;cursor:not-allowed}.create-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite create-spin}@keyframes create-spin{to{transform:rotate(360deg)}}.hidden-file-input{display:none}.image-preview{border-radius:var(--radius-lg);max-height:240px;margin-top:8px;position:relative;overflow:hidden}.image-preview img{object-fit:cover;border-radius:var(--radius-lg);width:100%}.remove-image-btn{color:#fff;cursor:pointer;width:28px;height:28px;transition:background var(--transition-fast);background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.remove-image-btn:hover{background:#000c}.nd-overlay{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e5e7eb);z-index:9999;-webkit-backdrop-filter:blur(12px);border-radius:16px;width:360px;max-width:calc(100vw - 24px);animation:.18s nd-slide-in;position:absolute;top:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 40px #0000002e}@keyframes nd-slide-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.nd-header{border-bottom:1px solid var(--border-color,#e5e7eb);justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.nd-title{color:var(--text-primary,#111);font-size:15px;font-weight:700}.nd-mark-all{color:#6366f1;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.nd-mark-all:hover{background:#6366f11a}.nd-list{scrollbar-width:thin;scrollbar-color:var(--border-color,#e5e7eb) transparent;max-height:420px;overflow-y:auto}.nd-list::-webkit-scrollbar{width:4px}.nd-list::-webkit-scrollbar-thumb{background:var(--border-color,#e5e7eb);border-radius:4px}.nd-empty{color:var(--text-secondary,#9ca3af);flex-direction:column;align-items:center;gap:10px;padding:40px 20px;font-size:14px;display:flex}.nd-empty-icon{opacity:.4}.nd-item{cursor:pointer;border-bottom:1px solid var(--border-color,#f3f4f6);align-items:flex-start;gap:12px;padding:12px 18px;transition:background .15s;display:flex;position:relative}.nd-item:last-child{border-bottom:none}.nd-item:hover{background:var(--bg-secondary,#f9fafb)}.nd-item--unread{background:#6366f10d}.nd-item--unread:hover{background:#6366f117}.nd-avatar-wrap{flex-shrink:0;position:relative}.nd-avatar{object-fit:cover;border:2px solid var(--border-color,#e5e7eb);border-radius:50%;width:42px;height:42px}.nd-type-badge{background:var(--bg-card,#fff);border:1.5px solid var(--border-color,#e5e7eb);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-2px;right:-4px}.nd-type-icon{display:block}.nd-icon-like{color:#ef4444}.nd-icon-comment{color:#6366f1}.nd-icon-follow{color:#10b981}.nd-content{flex:1;min-width:0}.nd-message{color:var(--text-primary,#111);word-break:break-word;margin:0 0 4px;font-size:13px;line-height:1.45}.nd-time{color:var(--text-secondary,#9ca3af);font-size:11px;font-weight:500}.nd-actions{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.nd-dot{background:#6366f1;border-radius:50%;flex-shrink:0;width:8px;height:8px}.nd-delete-btn{cursor:pointer;width:22px;height:22px;color:var(--text-secondary,#9ca3af);opacity:0;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,background .15s,color .15s;display:flex}.nd-item:hover .nd-delete-btn{opacity:1}.nd-delete-btn:hover{color:#ef4444;background:#ef44441f}@media (width<=640px){.nd-overlay{border-radius:16px;width:auto;position:fixed;inset:auto 8px 72px;transform:none}}.sidebar,.right-sidebar{display:none}.bottom-nav{z-index:100;border-top:1px solid var(--border-color);background-color:var(--bg-card);justify-content:space-around;align-items:center;height:64px;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-normal);justify-content:center;align-items:center;padding:12px;text-decoration:none;display:flex;position:relative}.nav-item.active{color:var(--accent-color);font-weight:600}.nav-item:hover{background-color:var(--accent-light);color:var(--accent-color)}.nav-text{display:none}.sidebar-post-btn{width:100%;margin-top:24px;display:none}.app-container{justify-content:center;max-width:1280px;min-height:100vh;margin:0 auto;display:flex}.main-content{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);background-color:var(--bg-primary);flex:1;max-width:600px;min-height:100vh;padding-bottom:80px}@media (width>=640px){.bottom-nav{display:none}.main-content{padding-bottom:0}.sidebar{z-index:50;flex-direction:column;align-items:center;width:80px;height:100vh;padding:20px 0;display:flex;position:sticky;top:0}.nav-item{margin-bottom:8px;padding:14px}}@media (width>=1024px){.sidebar{align-items:flex-start;width:250px;padding:24px 32px}.right-sidebar{width:320px;height:100vh;padding:24px 32px;display:block;position:sticky;top:0;overflow-y:auto}.nav-item{border-radius:var(--radius-lg);width:100%;color:var(--text-secondary);justify-content:flex-start;gap:16px;padding:12px 16px}.nav-item.active{background-color:var(--accent-light);color:var(--accent-color)}.nav-item.active .nav-icon{color:var(--accent-color)}.nav-icon{transition:color var(--transition-fast);flex-shrink:0}.nav-text{font-size:16px;display:block}.logo-container{align-items:center;margin-bottom:32px;padding:0 16px;font-size:24px;font-weight:800;text-decoration:none;display:flex}.logo-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.nav-links-wrapper{flex-direction:column;gap:4px;width:100%;display:flex}.sidebar-post-btn{border-radius:var(--radius-lg);background:var(--accent-gradient);color:var(--accent-text);cursor:pointer;transition:all var(--transition-normal);border:none;padding:14px;font-size:15px;font-weight:600;display:block;position:relative;overflow:hidden}.sidebar-post-btn:before{content:"";opacity:0;transition:opacity var(--transition-normal);background:linear-gradient(135deg,#fff3,#0000);position:absolute;inset:0}.sidebar-post-btn:hover:before{opacity:1}.sidebar-post-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.sidebar-post-btn:active{transform:translateY(0)}}@media (width<=1023px){.logo-text{display:none}.logo-container{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#00000080;justify-content:center;align-items:flex-start;padding-top:10vh;animation:.2s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-content-wrapper{background-color:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:600px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);flex-direction:column;animation:.3s cubic-bezier(.34,1.56,.64,1) modalSlideIn;display:flex}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:flex-start;padding:16px;display:flex}.close-modal-btn{width:36px;height:36px;color:var(--text-primary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.close-modal-btn:hover{background-color:var(--accent-light);color:var(--accent-color)}.nav-notif-wrapper{position:relative}.nav-notif-btn{cursor:pointer;background:0 0;border:none;width:100%}.notif-bell-wrap{justify-content:center;align-items:center;display:flex;position:relative}.notif-badge{background:var(--danger-color);color:#fff;border:2px solid var(--bg-card,#fff);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;animation:.3s cubic-bezier(.36,.07,.19,.97) badge-pop;display:flex;position:absolute;top:-6px;right:-8px}@keyframes badge-pop{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.post-card{background-color:var(--bg-card);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-card);margin:0 20px 16px;padding:20px;animation:.3s ease-out both postEnter}@keyframes postEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.post-card:hover{box-shadow:var(--shadow-lg);border-color:#6366f126;transform:translateY(-2px)}.post-header-container{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.post-header-info{align-items:center;gap:8px;display:flex}.avatar-sm{object-fit:cover;border:2px solid var(--border-color);width:34px;height:34px;transition:border-color var(--transition-fast);border-radius:50%}.post-card:hover .avatar-sm{border-color:var(--accent-color)}.post-username{color:var(--text-primary);transition:color var(--transition-fast);font-size:15px;font-weight:600}.post-username:hover{color:var(--accent-color)}.post-time{color:var(--text-secondary);font-size:13px}.post-time:before{content:"·";margin-right:6px}.post-options-container{position:relative}.post-dropdown{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10;min-width:140px;animation:.15s ease-out dropdownSlide;position:absolute;top:100%;right:0;overflow:hidden}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-4px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-item{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;transition:background-color var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-size:14px;display:flex}.dropdown-item:hover{background-color:var(--accent-light)}.dropdown-item.delete{color:var(--danger-color)}.dropdown-item.delete:hover{background-color:#ef444414}.post-options-btn{cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;display:flex}.post-options-btn:hover{background-color:var(--accent-light)}.edit-post-container{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.edit-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);resize:vertical;transition:border-color var(--transition-fast);padding:12px;font-family:inherit;font-size:15px}.edit-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light)}.edit-actions{justify-content:flex-end;gap:12px;display:flex}.save-btn{background:var(--accent-gradient);color:var(--accent-text);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);border:none;padding:8px 20px;font-size:14px;font-weight:600}.save-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.cancel-btn{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;padding:8px 20px;font-size:14px;font-weight:500}.cancel-btn:hover{background-color:var(--bg-secondary);border-color:var(--text-secondary)}.post-text{color:var(--text-primary);word-wrap:break-word;white-space:pre-wrap;margin-bottom:16px;font-size:15px;line-height:1.6}.post-image{border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-secondary);width:min-content;margin-top:12px;margin-bottom:16px;overflow:hidden}.post-image img{max-width:100%;max-height:400px;display:block}.post-actions{border-top:1px solid var(--border-color);gap:8px;margin-top:16px;padding-top:12px;display:flex}.action-btn{color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.action-btn:hover{background-color:var(--accent-light);color:var(--accent-color)}.action-btn.liked{color:var(--danger-color)}.action-btn.liked:hover{color:var(--danger-color);background-color:#ef444414}.action-btn-share{margin-left:auto}.home-container{animation:.4s ease-out pageEnter}.feed{padding-bottom:20px}.home-container.loading{min-height:200px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:16px;display:flex}.error-banner{color:var(--danger-color);border-radius:var(--radius-md);background-color:#ef44440f;border:1px solid #ef444426;align-items:center;gap:8px;margin:12px 20px 16px;padding:12px 20px;font-size:14px;animation:.3s ease-out errorSlideIn;display:flex}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.no-posts{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;padding:60px 20px;font-size:15px;display:flex}.no-posts:before{content:"💬";opacity:.4;font-size:48px;display:block}.loading-overlay{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;padding:40px;display:flex}.loading-overlay:before{content:"";border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite loadingSpin;display:block}@keyframes loadingSpin{to{transform:rotate(360deg)}}.auth-container{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-container:before,.auth-container:after{content:"";filter:blur(80px);opacity:.3;border-radius:50%;animation:8s ease-in-out infinite floatOrb;position:absolute}.auth-container:before{background:#6366f1;width:400px;height:400px;animation-delay:0s;top:-100px;right:-100px}.auth-container:after{background:#8b5cf6;width:300px;height:300px;animation-delay:-4s;bottom:-80px;left:-80px}@keyframes floatOrb{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-30px)scale(1.05)}50%{transform:translate(-20px,20px)scale(.95)}75%{transform:translate(10px,10px)scale(1.02)}}.auth-card{background-color:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);text-align:center;z-index:1;border:1px solid var(--border-color);padding:44px 40px;animation:.5s cubic-bezier(.34,1.56,.64,1) authCardEnter;position:relative}@keyframes authCardEnter{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-logo{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:10px;margin-bottom:8px;font-size:28px;font-weight:800;display:flex}.auth-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:15px;line-height:1.5}.auth-form{flex-direction:column;gap:18px;display:flex}.input-group{text-align:left;flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.input-group input{border:1.5px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-normal);padding:12px 16px;font-size:15px}.input-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-light)}.input-group input::placeholder{color:var(--text-secondary);opacity:.6}.auth-button{width:100%;margin-top:8px;padding:13px 20px;font-size:16px}.auth-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.auth-footer{color:var(--text-secondary);margin-top:28px;font-size:14px}.auth-link{color:var(--accent-color);transition:all var(--transition-fast);font-weight:600}.auth-link:hover{text-decoration:underline}.auth-error{color:var(--danger-color);border-radius:var(--radius-md);text-align:left;border-left:3px solid var(--danger-color);background-color:#ef444414;margin-bottom:20px;padding:12px 16px;font-size:14px;animation:.4s ease-out errorShake}@keyframes errorShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.profile-container{padding:24px 20px;animation:.4s ease-out pageEnter}.profile-hero-card{background-color:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-card);margin-bottom:32px;overflow:hidden}.profile-cover-placeholder{background:var(--accent-gradient);background-size:200% 200%;width:100%;height:140px;animation:6s ease-in-out infinite coverShift;position:relative}.profile-cover-placeholder:after{content:"";background:linear-gradient(135deg,#6366f14d,#8b5cf64d,#ec489933) 0 0/300% 300%;animation:8s ease-in-out infinite reverse coverShift;position:absolute;inset:0}@keyframes coverShift{0%,to{background-position:0%}50%{background-position:100%}}.profile-hero-content{padding:20px;position:relative}.profile-hero-top{align-items:center;gap:16px;margin-top:-60px;display:flex}.profile-large-avatar{border:4px solid var(--bg-card);background-color:var(--bg-secondary);object-fit:cover;width:100px;height:100px;box-shadow:0 0 0 3px var(--accent-color);transition:box-shadow var(--transition-normal);border-radius:50%}.profile-large-avatar:hover{box-shadow:0 0 0 3px var(--accent-color), var(--shadow-glow)}.profile-names{flex:1;margin-top:50px}.hero-name{color:var(--text-primary);margin-bottom:2px;font-size:22px;font-weight:700}.hero-username{color:var(--accent-color);font-size:14px;font-weight:500}.edit-profile-btn{border-radius:var(--radius-sm);background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-normal);margin-top:50px;padding:8px 16px;font-size:14px;font-weight:600}.edit-profile-btn:hover{background-color:var(--accent-light);border-color:var(--accent-color);color:var(--accent-color)}.profile-bio-text{color:var(--text-primary);white-space:pre-wrap;margin-top:16px;font-size:15px;line-height:1.6}.profile-stats{border-top:1px solid var(--border-color);gap:32px;margin-top:20px;padding-top:20px;display:flex}.stat-item{cursor:pointer;transition:transform var(--transition-fast);flex-direction:column;align-items:center;gap:2px;display:flex}.stat-item:hover{transform:scale(1.05)}.stat-count{color:var(--text-primary);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700}.stat-label{color:var(--text-secondary);font-size:12px;font-weight:500}.profile-empty,.profile-no-posts{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;font-size:14px;display:flex}.profile-loading{color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;padding:40px;font-size:14px;display:flex}.loading-spinner-sm{border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin-sm}@keyframes spin-sm{to{transform:rotate(360deg)}}.profile-content-section{flex-direction:column;display:flex}.profile-controls{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.profile-controls .section-title{font-size:18px;font-weight:700}.view-toggles{background-color:var(--bg-secondary);border-radius:var(--radius-sm);gap:4px;padding:3px;display:flex}.view-btn{color:var(--text-secondary);transition:all var(--transition-fast);border-radius:6px;padding:6px 10px}.view-btn.active{background-color:var(--bg-card);color:var(--accent-color);box-shadow:0 1px 3px #00000014}.view-btn:hover:not(.active){color:var(--text-primary)}.grid-feed{grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:20px;display:grid}@media (width<=640px){.grid-feed{grid-template-columns:repeat(2,1fr)}}.grid-post-card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-card);transition:all var(--transition-normal);flex-direction:column;display:flex;overflow:hidden}.grid-post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.grid-image{aspect-ratio:4/3;object-fit:cover;width:100%}.grid-info{padding:12px}.grid-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:13px;display:-webkit-box;overflow:hidden}.grid-actions{gap:16px;display:flex}.grid-action-item{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.list-feed{flex-direction:column;gap:0;display:flex}.grid-text-card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-card);transition:all var(--transition-normal);flex-direction:column;gap:12px;padding:16px;display:flex;overflow:hidden}.grid-text-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.grid-text-content{color:var(--text-primary);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.grid-text-meta{color:var(--text-secondary);gap:12px;font-size:12px;display:flex}.post-detail-container{flex-direction:column;gap:0;padding:0 0 40px;animation:.4s ease-out pageEnter;display:flex}.detail-back-btn{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:16px 20px 8px;font-size:14px;font-weight:500;display:flex}.detail-back-btn:hover{color:var(--accent-color)}.detail-loading,.detail-empty{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}.btn-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.back-btn{border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:flex}.back-btn:hover{background:var(--accent-light);border-color:var(--accent-color);color:var(--accent-color)}.thread-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;margin:12px 20px 0;display:flex;overflow:hidden}.thread-header{border-bottom:1px solid var(--border-color);color:var(--text-secondary);align-items:center;gap:8px;padding:16px 20px 12px;font-size:14px;font-weight:600;display:flex}.thread-header svg{color:var(--accent-color)}.thread-list{flex-direction:column;gap:4px;max-height:480px;padding:12px 20px;display:flex;overflow-y:auto}.thread-list::-webkit-scrollbar{width:4px}.thread-list::-webkit-scrollbar-track{background:0 0}.thread-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.comments-loading,.no-comments{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px 20px;font-size:14px;display:flex}.comment-block{border-bottom:1px solid var(--border-color);padding:12px 0;animation:.25s fadeSlideIn}.comment-block:last-child{border-bottom:none}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.comment-item{gap:12px;display:flex}.comment-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;width:36px;height:36px}.comment-content{flex-direction:column;flex:1;gap:4px;display:flex}.comment-header{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.comment-name{color:var(--text-primary);font-size:14px;font-weight:600}.comment-username{color:var(--accent-color);font-size:13px}.comment-time{color:var(--text-secondary);margin-left:auto;font-size:12px}.comment-text{color:var(--text-primary);font-size:14px;line-height:1.5}.comment-input-area{border-top:1px solid var(--border-color);background-color:var(--bg-card);align-items:center;gap:12px;padding:14px 20px;display:flex}.comment-input-box{background-color:var(--bg-secondary);border-radius:var(--radius-full);transition:all var(--transition-normal);border:1.5px solid #0000;flex:1;align-items:center;padding:4px 4px 4px 16px;display:flex}.comment-input-box:focus-within{border-color:var(--accent-color);background-color:var(--bg-card);box-shadow:0 0 0 3px var(--accent-light)}.comment-text-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.comment-text-input::placeholder{color:var(--text-secondary)}.comment-text-input:disabled{opacity:.6;cursor:not-allowed}.submit-reply-btn{background:var(--accent-gradient);color:var(--accent-text);width:36px;height:36px;transition:all var(--transition-normal);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.submit-reply-btn:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:scale(1.08)}.submit-reply-btn:disabled{opacity:.35;cursor:not-allowed}.user-card{cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);border-bottom:1px solid var(--border-color);align-items:center;gap:14px;padding:14px 20px;display:flex}.user-card:last-child{border-bottom:none}.user-card:hover{background:var(--accent-light)}.uc-avatar-wrap{flex-shrink:0}.uc-avatar{object-fit:cover;border:2px solid var(--border-color);width:52px;height:52px;transition:all var(--transition-normal);border-radius:50%}.user-card:hover .uc-avatar{border-color:var(--accent-color);transform:scale(1.03)}.uc-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.uc-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-fast);font-size:15px;font-weight:700;overflow:hidden}.user-card:hover .uc-name{color:var(--accent-color)}.uc-username{color:var(--text-secondary);font-size:13px}.uc-stats{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:5px;margin-top:4px;font-size:12px;font-weight:600;display:flex}.uc-stat-label,.uc-stat-dot{color:var(--text-secondary);font-weight:400}.uc-follow-btn{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);background:var(--accent-gradient);min-width:90px;color:var(--accent-text);border:1.5px solid #0000;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.uc-follow-btn:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.uc-follow-btn--following{color:var(--text-primary);border-color:var(--border-color);background:0 0}.uc-follow-btn--following:hover:not(:disabled){color:var(--danger-color);border-color:var(--danger-color);background:#ef444414}.uc-follow-btn:disabled{opacity:.6;cursor:not-allowed}.uc-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite uc-spin;display:inline-block}.uc-follow-btn--following .uc-spinner{border-color:#00000026;border-top-color:var(--text-primary)}@keyframes uc-spin{to{transform:rotate(360deg)}}@media (width<=480px){.uc-stats,.uc-follow-btn span{display:none}.uc-follow-btn{border-radius:50%;width:36px;min-width:36px;height:36px;padding:0}}.explore-container{flex-direction:column;animation:.4s ease-out pageEnter;display:flex}.explore-search-header{background-color:var(--glass-bg);-webkit-backdrop-filter:blur(20px);z-index:10;border-bottom:1px solid var(--border-color);padding:12px 20px;position:sticky;top:0}.search-bar{background-color:var(--bg-secondary);border-radius:var(--radius-full);transition:all var(--transition-normal);border:1.5px solid #0000;align-items:center;gap:12px;padding:10px 16px;display:flex}.search-bar:focus-within{border-color:var(--accent-color);background-color:var(--bg-card);box-shadow:0 0 0 3px var(--accent-light)}.search-icon{color:var(--text-secondary);transition:color var(--transition-fast);flex-shrink:0}.search-bar:focus-within .search-icon{color:var(--accent-color)}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-input::placeholder{color:var(--text-secondary)}.search-clear-btn{background:var(--text-secondary);width:22px;height:22px;color:var(--bg-primary);opacity:.6;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-clear-btn:hover{opacity:1;background:var(--accent-color)}.search-results-section{flex-direction:column;display:flex}.search-results-header{color:var(--accent-color);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:14px 20px 10px;font-size:13px;font-weight:600;display:flex}.search-loading{justify-content:center;padding:40px;display:flex}.search-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite explore-spin}@keyframes explore-spin{to{transform:rotate(360deg)}}.search-empty{color:var(--text-secondary);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 24px;font-size:14px;display:flex}.search-empty strong{color:var(--accent-color)}.trending-section{border-bottom:1px solid var(--border-color);padding:0 20px 20px}.trending-header{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding:24px 0 16px;font-size:22px;font-weight:800}.topic-card{border-radius:var(--radius-md);background-color:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-normal);margin-bottom:12px;padding:16px;position:relative;overflow:hidden}.topic-card:before{content:"";background:var(--accent-gradient);opacity:0;width:3px;transition:opacity var(--transition-normal);position:absolute;top:0;bottom:0;left:0}.topic-card:hover{box-shadow:var(--shadow-card);border-color:#6366f133;transform:translate(4px)}.topic-card:hover:before{opacity:1}.topic-category{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.topic-title{color:var(--text-primary);margin:6px 0;font-size:16px;font-weight:700}.topic-stats{color:var(--accent-color);font-size:13px;font-weight:500}.explore-feed{padding-top:12px}.feed-title{color:var(--text-primary);padding:16px 20px;font-size:18px;font-weight:700}.notifications-container{min-height:100vh;animation:.4s ease-out pageEnter}.notifications-header{border-bottom:1px solid var(--border-color);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);z-index:10;justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex;position:sticky;top:0}.notif-header-left{align-items:center;gap:10px;display:flex}.notifications-header h2{color:var(--text-primary);margin:0;font-size:20px;font-weight:800}.notif-header-badge{background:var(--accent-gradient);color:#fff;text-align:center;border-radius:999px;min-width:22px;padding:2px 7px;font-size:11px;font-weight:700}.notif-read-all-btn{color:var(--accent-color);background:var(--accent-light);cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.notif-read-all-btn:hover{background:#6366f126}.notifications-list{flex-direction:column;display:flex}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:80px 24px;display:flex}.empty-icon{color:var(--text-secondary);opacity:.35}.empty-title{color:var(--text-primary);margin:0;font-size:17px;font-weight:700}.empty-sub{color:var(--text-secondary);max-width:280px;margin:0;font-size:14px;line-height:1.5}.notification-card{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border-color);align-items:flex-start;gap:14px;padding:16px 20px;display:flex;position:relative}.notification-card:last-child{border-bottom:none}.notification-card:hover{background:var(--accent-light)}.notification-card--unread{background:#6366f10a}.notification-card--unread:hover{background:#6366f114}.notif-avatar-wrap{flex-shrink:0;position:relative}.notif-avatar{object-fit:cover;border:2px solid var(--border-color);border-radius:50%;width:48px;height:48px}.notif-type-badge{border:2px solid var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;bottom:-3px;right:-5px}.notif-type-like{background:#fef2f2}.notif-type-comment{background:#eef2ff}.notif-type-follow{background:#ecfdf5}.notif-icon-like{color:#ef4444}.notif-icon-comment{color:#6366f1}.notif-icon-follow{color:#10b981}.notif-content{flex:1;min-width:0}.notif-text{color:var(--text-primary);word-break:break-word;margin:0 0 5px;font-size:14px;line-height:1.45}.notif-preview{color:var(--text-secondary);word-break:break-word;margin:0 0 6px;font-size:13px;font-style:italic;line-height:1.4}.notif-time{color:var(--text-secondary);font-size:12px;font-weight:500}.notif-right{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;display:flex}.notif-unread-dot{background:var(--accent-color);border-radius:50%;flex-shrink:0;width:10px;height:10px}.notif-delete-btn{cursor:pointer;width:28px;height:28px;color:var(--text-secondary);opacity:0;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,background .15s,color .15s;display:flex}.notification-card:hover .notif-delete-btn{opacity:1}.notif-delete-btn:hover{color:#ef4444;background:#ef44441a}.up-container{flex-direction:column;min-height:100vh;animation:.4s ease-out pageEnter;display:flex}.up-back-btn{color:var(--text-primary);cursor:pointer;background:0 0;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);z-index:10;border:none;border-bottom:1px solid var(--border-color);text-align:left;width:100%;transition:background var(--transition-fast);align-items:center;gap:10px;padding:14px 20px;font-size:16px;font-weight:700;display:flex;position:sticky;top:0}.up-back-btn:hover{background:var(--accent-light);color:var(--accent-color)}.up-loading{color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;padding:60px 24px;font-size:14px;display:flex}.up-spinner{border:3px solid var(--border-color);border-top-color:var(--accent-color);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite up-spin}@keyframes up-spin{to{transform:rotate(360deg)}}.up-not-found{color:var(--text-secondary);justify-content:center;align-items:center;padding:60px 24px;font-size:15px;display:flex}.up-hero{background:var(--bg-card);border-bottom:1px solid var(--border-color)}.up-cover{background:var(--accent-gradient);background-size:200% 200%;height:140px;animation:6s ease-in-out infinite coverShift}.up-hero-content{padding:0 20px 20px}.up-hero-top{align-items:flex-end;gap:14px;margin-top:-48px;margin-bottom:16px;display:flex}.up-avatar{object-fit:cover;border:4px solid var(--bg-card);width:96px;height:96px;box-shadow:0 0 0 3px var(--accent-color);transition:box-shadow var(--transition-normal);border-radius:50%;flex-shrink:0}.up-avatar:hover{box-shadow:0 0 0 3px var(--accent-color), var(--shadow-glow)}.up-names{flex:1;min-width:0;padding-top:48px}.up-name{color:var(--text-primary);margin:0 0 2px;font-size:20px;font-weight:800}.up-username{color:var(--accent-color);font-size:14px;font-weight:500}.up-follow-btn{cursor:pointer;transition:all var(--transition-normal);background:var(--accent-gradient);color:var(--accent-text);border:1.5px solid var(--accent-color);border-radius:999px;flex-shrink:0;align-self:flex-end;align-items:center;gap:7px;padding:9px 20px;font-size:14px;font-weight:700;display:flex}.up-follow-btn:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.up-follow-btn--following{color:var(--text-primary);border-color:var(--border-color);background:0 0}.up-follow-btn--following:hover:not(:disabled){color:#ef4444;background:#ef444414;border-color:#ef4444}.up-follow-btn:disabled{opacity:.6;cursor:not-allowed}.up-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite up-spin;display:inline-block}.up-follow-btn--following .up-btn-spinner{border-color:#00000026;border-top-color:var(--text-primary)}.up-stats{border-top:1px solid var(--border-color);gap:0;padding-top:16px;display:flex}.up-stat{border-radius:var(--radius-md);flex-direction:column;flex:1;align-items:center;gap:2px;padding:8px 0;transition:background .15s;display:flex}.up-stat--clickable{cursor:pointer}.up-stat--clickable:hover{background:var(--accent-light)}.up-stat-count{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800;line-height:1}.up-stat-label{color:var(--text-secondary);font-size:12px;font-weight:500}.up-posts-section{flex-direction:column;display:flex}.up-posts-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.up-posts-header h2{color:var(--text-primary);font-size:17px;font-weight:700}.up-view-toggles{gap:4px;display:flex}.up-view-btn{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:7px}.up-view-btn.active{background:var(--bg-card);color:var(--accent-color);box-shadow:0 1px 3px #00000014}.up-view-btn:hover:not(.active){color:var(--text-primary)}.up-list-feed{flex-direction:column;display:flex}.up-grid-feed{grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;display:grid}@media (width<=480px){.up-grid-feed{grid-template-columns:repeat(2,1fr)}}.up-grid-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;gap:8px;min-height:100px;padding:12px;display:flex}.up-grid-card:hover{background:var(--accent-light);border-color:#6366f126}.up-grid-text{color:var(--text-primary);-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:1;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.up-grid-meta{color:var(--text-secondary);gap:10px;font-size:12px;display:flex}.up-empty-posts{color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;padding:60px 24px;font-size:14px;display:flex}