*{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-hint{color:#666;margin-top:10px;font-size:13px;line-height:1.4}.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}.modal-lg{flex-direction:column;max-width:520px;max-height:80vh;display:flex}.modal-lg .modal-body{flex:1;overflow-y:auto}.modal-input-row{gap:8px;display:flex}.modal-input-row input{flex:1}.modal-input-row .modal-save{flex-shrink:0;justify-content:center;align-items:center;width:44px;padding:0;font-size:20px;display:flex}.queue-section{margin-top:16px}.queue-title{color:#888;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.queue-dot{border-radius:50%;width:8px;height:8px}.queue-dot.pending{background:#f59e0b}.queue-dot.done{background:#22c55e}.queue-item{background:#151515;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 10px;display:flex}.queue-item.done{opacity:.5}.queue-item-info{align-items:center;gap:8px;min-width:0;display:flex}.queue-item-user{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.queue-item-time{color:#666;white-space:nowrap;font-size:12px}.queue-item-delete{color:#555;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;display:flex}.queue-item-delete:hover{color:#f87171}.media-grid{border-radius:10px;gap:4px;margin-bottom:12px;display:grid;overflow:hidden}.media-grid-item{cursor:pointer;background:#1a1a1a;position:relative;overflow:hidden}.media-grid-item img,.media-grid-item video{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.media-grid-item:hover img,.media-grid-item:hover video{transform:scale(1.02)}.media-grid-1{grid-template-columns:1fr}.media-grid-1 .media-grid-item{max-height:500px}.media-grid-1 .media-grid-item img{object-fit:contain;background:#0a0a0a}.media-grid-2{grid-template-columns:1fr 1fr}.media-grid-2 .media-grid-item{aspect-ratio:1}.media-grid-3{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr}.media-grid-3 .item-0{grid-row:1/3;min-height:280px}.media-grid-3 .item-1,.media-grid-3 .item-2{min-height:138px}.media-grid-4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.media-grid-4 .media-grid-item{aspect-ratio:1.2}.media-grid-many{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.media-grid-many .item-0{grid-column:1/3;max-height:300px}.media-grid-many .item-1,.media-grid-many .item-2,.media-grid-many .item-3{aspect-ratio:1.2}.media-grid-more{color:#fff;background:#0009;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;position:absolute;inset:0}.media-grid-video{width:100%;height:100%;position:relative}.media-grid-video video{object-fit:cover;width:100%;height:100%}.media-grid-play{background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lightbox-overlay{z-index:2000;background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-content{justify-content:center;align-items:center;max-width:90vw;max-height:90vh;display:flex}.lightbox-content img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:4px;max-width:90vw;max-height:90vh}.lightbox-content video{border-radius:4px;max-width:90vw;max-height:90vh}.lightbox-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;padding:8px;display:flex;position:absolute;top:16px;right:16px}.lightbox-close:hover{background:#fff3}.lightbox-nav{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;padding:12px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#fff3}.lightbox-prev{left:16px}.lightbox-next{right:16px}.lightbox-dots{gap:6px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.lightbox-dot{cursor:pointer;background:#ffffff4d;border-radius:50%;width:8px;height:8px;transition:background .15s}.lightbox-dot.active{background:#fff}@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-grid-1 .media-grid-item{max-height:350px}.media-grid-3 .item-0{min-height:200px}.lightbox-content img,.lightbox-content video{max-width:100vw;max-height:85vh}.lightbox-nav{padding:8px}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-close{top:8px;right:8px}}@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}}