*{box-sizing:border-box;margin:0;padding:0}body{color:#f3f5f7;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#101010;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}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-row{align-items:center;gap:8px;margin-bottom:16px;display:flex}.add-btn{color:#f3f5f7;cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s,border-color .15s;display:flex}.add-btn:hover{background:#252525;border-color:#555}.search-bar{flex:1;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}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#1a1a1a;border:1px solid #333;border-radius:16px;width:100%;max-width:480px;overflow:hidden}.modal-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h2{font-size:17px;font-weight:600}.modal-close{color:#777;cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.modal-close:hover{color:#f3f5f7}.modal-body{padding:20px}.modal-body input{color:#f3f5f7;background:#101010;border:1px solid #333;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-size:15px}.modal-body input:focus{border-color:#555}.modal-body input::placeholder{color:#555}.modal-message{border-radius:8px;margin-top:12px;padding:8px 12px;font-size:14px}.modal-message.saving{color:#aaa;background:#1e1e1e}.modal-message.done{color:#4ade80;background:#0a2e1a}.modal-message.error{color:#f87171;background:#2e0a0a}.modal-footer{border-top:1px solid #222;justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.modal-cancel{color:#aaa;cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;padding:8px 16px;font-size:14px}.modal-cancel:hover{background:#222}.modal-save{color:#000;cursor:pointer;background:#f3f5f7;border:none;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600}.modal-save:hover{background:#e0e0e0}.modal-save:disabled{opacity:.4;cursor:default}@media (width<=600px){.home{padding:16px 12px}.home h1{margin-bottom:12px;font-size:20px}.search-row{gap:6px}.search-bar input{border-radius:10px;padding:10px 36px;font-size:14px}.add-btn{border-radius:10px;width:40px;height:40px}.post-card{gap:10px;padding:12px}.post-card .avatar{width:36px;height:36px}.post-card .username{font-size:14px}.post-card .time{font-size:12px}.post-card .text{-webkit-line-clamp:2;font-size:14px}.post-card .meta{gap:12px;font-size:12px}.post-card .thumb{border-radius:6px;width:64px;height:64px}.thread-page{padding:0 0 24px}.thread-back{z-index:10;background:#101010;padding:12px;font-size:14px;position:sticky;top:0}.post-block{padding:12px}.post-block .avatar{width:32px;height:32px}.post-block .post-header{gap:10px;margin-bottom:10px}.post-block .author-info .username{font-size:14px}.post-block .post-text{word-break:break-word;font-size:14px;line-height:1.45}.post-block .post-media img,.post-block .post-media video{border-radius:6px}.comment{padding:10px 12px}.comment .avatar{width:28px;height:28px}.comment .comment-header{gap:8px;margin-bottom:6px}.comment .username{font-size:13px}.comment .comment-text{word-break:break-word;font-size:13px}.comment .comment-media img,.comment .comment-media video{border-radius:6px}.replies{margin-left:28px;padding-left:10px}.replies .comment .avatar{width:24px;height:24px}.replies .comment .username,.replies .comment .comment-text{font-size:12px}.modal-overlay{align-items:flex-end;padding:12px}.modal{border-radius:14px 14px 0 0;max-width:100%}.modal-header{padding:14px 16px}.modal-body{padding:16px}.modal-body input{padding:12px 14px;font-size:16px}.modal-footer{padding:12px 16px}.modal-save,.modal-cancel{padding:10px 16px;font-size:15px}.empty{padding:48px 16px}.empty h2{font-size:18px}}@media (width<=380px){.post-card .thumb{width:52px;height:52px}.post-card .header{flex-wrap:wrap;gap:4px}.replies{margin-left:20px;padding-left:8px}}