:root{--color-bg: #000000;--color-bg-secondary: #16181c;--color-bg-tertiary: #1d1f23;--color-text: #e7e9ea;--color-text-secondary: #71767b;--color-text-muted: #536471;--color-border: #2f3336;--color-border-light: #1d1f23;--color-accent: #1d9bf0;--color-accent-hover: #1a8cd8;--color-danger: #f4212e;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--max-width: 600px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px}@media (prefers-color-scheme: light){:root{--color-bg: #ffffff;--color-bg-secondary: #f0f2f5;--color-bg-tertiary: #ebedf0;--color-text: #0f1419;--color-text-secondary: #536471;--color-text-muted: #71767b;--color-border: #eff3f4;--color-border-light: #cfd9de}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0}.threads-layout{min-height:100vh;background:var(--color-bg)}.threads-header{position:sticky;top:0;z-index:100;background:#000000a6;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.threads-header-inner{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-md);display:flex;align-items:center;justify-content:center}.threads-logo{font-size:1.25rem;font-weight:700;color:var(--color-text)}.post-card{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .2s ease}.post-card:hover{background:var(--color-bg-secondary)}.post-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--color-bg-tertiary)}.avatar-small{width:32px;height:32px}.post-user-info{display:flex;flex-direction:column}.post-name{font-weight:700;font-size:.9375rem;color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-xs)}.post-name .verified{width:16px;height:16px;color:var(--color-accent)}.post-username,.post-date{color:var(--color-text-secondary);font-size:.9375rem}.post-content{font-size:1rem;line-height:1.4;color:var(--color-text);margin-bottom:var(--spacing-sm)}.post-content p{margin-bottom:var(--spacing-sm)}.post-content p:last-child{margin-bottom:0}.post-images{display:grid;gap:var(--spacing-sm);margin-top:var(--spacing-sm);border-radius:16px;overflow:hidden}.post-images.single{grid-template-columns:1fr}.post-images.double{grid-template-columns:1fr 1fr}.post-images.triple{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.post-images.triple img:first-child{grid-row:span 2}.post-images img{width:100%;height:280px;object-fit:cover;border-radius:12px}.post-actions{display:flex;justify-content:space-between;max-width:400px;margin-top:var(--spacing-md)}.action-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--color-text-secondary);font-size:.8125rem;cursor:pointer;padding:var(--spacing-sm);border-radius:50%;transition:all .2s ease}.action-btn:hover{background:#e7e9ea1a;color:var(--color-accent)}.action-btn.like:hover{color:var(--color-danger)}.action-btn svg{width:20px;height:20px}.post-footer{display:flex;gap:var(--spacing-lg);color:var(--color-text-secondary);font-size:.875rem;margin-top:var(--spacing-sm)}.post-stats{display:flex;gap:var(--spacing-md);color:var(--color-text-secondary);font-size:.8125rem}.post-stats span{cursor:pointer}.post-stats span:hover{text-decoration:underline}.hashtags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.hashtag{color:var(--color-accent)}.hashtag:hover{text-decoration:underline}.loading{display:flex;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);color:var(--color-text);font-weight:600;border-bottom:1px solid var(--color-border)}.back-link:hover{background:var(--color-bg-secondary)}.categories-page{padding:var(--spacing-md)}.categories-header{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-lg)}.category-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:20px;font-size:.875rem;color:var(--color-text);transition:all .2s ease}.category-chip:hover{background:var(--color-bg-tertiary);border-color:var(--color-text-secondary)}.category-count{color:var(--color-text-secondary);font-size:.75rem}.header-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);max-width:var(--max-width);margin:0 auto}.header-logo{font-size:1.125rem;font-weight:700;color:var(--color-text)}.header-actions{display:flex;gap:var(--spacing-sm)}.header-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text);cursor:pointer;transition:all .2s ease}.header-btn:hover{background:var(--color-bg-secondary)}.search-container{position:relative;max-width:var(--max-width);margin:0 auto;padding:var(--spacing-md)}.search-input{width:100%;padding:var(--spacing-md);padding-left:40px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:24px;color:var(--color-text);font-size:.9375rem;outline:none}.search-input:focus{border-color:var(--color-accent)}.search-input::placeholder{color:var(--color-text-muted)}.search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);width:18px;height:18px}.post-detail{padding:var(--spacing-md)}.post-detail .post-content{font-size:1.125rem;line-height:1.5}.share-buttons{display:flex;gap:var(--spacing-sm)}.share-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-secondary);border-radius:50%;color:var(--color-text-secondary);transition:all .2s ease}.share-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.favorite-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:none;border:1px solid var(--color-border);border-radius:var(--spacing-xl);color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.favorite-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-text-secondary)}.favorite-btn.favorited{color:var(--color-text);border-color:var(--color-text)}.load-more{display:flex;justify-content:center;padding:var(--spacing-lg)}.load-more-trigger{padding:var(--spacing-lg);text-align:center}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:var(--color-text-secondary)}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-text);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}