*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f4f4f9;padding-bottom:120px;color:#333}header{background:#fff;padding:15px 20px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.app-title{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.5px;display:flex;align-items:flex-start;line-height:1}.status-dot{font-size:.5em;margin-left:2px;position:relative;top:-2px;font-style:normal;line-height:1}.view-switcher{display:flex;background-color:#f1f3f9;padding:4px;border-radius:20px;margin-right:15px}.view-btn{border:none;background:transparent;padding:6px 16px;border-radius:16px;cursor:pointer;display:flex;align-items:center;gap:8px;color:#8da0bc;font-weight:600;transition:all .2s ease}.view-btn svg{fill:currentColor}.view-btn.active{background-color:#fff;color:#3b82f6;box-shadow:0 2px 4px #0000000d}#media-grid{margin:0 auto;max-width:2100px;transition:all .3s ease}#media-grid:not(.list-view-mode){display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:12px}@media(min-width:768px){#media-grid:not(.list-view-mode){grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px}}#media-grid.list-view-mode{display:flex;flex-direction:column;align-items:center;padding:0;background-color:#fff}.post-item{background:#fff;cursor:pointer;transition:all .2s cubic-bezier(.25,.8,.25,1);display:grid}.avatar-column{grid-area:avatar}.post-header{grid-area:header}.post-caption{grid-area:caption}.post-image-container{grid-area:image}.user-avatar-feed{width:100%;aspect-ratio:1 / 1;border-radius:50%;background-color:#cbd5e1;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.post-image-container{background-color:#eee;overflow:hidden;display:flex;justify-content:center}.post-image-container img{width:100%;height:100%;object-fit:cover;display:block}#media-grid:not(.list-view-mode) .post-item{grid-template-columns:28px minmax(0,1fr);grid-template-areas:"avatar header" "caption caption" "image image";gap:6px 8px;border-radius:12px;padding:10px;box-shadow:0 2px 8px #0000000f}#media-grid:not(.list-view-mode) .post-item:active{transform:scale(.96)}#media-grid:not(.list-view-mode) .post-header{display:flex;flex-direction:column;justify-content:center;min-width:0}#media-grid:not(.list-view-mode) .user-name{font-size:.85rem;font-weight:700;color:#14171a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#media-grid:not(.list-view-mode) .post-time{font-size:.65rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#media-grid:not(.list-view-mode) .post-caption{font-size:.85rem;color:#14171a;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#media-grid:not(.list-view-mode) .post-image-container{width:100%;aspect-ratio:1 / 1;border-radius:8px;margin-top:2px}#media-grid:not(.list-view-mode) .user-avatar-feed{font-size:.9rem}#media-grid.list-view-mode .post-item{width:100%;max-width:600px;grid-template-columns:48px minmax(0,1fr);grid-template-areas:"avatar header" "avatar caption" "avatar image";gap:4px 12px;padding:16px;border-bottom:1px solid #e1e8ed;border-radius:0;box-shadow:none}#media-grid.list-view-mode .post-item:hover{background-color:#00000005}#media-grid.list-view-mode .post-header{display:flex;flex-direction:row;align-items:baseline;gap:8px;margin-bottom:4px}#media-grid.list-view-mode .user-name{font-size:15px;font-weight:700;color:#14171a}#media-grid.list-view-mode .post-time{font-size:14px;color:#657786}#media-grid.list-view-mode .post-caption{font-size:15px;color:#14171a;margin-bottom:8px;word-wrap:break-word}#media-grid.list-view-mode .post-image-container{border-radius:16px;border:1px solid #e1e8ed;height:auto;max-height:600px;background:transparent;margin-top:4px}#media-grid.list-view-mode .post-image-container img{object-fit:contain}#media-grid.list-view-mode .user-avatar-feed{font-size:1.2rem}#upload-btn{position:fixed;bottom:30px;right:20px;width:64px;height:64px;border-radius:50%;background-color:#000;color:#fff;border:none;font-size:32px;box-shadow:0 4px 20px #0000004d;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:transform .2s}#upload-btn:active{transform:scale(.9) rotate(90deg)}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);align-items:center;justify-content:center;padding:20px}.modal-content{background-color:#fff;width:100%;max-width:500px;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #0000004d;animation:slideUp .3s ease-out;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn{position:absolute;right:20px;top:15px;color:#fff;font-size:30px;font-weight:700;cursor:pointer;z-index:2001;background:#0003;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}#detail-img{width:100%;max-height:60vh;object-fit:contain;background-color:#000}.detail-info{padding:20px}#detail-username{font-size:1.2rem;font-weight:800;margin-bottom:5px}#detail-caption{font-size:1rem;line-height:1.5;margin-bottom:15px;color:#444}.meta-row{font-size:.75rem;color:#999;border-top:1px solid #eee;padding-top:10px;font-family:monospace}.action-bar{padding:0 20px;display:flex;justify-content:flex-end;margin-bottom:10px}.btn-icon{background:transparent;border:none;cursor:pointer;font-size:1.2rem;padding:8px;border-radius:50%;transition:background .2s;display:flex;align-items:center;gap:8px;font-weight:600;color:#333}.btn-icon:hover{background-color:#f0f0f0}.comments-section{padding:20px;background-color:#f9f9f9;border-top:1px solid #eee}.comment-box{display:flex;flex-direction:column;gap:10px;background:#fff;padding:10px;border-radius:12px;border:1px solid #e0e0e0}#crop-preview-container{display:none;position:relative;width:fit-content}#crop-preview{height:80px;border-radius:8px;border:2px solid #333;display:block}.remove-crop-btn{position:absolute;top:-8px;right:-8px;background:red;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:12px;cursor:pointer}.comment-input{width:100%;border:none;outline:none;font-size:.95rem;resize:none;font-family:inherit}.post-btn{align-self:flex-end;background-color:#000;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-weight:600;font-size:.85rem;cursor:pointer}#post-view-modal{z-index:5000!important}#detail-img-container{position:relative;width:100%;background:#000;display:flex;justify-content:center}.thread-connector{position:absolute;left:28px;top:50px;bottom:-10px;width:2px;background-color:#e1e8ed;z-index:0}.ancestor-item{position:relative;padding:10px 15px;cursor:pointer;background:#fff}.ancestor-item:hover{background-color:#f5f8fa}.main-focus-item{padding:15px;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}.reply-item{padding:15px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .1s}.reply-item:hover{background-color:#f8f9fa}.user-avatar{width:40px;height:40px;border-radius:50%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin-right:10px;position:relative;z-index:1}.thread-sticker{max-width:100%;max-height:200px;border-radius:12px;border:1px solid #eee;margin-top:10px;object-fit:contain;display:block}