:root{--bg-color: #f7f7f7;--bg-gradient: none;--white: #ffffff;--surface: rgba(255, 255, 255, .85);--surface-strong: rgba(255, 255, 255, .96);--surface-weak: rgba(255, 255, 255, .6);--text-main: #0b0b0b;--text-secondary: #5a5a5a;--primary-blue: #0b0b0b;--accent: #0b0b0b;--accent-strong: #000000;--border-color: rgba(0, 0, 0, .12);--border-strong: rgba(0, 0, 0, .2);--danger: #dc2626;--border-radius: 24px;--card-shadow: 0 8px 22px rgba(0, 0, 0, .08);--hover-bg: rgba(0, 0, 0, .08);--glass-blur: blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:var(--bg-gradient);font-family:Inter,sans-serif;color:var(--text-main);display:flex;justify-content:center;min-height:100vh}@keyframes fadeRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.page-transition{animation:pageSlide .35s ease}@keyframes pageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container{animation:fadeIn .4s ease}.post-card,.widget-card,.profile-header-card,.profile-tabs-card,.reply-card,.alert-item,.modal-card,.sheet-card,.post-detail-header,.reply-inline-form{animation:fadeRise .45s ease both}.app-loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-color);z-index:2000;transition:opacity .25s ease}.app-loader.is-hidden{opacity:0;pointer-events:none}.toast-container{position:fixed;top:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:1600}.toast{display:flex;align-items:center;gap:10px;border:1px solid var(--border-color);background:var(--surface-strong);color:var(--text-main);padding:10px 14px;border-radius:12px;box-shadow:0 12px 30px #0000001f;font-weight:700;cursor:pointer;min-width:220px;max-width:320px;text-align:left;justify-content:space-between;animation:toastSlideIn .25s ease both}.toast i{opacity:.6}.toast.info{border-color:#0000001f}.toast.success{border-color:#10b98166}.toast.error{border-color:#dc262680}@keyframes toastSlideIn{0%{opacity:0;transform:translate(16px) translateY(-6px)}to{opacity:1;transform:translate(0) translateY(0)}}.toast.is-closing{animation:toastSlideOut .2s ease both}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0) translateY(0)}to{opacity:0;transform:translate(18px) translateY(-6px)}}.delete-modal-card.danger .modal-title{color:var(--danger)}.delete-modal-warning{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#dc262614;color:var(--danger);font-weight:700;margin-bottom:12px}.loader{display:flex;align-items:center}.loader .bar{display:inline-block;width:3px;height:20px;background-color:#00000073;border-radius:10px;animation:scale-up4 1s linear infinite}.loader .bar:nth-child(2){height:35px;margin:0 5px;animation-delay:.25s}.loader .bar:nth-child(3){animation-delay:.5s}@keyframes scale-up4{20%{background-color:#000;transform:scaleY(1.5)}40%{transform:scaleY(1)}}.container{display:grid;grid-template-columns:260px 600px 320px;gap:28px;max-width:1260px;width:100%;padding:24px;min-height:100vh}.sidebar-left{position:sticky;top:20px;height:calc(100vh - 40px);display:flex;flex-direction:column;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-size:30px;margin-bottom:20px;padding-left:15px}.logo-img{display:block;height:36px;width:auto}.logo-text{font-size:24px;font-weight:800;letter-spacing:.2px}.nav-menu{list-style:none}.nav-item{display:flex;align-items:center;font-size:19px;font-weight:500;padding:12px 15px;margin-bottom:5px;cursor:pointer;border-radius:30px;transition:background .2s,color .2s,transform .2s;color:var(--text-secondary)}.nav-item:hover,.nav-item.active{background-color:var(--surface);color:var(--text-main);font-weight:700;transform:translateY(-1px)}.nav-item i{margin-right:20px;font-size:22px;width:25px}.nav-item .badge{background-color:var(--primary-blue);color:#fff;font-size:11px;padding:2px 6px;border-radius:50%;margin-left:auto}.user-pill{display:flex;align-items:center;background:var(--surface-strong);padding:10px;border-radius:50px;box-shadow:var(--card-shadow);border:1px solid var(--border-color);cursor:pointer;border:none}.user-pill-menu{position:relative;padding:8px}.user-pill-trigger{border:none;background:transparent;display:flex;align-items:center;gap:10px;width:100%;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.user-pill-trigger:hover{transform:translateY(-1px)}.user-pill-trigger img{transition:transform .25s ease}.user-pill-trigger:hover img{transform:scale(1.03)}.user-pill-caret{margin-left:auto;font-size:10px;color:var(--text-secondary)}.user-menu{position:absolute;bottom:calc(100% + 10px);left:0;right:0;background:var(--surface-strong);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 20px 60px #0000002e;padding:8px;display:grid;gap:4px;z-index:40;animation:userMenuSlide .18s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-menu-item{border:none;background:transparent;text-align:left;padding:10px 12px;border-radius:12px;font-weight:700;color:var(--text-main);cursor:pointer;display:flex;align-items:center;gap:8px}.user-menu-item:hover{background:var(--surface-weak)}.user-menu-item.danger{color:#d93025}.user-menu-item.danger:hover{background:#d930251f}@keyframes userMenuSlide{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.user-pill img{width:40px;height:40px;border-radius:50%;margin-right:10px;object-fit:cover}.user-info{flex:1}.user-info-button{border:none;background:transparent;padding:0;margin:0;text-align:left;cursor:pointer}.user-info-button:hover .user-name{text-decoration:underline}.user-name{font-size:14px;font-weight:700}.user-handle{font-size:13px;color:var(--text-secondary)}.user-pill-auth{gap:10px;justify-content:center;width:100%;font-weight:800}.user-pill-auth i{font-size:18px}.user-pill-auth-text{font-size:14px}.google-signin-btn{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--border-color);background:var(--surface-strong);padding:10px 12px;border-radius:999px;cursor:pointer;color:var(--text-main);font-weight:700;box-shadow:0 6px 14px #0000001a;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.google-signin-btn:hover{background:var(--surface);transform:translateY(-1px)}.google-signin-text{font-size:14px;font-weight:700}.user-pill-signout{border:none;background:var(--surface-weak);color:var(--text-main);padding:8px 12px;border-radius:999px;font-weight:700;cursor:pointer}.user-pill-signout:hover{background:var(--surface)}.main-feed{display:flex;flex-direction:column;gap:20px}.compose-bar{position:sticky;bottom:16px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:999px;background:var(--surface-strong);border:1px solid var(--border-color);box-shadow:var(--card-shadow);z-index:120;cursor:pointer;pointer-events:auto}.compose-avatar{width:36px;height:36px}.compose-input{flex:1;border:none;background:transparent;text-align:left;color:var(--text-secondary);font-size:14px;cursor:pointer}.compose-action{border:none;background:var(--text-main);color:#fff;padding:8px 16px;border-radius:999px;font-weight:700;cursor:pointer}.compose-action:hover{opacity:.9}.input-box,.post-card,.widget-card,.profile-header-card,.profile-tabs-card,.modal-card,.post-detail-header,.reply-inline-form,.alert-item,.reply-card,.sheet-card,.profile-list-tabs,.profile-list-item,.search-bar,.user-pill{background:var(--surface);border:1px solid var(--border-color);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.feed-empty-state{border:1px dashed var(--border-strong);border-radius:16px;padding:24px;text-align:center;color:var(--text-secondary);background:var(--surface);display:grid;gap:6px;justify-items:center}.feed-skeleton{display:grid;gap:16px}.skeleton-card{border:1px solid var(--border-color);border-radius:var(--border-radius);padding:18px 20px;background:var(--surface);box-shadow:var(--card-shadow);display:grid;gap:10px}.skeleton-row{display:flex;gap:12px;align-items:center}.skeleton-avatar{width:44px;height:44px;border-radius:50%;background:#e5e5e5;animation:shimmer 1.2s infinite linear}.skeleton-lines{display:grid;gap:6px;flex:1}.skeleton-line{height:10px;border-radius:999px;background:#e5e5e5;animation:shimmer 1.2s infinite linear}.skeleton-line.w-90{width:90%}.skeleton-line.w-70{width:70%}.skeleton-line.w-60{width:60%}.skeleton-line.w-50{width:50%}.skeleton-line.w-40{width:40%}.skeleton-line.w-30{width:30%}.skeleton-line.w-24{width:24%}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton-avatar,.skeleton-line{background-image:linear-gradient(90deg,#ededed,#f6f6f6,#ededed);background-size:200% 100%;background-position:0 0}.empty-icon{width:44px;height:44px;border-radius:14px;background:var(--surface-weak);display:grid;place-items:center;color:var(--text-main);border:1px solid var(--border-color)}.empty-icon i{font-size:18px}.feed-empty-state .empty-title{font-weight:700;color:var(--text-main);margin-bottom:6px}.feed-empty-state .empty-subtitle{font-size:.95rem}.hero-card{border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--surface-strong);padding:18px 20px;display:grid;gap:12px;box-shadow:var(--card-shadow)}.hero-content{display:grid;gap:6px}.hero-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-close{border:none;background:var(--surface-weak);color:var(--text-main);width:32px;height:32px;border-radius:999px;display:grid;place-items:center;cursor:pointer;transition:background .2s ease,transform .2s ease}.hero-close:hover{background:var(--surface);transform:translateY(-1px)}.hero-title{font-size:20px;font-weight:800;color:var(--text-main)}.hero-subtitle{font-size:.95rem;color:var(--text-secondary)}.hero-actions{display:flex;flex-wrap:wrap;gap:8px}.hero-pill{border:1px solid var(--border-color);background:var(--surface-weak);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;color:var(--text-main)}.alert-item{display:flex;gap:14px;padding:16px;border:1px solid var(--border-color);border-radius:16px;background:var(--surface)}.alert-item.unread{border-color:var(--border-strong);box-shadow:0 0 0 1px var(--border-color) inset}.alert-avatar img,.alert-avatar-fallback{width:44px;height:44px;border-radius:50%;object-fit:cover}.alert-avatar-fallback{background:#dfe5ec}.alert-body{display:flex;flex-direction:column;gap:6px;flex:1}.alert-message{color:var(--text-main);font-weight:600;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.alert-actor{background:none;border:none;padding:0;color:var(--text-main);font-weight:700;cursor:pointer}.alert-link{color:var(--text-main);text-decoration:none;font-weight:500;line-height:1.4}.alert-link:hover{text-decoration:underline}.alert-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}.alert-reply{color:var(--text-secondary);font-size:.95rem}.alert-time{color:var(--text-secondary);font-size:.85rem}.post-requvo-label{font-size:.85rem;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.quote-card{border:1px solid var(--border-color);border-radius:16px;padding:12px;background:var(--surface-weak);margin-top:10px}.quote-card-header{display:flex;gap:10px;align-items:center;margin-bottom:8px}.quote-card-text{color:var(--text-main);font-size:.95rem;line-height:1.4}.quote-card-media{margin-top:8px;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);background:var(--surface-strong)}.quote-card-media img{width:100%;display:block;object-fit:cover}.quote-modal .quote-preview{border:1px solid var(--border-color);border-radius:14px;padding:12px;margin-top:12px;background:var(--surface-weak)}.quote-modal .quote-preview-header{display:flex;gap:10px;align-items:center;margin-bottom:8px}.quote-modal .quote-preview-text{font-size:.95rem;color:var(--text-main)}.quote-modal .quote-preview-media{margin-top:10px;border-radius:12px;overflow:hidden;border:1px solid var(--border-color);background:var(--surface-strong)}.quote-modal .quote-preview-media img{width:100%;display:block;object-fit:cover}.quote-hint{color:var(--text-secondary);font-size:.95rem;margin-bottom:8px}.image-flagged{margin-top:8px;padding:8px 12px;border-radius:12px;background:var(--surface-weak);border:1px dashed var(--border-strong);color:var(--text-secondary);font-size:.9rem}.profile-pagination{display:flex;gap:8px;justify-content:center;margin-top:12px}.page-button{border:1px solid var(--border-color);background:var(--surface-strong);color:var(--text-main);padding:6px 12px;border-radius:999px;font-weight:600;cursor:pointer}.page-button.active{background:var(--text-main);color:#fff;border-color:var(--text-main)}.feed-header{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.header-tabs{display:flex;gap:20px;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.tabs-slide{position:relative}.tab-indicator{position:absolute;bottom:-1px;left:0;height:2px;width:calc(100% / var(--tab-count));background:var(--text-main);border-radius:999px;transform:translate(calc(var(--tab-index) * 100%));transition:transform .25s ease;z-index:0}.tab{font-weight:600;color:var(--text-secondary);cursor:pointer;padding:6px 2px 10px;border-radius:0;background:transparent;border:none;position:relative;z-index:1}.tab.active{color:var(--text-main)}.input-box{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:20px;box-shadow:var(--card-shadow)}.input-top{display:flex;gap:15px;margin-bottom:20px}.avatar{width:45px;height:45px;border-radius:50%;object-fit:cover}.input-area{border:none;width:100%;font-family:Inter,sans-serif;font-size:18px;outline:none;resize:none;margin-top:10px;background:transparent;color:var(--text-main)}.input-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:15px}.icons i{color:var(--primary-blue);font-size:18px;margin-right:15px;cursor:pointer;padding:8px;border-radius:50%;transition:.2s}.icons i:hover{background:var(--hover-bg)}.btn-post{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;border:none;padding:10px 24px;border-radius:50px;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 6px 14px #0000001f}.btn-post:disabled{opacity:.6;cursor:not-allowed}.sidebar-post-btn{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;border:none;padding:12px 20px;border-radius:999px;font-weight:800;font-size:16px;cursor:pointer;width:calc(100% - 30px);margin:12px 15px 4px;box-shadow:0 8px 18px #00000024}.sidebar-post-btn:disabled{opacity:.6;cursor:not-allowed}.sidebar-post-btn:hover{filter:brightness(.98)}.sidebar-auth-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 30px);margin:8px 15px 6px;padding:10px 14px;border-radius:999px;border:1px solid var(--border-color);background:var(--surface-strong);color:var(--text-main);font-weight:700;cursor:pointer}.sidebar-auth-btn:hover{background:var(--surface)}.sidebar-auth-btn.secondary{background:var(--surface-weak)}.post-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:18px 20px 16px;box-shadow:var(--card-shadow)}.post-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.post-header-main{display:flex;gap:14px;min-width:0}.post-header-actions{position:relative}.post-menu-trigger{border:none;background:transparent;width:36px;height:36px;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:grid;place-items:center}.post-menu-trigger:hover,.post-menu-trigger[aria-expanded=true]{background:var(--surface-weak);color:var(--text-main)}.post-menu{position:absolute;right:0;top:40px;min-width:160px;background:var(--surface-strong);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 16px 40px #0f14191f;padding:6px;display:flex;flex-direction:column;gap:2px;z-index:20}.post-menu-item{border:none;background:transparent;text-align:left;padding:10px 12px;border-radius:10px;font-weight:700;cursor:pointer;color:var(--text-main)}.post-menu-item:hover{background:var(--surface)}.post-menu-item.danger{color:#d93025}.post-menu-item.danger:hover{background:#d930251f}.post-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.post-meta .name{font-weight:700}.post-name-button{border:none;background:transparent;padding:0;margin:0;font:inherit;font-weight:800;letter-spacing:-.2px;color:var(--text-main);cursor:pointer}.post-name-button:hover{text-decoration:underline}.post-meta .handle,.post-meta .time{color:var(--text-secondary);font-size:13px}.post-content{margin-left:58px}.post-text{font-size:15px;line-height:1.55;letter-spacing:.1px;margin-bottom:15px}.post-image-wrap{border:none;padding:0;cursor:zoom-in;border-radius:16px;overflow:hidden;border:1px solid var(--border-color);background:var(--surface-weak);margin-bottom:14px}.post-image{width:100%;display:block;max-height:420px;object-fit:cover}.image-lightbox{position:fixed;inset:0;background:#0a0a0ceb;display:flex;align-items:center;justify-content:center;z-index:1500;padding:24px;animation:fadeIn .25s ease}.image-lightbox-content{max-width:min(1100px,92vw);max-height:min(84vh,900px);display:flex;align-items:center;justify-content:center}.image-lightbox-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:16px;box-shadow:0 30px 80px #00000059;background:#0d0d0f}.image-lightbox-close{position:fixed;top:20px;left:20px;width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#0006;color:#fff;display:grid;place-items:center;cursor:pointer;z-index:1510;transition:background .2s ease,transform .2s ease}.image-lightbox-close:hover{background:#0009;transform:translateY(-1px)}.post-detail{display:flex;flex-direction:column;gap:14px}.post-detail-header{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:12px 14px}.post-detail-back{border:none;background:var(--surface-weak);color:var(--text-main);width:38px;height:38px;border-radius:12px;cursor:pointer;display:grid;place-items:center;font-size:16px}.post-detail-back:hover{background:var(--surface)}.post-detail-title{font-weight:900;font-size:18px}.post-detail-replies{display:flex;flex-direction:column;gap:10px}.post-detail-section-title{font-weight:900;font-size:16px;margin:2px 4px 0}.reply-inline-form{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:12px}.reply-inline-input{width:100%;border:1px solid var(--border-color);border-radius:14px;padding:12px 14px;font-family:Inter,sans-serif;font-size:15px;outline:none;resize:vertical;min-height:90px;background:var(--surface-weak);color:var(--text-main)}.reply-inline-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6d5efc29}.reply-inline-btn{align-self:end}.post-images-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:150px 150px;gap:8px;border-radius:16px;overflow:hidden;margin-bottom:15px}.img-large{grid-row:1 / span 2;background:#eee url(https://images.unsplash.com/photo-1600596542815-e32898989c56?auto=format&fit=crop&w=800&q=80) center / cover}.img-top-right{background:#eee url(https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=800&q=80) center / cover}.img-bottom-right{background:#eee url(https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=800&q=80) center / cover;position:relative}.show-all-badge{position:absolute;bottom:10px;right:10px;background:#0009;color:#fff;font-size:10px;padding:4px 8px;border-radius:12px}.stats-row{display:flex;gap:20px;margin-bottom:15px}.stat-item{font-size:13px}.stat-item strong{font-size:18px;display:block}.stat-label{color:var(--text-secondary)}.interaction-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--text-secondary);font-size:12.5px;padding:2px 0 0;background:transparent;border:none}.interaction-item{display:flex;align-items:center;gap:7px;cursor:pointer;padding:6px 10px 6px 6px;border-radius:999px;background:transparent;border:1px solid transparent;transition:all .18s ease;font-weight:700}.interaction-item i{font-size:13.5px;width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-strong);color:var(--text-main);border:1px solid var(--border-color);box-shadow:none}.interaction-item:hover{color:var(--text-main);background:transparent;border-color:#d9dde3;box-shadow:none;transform:translateY(-1px)}.interaction-item:hover i{background:var(--text-main);color:#fff;border-color:var(--text-main)}.sidebar-right{position:sticky;top:20px;height:calc(100vh - 40px);align-self:start;display:flex;flex-direction:column;gap:20px}.search-bar{background:var(--surface-weak);border:1px solid var(--border-color);padding:12px 20px;border-radius:30px;display:flex;align-items:center;color:var(--text-secondary)}.search-bar input{border:none;background:transparent;margin-left:10px;outline:none;font-size:15px;width:100%;color:var(--text-main)}.widget-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:20px;box-shadow:var(--card-shadow)}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.widget-title{font-size:19px;font-weight:800}.beta-tag{background:#fdf3e6;color:#d98e2f;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px}.news-item{margin-bottom:20px;cursor:pointer}.news-title{font-size:15px;font-weight:700;margin-bottom:5px;line-height:1.3}.news-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.news-meta img{width:16px;height:16px;border-radius:50%}.follow-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.follow-info{display:flex;align-items:center;gap:10px}.follow-info img{width:40px;height:40px;border-radius:50%;object-fit:cover}.follow-name h4{font-size:14px;font-weight:700}.follow-name-button{border:none;background:transparent;padding:0;margin:0;font-size:14px;font-weight:800;color:var(--text-main);cursor:pointer}.follow-name-button:hover{text-decoration:underline}.follow-name span{font-size:12px;color:var(--text-secondary);display:block}.btn-follow{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;border:none;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer}.btn-follow.following{background:var(--surface-strong);color:var(--text-main);border:1px solid var(--border-color)}.btn-follow:disabled{opacity:.7;cursor:not-allowed}.show-more{color:var(--primary-blue);font-size:13px;background:var(--hover-bg);padding:8px 12px;border-radius:8px;display:inline-block;cursor:pointer;font-weight:600}.trending-item{padding:10px 0;border-top:1px solid var(--border-color);display:grid;gap:6px}.trending-item:first-of-type{border-top:none}.trending-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--text-secondary)}.trending-handle{font-weight:700;color:var(--text-main)}.trending-count{font-weight:600}.trending-text{font-size:13px;color:var(--text-secondary);line-height:1.4}@media(max-width:1100px){.container{grid-template-columns:80px 1fr 300px}.sidebar-left .nav-item span,.sidebar-left .logo,.sidebar-left .user-info,.sidebar-left .badge{display:none}.sidebar-left .nav-item{justify-content:center;padding:15px 0}.sidebar-left .nav-item i{margin:0}.user-pill{padding:5px;justify-content:center}.user-pill img{margin:0}}@media(max-width:900px){.container{grid-template-columns:80px 1fr}.sidebar-right{display:none}}.nav-item{text-decoration:none}.placeholder-card{min-height:140px}.placeholder-text{font-size:14px;color:var(--text-secondary)}.profile-page{display:flex;flex-direction:column;gap:16px}.profile-header-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden}.profile-cover{height:162px;background-image:url(/quvo-cover.webp);background-size:cover;background-position:center}.profile-header-content{position:relative;padding:16px 20px 20px;margin-top:-36px}.profile-header-top{display:flex;align-items:center;justify-content:space-between}.profile-avatar{width:96px;height:96px;border-radius:50%;border:3px solid var(--surface-strong);object-fit:cover;box-shadow:0 6px 18px #00000014;background:var(--surface-strong)}.profile-edit-btn{border:1px solid var(--border-color);background:var(--surface-strong);color:var(--text-main);padding:8px 16px;border-radius:999px;font-weight:700;cursor:pointer}.profile-edit-btn:hover{background:var(--surface)}.profile-edit-btn:disabled{opacity:.6;cursor:not-allowed}.profile-identity{margin-top:12px;margin-bottom:8px}.profile-name{font-size:22px;font-weight:800}.profile-handle{color:var(--text-secondary);font-size:14px;margin-top:2px}.profile-follows-you{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--surface-weak);color:var(--text-secondary);font-weight:700;font-size:12px;margin-bottom:6px;width:fit-content}.profile-bio{font-size:15px;line-height:1.5;margin:10px 0 12px}.profile-meta{display:flex;flex-wrap:wrap;gap:14px;color:var(--text-secondary);font-size:13px;margin-bottom:12px}.profile-meta-item{display:flex;align-items:center;gap:8px}.profile-link{color:var(--text-main);font-weight:700;text-decoration:none}.profile-link-button{border:none;background:transparent;padding:0;margin:0;font:inherit;cursor:pointer}.profile-link:hover{text-decoration:underline}.profile-stats{display:flex;gap:18px}.profile-stat{display:flex;align-items:baseline;gap:6px;font-size:14px;color:var(--text-secondary)}.profile-stat strong{color:var(--text-main);font-weight:800}.profile-stat.stat-button{border:none;background:transparent;padding:0;cursor:pointer}.profile-stat.stat-button:hover strong{text-decoration:underline}.profile-tabs-card{display:grid;grid-template-columns:repeat(2,1fr);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow);overflow:hidden}.settings-page{gap:16px}.settings-card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow);padding:18px;display:grid;gap:12px}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.settings-title{font-weight:900;font-size:16px}.settings-subtitle{color:var(--text-secondary);font-size:.9rem}.settings-row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--border-color)}.settings-row:last-of-type{border-bottom:none}.settings-label{font-weight:700;color:var(--text-secondary)}.settings-value{font-weight:700;color:var(--text-main);text-align:right}.settings-toggle{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:start;padding:10px 0;cursor:pointer}.settings-toggle input{margin-top:4px}.settings-checkbox{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:6px;border:1.5px solid var(--border-strong);background:var(--surface-strong);display:inline-grid;place-items:center;transition:all .2s ease;cursor:pointer}.settings-checkbox:after{content:"";width:8px;height:8px;border-radius:3px;background:var(--text-main);transform:scale(0);transition:transform .18s ease}.settings-checkbox:checked{border-color:var(--text-main);background:var(--surface)}.settings-checkbox:checked:after{transform:scale(1)}.settings-checkbox:disabled{opacity:.6;cursor:not-allowed}.settings-toggle strong{display:block}.settings-toggle small{color:var(--text-secondary);display:block;margin-top:4px}.settings-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-follow.danger{color:#d93025;border-color:#d9302540}.settings-select{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;font-weight:700;color:var(--text-main);position:relative}.settings-select-trigger{border:1px solid var(--border-color);background:var(--surface-strong);border-radius:12px;padding:8px 12px;font-weight:700;color:var(--text-main);display:inline-flex;align-items:center;gap:8px;cursor:pointer}.settings-select-trigger i{font-size:12px;color:var(--text-secondary)}.settings-select-menu{position:absolute;right:0;top:100%;margin-top:8px;background:var(--surface-strong);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 18px 50px #00000029;padding:6px;display:grid;gap:4px;z-index:20;min-width:160px}.settings-select-option{border:none;background:transparent;padding:8px 10px;border-radius:10px;font-weight:700;text-align:left;cursor:pointer;color:var(--text-main)}.settings-select-option:hover{background:var(--surface-weak)}.settings-select-option.active{background:var(--surface-weak);border:1px solid var(--border-color)}.profile-tab{border:none;background:transparent;padding:14px 8px;font-weight:700;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;position:relative;z-index:1}.profile-tab:hover{background:var(--surface-weak)}.profile-tab.active{color:var(--text-main);border-bottom-color:var(--primary-blue)}.modal-overlay{position:fixed;inset:0;background:#0f14198c;display:flex;align-items:flex-start;justify-content:center;padding:60px 16px 24px;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{width:min(640px,100%);background:var(--surface-strong);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 60px #00000040;overflow:hidden;max-height:85vh;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-color)}.modal-title{font-weight:800;font-size:18px}.modal-close{border:none;background:transparent;font-size:18px;color:var(--text-secondary);cursor:pointer;width:36px;height:36px;border-radius:50%}.modal-close:hover{background:var(--surface-weak);color:var(--text-main)}.modal-body{display:flex;flex-direction:column;gap:14px;padding:16px 18px 18px;overflow:auto}.modal-user-row{display:flex;align-items:center;gap:12px}.modal-textarea{width:100%;border:1px solid var(--border-color);border-radius:14px;padding:14px 16px;font-family:Inter,sans-serif;font-size:16px;outline:none;resize:vertical;min-height:140px;background:var(--surface-weak);color:var(--text-main)}.modal-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6d5efc2e}.modal-actions{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid var(--border-color)}.modal-field{display:grid;gap:6px}.modal-label{font-size:13px;font-weight:700;color:var(--text-secondary)}.modal-input{border:1px solid var(--border-color);border-radius:12px;padding:10px 12px;font-size:14px;font-family:Inter,sans-serif;outline:none;background:var(--surface-weak);color:var(--text-main)}.modal-input[type=file]{padding:8px 12px}.modal-input:focus{border-color:var(--text-main);box-shadow:0 0 0 3px #00000014}.modal-image-preview{border-radius:16px;overflow:hidden;border:1px solid var(--border-color);background:var(--surface-weak)}.modal-image-preview img{width:100%;display:block;max-height:260px;object-fit:cover}.upload-dropzone{border:1px dashed var(--border-strong);background:var(--surface-weak);border-radius:16px;padding:16px;display:grid;gap:6px;place-items:center;text-align:center;color:var(--text-secondary);transition:border-color .2s ease,background .2s ease}.upload-dropzone.active{border-color:var(--text-main);background:#fff;color:var(--text-main)}.upload-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--surface-strong);border:1px solid var(--border-color);color:var(--text-main)}.upload-title{font-weight:700;color:var(--text-main)}.upload-subtitle{font-size:12px}.upload-button{border:1px solid var(--border-color);background:var(--surface-strong);color:var(--text-main);padding:6px 12px;border-radius:999px;font-weight:700;cursor:pointer}.upload-button:hover{background:var(--surface)}.upload-input{display:none}.modal-counter{font-size:13px;font-weight:700;color:var(--text-secondary)}.modal-counter.warn{color:#d98e2f}.modal-counter.limit{color:#d93025}.reply-modal-card{max-height:min(82vh,900px);display:flex;flex-direction:column}.reply-modal-body{overflow:hidden}.reply-parent{border:1px solid var(--border-color);border-radius:16px;padding:12px 14px;background:var(--surface-weak)}.reply-parent-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.reply-parent-name{font-weight:800}.reply-name-button{border:none;background:transparent;padding:0;margin:0;font:inherit;font-weight:800;color:var(--text-main);cursor:pointer}.reply-name-button:hover{text-decoration:underline}.reply-parent-handle{color:var(--text-secondary);font-weight:600;font-size:13px}.reply-parent-text{margin:0;white-space:pre-wrap;word-break:break-word}.reply-list{flex:1;min-height:120px;max-height:320px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px}.reply-empty{color:var(--text-secondary);font-weight:600;padding:10px 2px}.reply-item{display:flex;gap:10px}.reply-card{padding:8px 6px 10px;border-radius:16px;border:1px solid var(--border-color);background:var(--surface-strong)}.reply-content{flex:1;min-width:0}.reply-meta{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:13px}.reply-menu{margin-left:auto;position:relative}.reply-menu-trigger{border:none;background:transparent;width:32px;height:32px;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:grid;place-items:center}.reply-menu-trigger:hover,.reply-menu-trigger[aria-expanded=true]{background:var(--surface-weak);color:var(--text-main)}.reply-menu-popover{position:absolute;right:0;top:36px;min-width:140px;background:var(--surface-strong);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 16px 40px #0f14191f;padding:6px;display:flex;flex-direction:column;gap:2px;z-index:30}.reply-menu-item{border:none;background:transparent;text-align:left;padding:10px 12px;border-radius:10px;font-weight:800;cursor:pointer;color:var(--text-main)}.reply-menu-item:hover:not(:disabled){background:var(--surface-weak)}.reply-menu-item:disabled{opacity:.6;cursor:not-allowed}.reply-menu-item.danger{color:#d93025}.reply-menu-item.danger:hover{background:#d9302514}.reply-interaction-bar{display:flex;gap:12px;margin-top:10px}.reply-interaction-bar .interaction-item{border:1px solid var(--border-color);background:transparent;border-radius:999px;padding:6px 10px;font-weight:600;color:var(--text-secondary);display:inline-flex;gap:6px;align-items:center;cursor:pointer}.reply-interaction-bar .interaction-item.checked{color:var(--text-main);border-color:var(--border-strong)}.reply-name{font-weight:800}.reply-handle,.reply-time{color:var(--text-secondary);font-weight:600}.reply-delete-btn{border:none;background:transparent;color:#d93025;font-weight:800;font-size:12px;cursor:pointer;padding:0 2px}.reply-delete-btn:hover{text-decoration:underline}.reply-text{margin:2px 0 0;white-space:pre-wrap;word-break:break-word}.reply-interactions{display:flex;align-items:center;gap:8px;margin-top:8px}.reply-action-btn{border:1px solid transparent;background:transparent;border-radius:999px;padding:4px 8px 4px 4px;display:flex;align-items:center;gap:6px;font-weight:800;color:var(--text-secondary);cursor:pointer;transition:all .16s ease}.reply-action-btn i{width:26px;height:26px;border-radius:999px;border:1px solid var(--border-color);display:inline-flex;align-items:center;justify-content:center;color:var(--text-main)}.reply-action-btn:hover{color:var(--text-main);border-color:#d9dde3;transform:translateY(-1px)}.reply-action-btn:hover i,.reply-action-btn.active i{background:var(--text-main);border-color:var(--text-main);color:#fff}.reply-submodal-overlay{z-index:1300}.reply-submodal-card{max-width:560px}.reply-form{display:flex;flex-direction:column;gap:10px;padding-top:6px;border-top:1px solid #eef0f2}.reply-textarea{min-height:100px}.views-modal-card{width:min(420px,100%)}.views-modal-body{gap:16px}.views-modal-text{margin:4px 0 0;color:var(--text-secondary);font-weight:600}.views-close-btn{align-self:flex-end}.delete-modal-card{width:min(420px,100%)}.delete-modal-body{gap:16px}.delete-modal-text{margin:4px 0 0;color:var(--text-secondary);font-weight:600}.delete-modal-actions{display:flex;justify-content:flex-end;gap:10px}.delete-cancel-btn{background:#eef0f2;color:var(--text-main)}.delete-cancel-btn:hover{background:#e3e6e9}.delete-confirm-btn{background:#d93025}.delete-confirm-btn:hover{background:#c6281f}.delete-confirm-btn:disabled,.delete-cancel-btn:disabled{opacity:.7;cursor:not-allowed}.report-modal-card{width:min(520px,100%)}.report-modal-text{margin:2px 0 6px;color:var(--text-secondary);font-weight:600}.report-textarea{min-height:120px}.report-submit-btn:disabled{opacity:.7;cursor:not-allowed}.sheet-overlay{position:fixed;inset:0;background:#0f141959;display:flex;align-items:flex-end;justify-content:center;z-index:1200;animation:sheetFadeIn .18s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sheet-card{width:min(640px,100%);background:var(--surface-strong);border:1px solid var(--border-color);border-radius:22px 22px 0 0;box-shadow:0 -10px 40px #0f14192e;padding:10px 18px 20px;display:flex;flex-direction:column;gap:12px;animation:sheetSlideUp .22s ease-out}.sheet-handle{width:44px;height:5px;border-radius:999px;background:var(--border-color);align-self:center;margin:4px 0 2px}.sheet-title{font-weight:900;font-size:18px;text-align:center}.sheet-url{background:var(--surface-weak);border:1px solid var(--border-color);padding:10px 12px;border-radius:14px;font-weight:700;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sheet-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sheet-action-btn{border:1px solid var(--border-color);background:var(--surface-strong);border-radius:16px;padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;font-weight:800;color:var(--text-main);cursor:pointer;text-decoration:none}.sheet-action-btn i{font-size:18px}.sheet-action-btn:hover{background:var(--surface);border-color:var(--border-strong)}.sheet-close-btn{margin-top:4px;border:none;background:var(--text-main);color:#fff;padding:12px 16px;border-radius:999px;font-weight:900;cursor:pointer}.sheet-close-btn:hover{background:var(--accent)}@keyframes sheetFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetSlideUp{0%{transform:translateY(24px)}to{transform:translateY(0)}}.profile-list-modal{max-width:520px}.profile-list-tabs{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid var(--border-color)}.profile-list-tab{position:relative;z-index:1}.profile-list-tab{border:none;background:transparent;padding:12px 10px;font-weight:800;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent}.profile-list-tab.active{color:var(--text-main);border-bottom-color:var(--primary-blue)}.profile-list-search{display:flex;align-items:center;gap:8px;margin:10px 12px 4px;padding:10px 12px;border-radius:14px;background:var(--surface-weak);color:var(--text-secondary)}.profile-list-search-input{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:var(--text-main)}.profile-list-body{max-height:360px;overflow:auto;padding:8px 4px}.profile-list-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px}.profile-list-button{width:100%;border:none;background:transparent;text-align:left;cursor:pointer}.profile-list-item:hover{background:var(--surface-weak)}.profile-list-meta{display:flex;flex-direction:column;gap:2px}.profile-list-empty{padding:20px 12px;color:var(--text-secondary);font-weight:600}.onboarding-card{max-width:640px}.onboarding-form{display:flex;flex-direction:column;gap:10px}.onboarding-label{font-size:13px;font-weight:800;color:var(--text-secondary);margin-top:6px}.onboarding-input{border:1px solid var(--border-color);border-radius:12px;padding:12px 14px;font-size:15px;font-family:Inter,sans-serif;outline:none;background:var(--surface-weak);color:var(--text-main)}.onboarding-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6d5efc2e}.onboarding-hint{font-size:12px;color:var(--text-secondary);margin-top:2px;margin-bottom:6px}.onboarding-submit{margin-top:8px;align-self:flex-start}.interaction-item.checked{border-color:var(--text-main);background:transparent;color:var(--text-main)}.interaction-item.checked i{background:var(--text-main);color:#fff;border-color:var(--text-main);box-shadow:none}