.threads-container{max-width:620px;width:100%;margin:0 auto;padding:24px 16px 80px;display:flex;flex-direction:column;gap:16px}.thread-composer-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:18px;padding:16px;box-shadow:var(--shadow-sm);display:flex;gap:14px}.composer-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--bg-input);flex-shrink:0}.composer-content{flex:1;display:flex;flex-direction:column;gap:10px}.composer-textarea{width:100%;border:none;background:transparent;resize:none;outline:none;font-family:inherit;font-size:15px;color:var(--text-primary);line-height:1.45;min-height:60px}.composer-textarea::placeholder{color:var(--text-tertiary)}.composer-actions-row{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border-color)}.composer-media-btns{display:flex;align-items:center;gap:8px}.composer-media-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .15s,background-color .15s}.composer-media-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.composer-media-btn iconify-icon{font-size:20px}.thread-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:18px;padding:16px;box-shadow:var(--shadow-sm);display:flex;gap:14px;position:relative;transition:border-color .2s}.thread-card:hover{border-color:var(--text-tertiary)}.thread-avatar-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.thread-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--bg-input)}.thread-branch-line{width:2px;flex:1;background:var(--border-color);margin-top:8px;border-radius:2px}.thread-body{flex:1;display:flex;flex-direction:column;gap:8px}.thread-header{display:flex;align-items:center;justify-content:space-between}.thread-author-meta{display:flex;align-items:center;gap:6px;text-decoration:none;color:inherit}.thread-author-name{font-weight:700;font-size:14px;color:var(--text-primary)}.thread-author-handle{font-size:13px;color:var(--text-tertiary)}.thread-time{font-size:12px;color:var(--text-tertiary)}.thread-text{font-size:15px;color:var(--text-primary);line-height:1.5;word-break:break-word}.thread-media-preview{margin-top:8px;border-radius:14px;overflow:hidden;max-height:380px;border:1px solid var(--border-color)}.thread-media-preview img{width:100%;height:100%;object-fit:cover;display:block}.thread-actions{display:flex;align-items:center;gap:20px;padding-top:6px}.thread-action-btn{background:transparent;border:none;color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px;transition:all .15s ease}.thread-action-btn iconify-icon{font-size:20px}.thread-action-btn:hover{color:var(--text-primary)}.thread-action-btn.liked{color:#fd1d1d}.thread-action-btn.reposted{color:#10b981}@media(max-width:768px){.threads-container{padding:12px 10px 80px;gap:12px}}.thread-replies-drawer{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:10px}.thread-replies-list{display:flex;flex-direction:column;gap:10px;max-height:280px;overflow-y:auto;padding-right:4px}.thread-reply-item{display:flex;gap:10px;font-size:13px;line-height:1.4}.thread-reply-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.thread-reply-content{flex:1;background:var(--bg-input);padding:8px 12px;border-radius:12px}.thread-reply-author{font-weight:700;color:var(--text-primary);margin-right:6px}.thread-reply-time{font-size:11px;color:var(--text-tertiary)}.thread-reply-form{display:flex;gap:8px;align-items:center;margin-top:6px}.thread-reply-input{flex:1;background:var(--bg-input);border:1px solid var(--border-color);border-radius:20px;padding:8px 14px;font-size:13px;color:var(--text-primary);outline:none}.thread-reply-input:focus{border-color:var(--brand-primary)}.thread-reply-send-btn{background:var(--brand-primary);color:#fff;border:none;border-radius:20px;padding:7px 14px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:opacity .15s}.thread-reply-send-btn:disabled{opacity:.5;cursor:not-allowed}.thread-reply-send-btn:not(:disabled):hover{opacity:.9}
