*{box-sizing:border-box;margin:0;padding:0}body{color:#f3f5f7;-webkit-font-smoothing:antialiased;background:#101010;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}.app{min-height:100vh}.home{max-width:680px;margin:0 auto;padding:24px 16px}.home h1{text-align:center;margin-bottom:16px;font-size:24px;font-weight:700}.search-bar{margin-bottom:16px;position:relative}.search-bar input{color:#f3f5f7;background:#1a1a1a;border:1px solid #333;border-radius:12px;outline:none;width:100%;padding:10px 40px;font-size:15px;transition:border-color .15s}.search-bar input:focus{border-color:#555}.search-bar input::placeholder{color:#666}.search-icon{color:#666;pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-clear{color:#666;cursor:pointer;background:0 0;border:none;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-clear:hover{color:#f3f5f7}.post-grid{flex-direction:column;gap:2px;display:flex}.post-card{cursor:pointer;border-bottom:1px solid #222;gap:12px;padding:16px;transition:background .15s;display:flex}.post-card:hover{background:#1a1a1a}.post-card .avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.post-card .content{flex:1;min-width:0}.post-card .header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.post-card .username{font-size:15px;font-weight:600}.post-card .time{color:#777;font-size:14px}.post-card .text{color:#e0e0e0;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;line-height:1.4;display:-webkit-box;overflow:hidden}.post-card .meta{color:#777;gap:16px;margin-top:8px;font-size:13px;display:flex}.post-card .thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:80px;height:80px}.thread-page{max-width:620px;margin:0 auto;padding:0 0 40px}.thread-back{color:#777;border-bottom:1px solid #222;align-items:center;gap:8px;padding:16px;font-size:15px;display:flex}.thread-back:hover{color:#f3f5f7}.post-block{border-bottom:1px solid #222;padding:16px}.post-block .post-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.post-block .avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.post-block .author-info .username{font-size:15px;font-weight:600}.post-block .author-info .time{color:#777;font-size:13px}.post-block .post-text{white-space:pre-wrap;margin-bottom:12px;font-size:15px;line-height:1.5}.post-block .post-media{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.post-block .post-media img,.post-block .post-media video{border-radius:8px;max-width:100%}.post-block .post-stats{color:#777;font-size:13px}.comment{border-bottom:1px solid #1a1a1a;padding:12px 16px}.comment .comment-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.comment .avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.comment .username{font-size:14px;font-weight:600}.comment .time{color:#777;font-size:12px}.comment .comment-text{white-space:pre-wrap;margin-bottom:8px;font-size:14px;line-height:1.4}.comment .comment-media img,.comment .comment-media video{border-radius:8px;max-width:100%;margin-bottom:8px}.comment .comment-likes{color:#777;font-size:12px}.replies{border-left:2px solid #333;margin-left:42px;padding-left:12px}.replies .comment{border-bottom:none;padding-left:4px}.replies .comment .avatar{width:28px;height:28px}.replies .comment .username,.replies .comment .comment-text{font-size:13px}.empty{text-align:center;color:#555;padding:80px 16px}.empty h2{color:#777;margin-bottom:8px;font-size:20px}