.moments-list{max-width:720px;margin:0 auto}.moment-item{gap:16px;margin-bottom:24px;display:flex;position:relative}.moment-timeline{flex-direction:column;flex-shrink:0;align-items:center;width:40px;display:flex}.moment-avatar{background:var(--color-card);border:2px solid var(--color-border);z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.moment-avatar img{object-fit:cover;width:100%;height:100%}.moment-avatar svg{width:20px;height:20px;color:var(--color-text-muted)}.moment-line{background:var(--color-border);flex:1;width:2px;min-height:40px;margin-top:8px}.moment-item:last-child .moment-line{display:none}.moment-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition);flex:1;min-width:0;padding:16px 20px}.moment-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-hover);transform:translateY(-2px)}body.has-wallpaper .moment-card{background:color-mix(in srgb, var(--color-card) 75%, transparent);-webkit-backdrop-filter:blur(20px)}.moment-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.moment-author{color:var(--color-text);font-size:14px;font-weight:600}.moment-time{color:var(--color-text-muted);font-size:12px;font-family:var(--font-mono)}.moment-content{color:var(--color-text-secondary);word-break:break-word;font-size:14px;line-height:1.7}.moment-content p{margin:0 0 8px}.moment-content p:last-child{margin-bottom:0}.moment-content a{color:var(--color-primary);transition:color var(--transition);text-decoration:none}.moment-content a:hover{color:var(--color-primary-hover);text-decoration:underline}.moment-content code{background:var(--color-bg);font-family:var(--font-mono);border-radius:4px;padding:2px 6px;font-size:13px}.moment-content pre{background:var(--color-bg);border-radius:var(--radius-md);margin:8px 0;padding:12px;overflow-x:auto}.moment-content blockquote{border-left:3px solid var(--color-primary);color:var(--color-text-muted);margin:8px 0;padding-left:12px}.moment-media{margin-top:12px}.moment-media-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.moment-media-wrapper{display:flex}:is(.moment-media-wrapper:has(.moment-media-video),.moment-media-wrapper:has(.moment-media-audio)){grid-column:1/-1}.moment-media-item{border-radius:var(--radius-md);background:var(--color-bg);transition:transform var(--transition);width:100%;display:block;overflow:hidden}.moment-media-item:hover{transform:scale(1.02)}.moment-media-photo{aspect-ratio:1;cursor:pointer}.moment-media-photo img{object-fit:cover;width:100%;height:100%;display:block}.moment-media-video{aspect-ratio:16/9;width:100%}.moment-media-video video{object-fit:contain;border-radius:var(--radius-md);background:#000;width:100%;height:100%;display:block}.moment-media-video video::-webkit-media-controls-fullscreen-button{display:none!important}.moment-media-video video::backdrop{display:none!important}.moment-media-audio{width:100%;padding:8px 0}.moment-media-audio audio{width:100%;height:44px}.lightbox{z-index:9999;opacity:0;visibility:hidden;background:#000000e6;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.lightbox.active{opacity:1;visibility:visible}.lightbox-content{max-width:90vw;max-height:90vh;position:relative}.lightbox-content img{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:90vh}.lightbox-close{color:#fff;cursor:pointer;width:32px;height:32px;transition:background var(--transition);background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-40px;right:0}.lightbox-close:hover{background:#ffffff4d}.lightbox-close svg{width:18px;height:18px}.moment-actions{border-top:1px solid var(--color-border-light);align-items:center;gap:16px;margin-top:12px;padding-top:12px;display:flex}.moment-action-btn{color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;border:none;align-items:center;gap:4px;padding:4px 8px;font-size:12px;text-decoration:none;display:inline-flex}.moment-action-btn:hover{color:var(--color-primary);background:var(--color-primary-bg)}.moment-action-btn.liked{color:#ef4444}.moment-action-btn.liked svg{fill:#ef4444;stroke:#ef4444}.moment-comment-btn.active{color:var(--color-primary);background:var(--color-primary-bg)}.moment-action-btn svg{width:14px;height:14px}.moment-comment-section{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}body.has-wallpaper .moment-comment-section{background:color-mix(in srgb, var(--color-card) 80%, transparent);-webkit-backdrop-filter:blur(20px);border-top:none;border-radius:8px;margin-top:16px;padding:16px}.empty-state{text-align:center;color:var(--color-text-muted);padding:60px 20px}.empty-state svg{opacity:.5;width:48px;height:48px;margin-bottom:16px}.empty-state p{font-size:14px}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:32px;padding-bottom:20px;display:flex}.pagination a{border-radius:var(--radius-md);background:var(--color-card);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text-secondary);transition:all var(--transition);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.pagination a:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination .current{color:var(--color-text-muted);font-size:13px;font-family:var(--font-mono)}@media (width<=768px){.moment-item{gap:12px}.moment-timeline{width:32px}.moment-avatar{width:32px;height:32px}.moment-avatar svg{width:16px;height:16px}.moment-card{padding:12px 16px}.moment-media-audio{padding:12px 0}.moment-media-audio audio{height:48px}}