.moments-page{max-width:var(--max-width);margin:0 auto;padding:32px 24px 96px}.moments-layout{grid-template-columns:1fr;gap:40px;display:grid}@media (width>=1024px){.moments-layout{grid-template-columns:220px minmax(0,1fr) 260px}}.moments-sidebar-left{display:none}@media (width>=1024px){.moments-sidebar-left{display:block}}.moments-month-nav{flex-direction:column;gap:12px;display:flex;position:sticky;top:112px}.moments-sidebar-label{letter-spacing:1px;text-transform:uppercase;color:#6b7280;margin:0 0 8px;font-size:12px;font-weight:700}.moments-month-nav ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.moments-month-nav a{color:#1f2937;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background-color .2s;display:flex}.moments-month-nav a:hover{background-color:#f3f4f6}.moments-month-count{color:#9ca3af;font-variant-numeric:tabular-nums;font-size:12px}.moments-feed{width:100%;min-width:0;max-width:680px;margin:0 auto}.moment-month-divider{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background-color:#f9fafbd9;margin:24px 0 16px;padding:12px 0;scroll-margin-top:100px;position:sticky;top:64px}.moment-month-divider span{letter-spacing:1px;text-transform:uppercase;color:var(--color-body);font-size:12px;font-weight:700}.moment-tag-pills{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.moment-tag-pill{border:1px solid var(--color-border-dark);color:var(--color-body);border-radius:9999px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s;display:inline-block}.moment-tag-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.moment-list{border-top:none}.moment-card{border:1px solid var(--color-border);background:var(--color-bg);border-radius:16px;gap:16px;padding:20px;transition:box-shadow .2s,transform .2s;display:flex}.moment-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0000000f}.moment-card+.moment-card{margin-top:16px}.moment-card:last-child{border-bottom:1px solid var(--color-border)}.moment-avatar{object-fit:cover;border:2px solid var(--color-primary);border-radius:50%;flex-shrink:0;width:44px;height:44px;box-shadow:0 0 0 3px #2563eb1f}.moment-body{flex:1;min-width:0}.moment-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.moment-author{color:var(--color-title);font-size:14px;font-weight:600}.moment-time{color:var(--color-body);font-size:12px}.moment-content{color:var(--color-title);white-space:pre-wrap;font-size:15px;line-height:1.65}.moment-content .hashtag{color:var(--color-primary);font-weight:500}.moment-photos{border-radius:12px;gap:6px;max-width:480px;margin-top:12px;display:grid;overflow:hidden}.moment-photos>img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;transition:transform .3s;display:block}.moment-photos>img:hover{transform:scale(1.03)}.moment-photos[data-count="1"]{grid-template-columns:1fr;max-width:320px}.moment-photos[data-count="2"],.moment-photos[data-count="4"]{grid-template-columns:repeat(2,1fr)}.moment-photos:not([data-count="1"]):not([data-count="2"]):not([data-count="4"]){grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.moment-photo-btn{aspect-ratio:1;cursor:pointer;background-color:var(--color-border);border:none;border-radius:8px;width:100%;padding:0;position:relative;overflow:hidden}.moment-photo-btn img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.moment-photo-btn:hover img{transform:scale(1.04)}.moment-photo-btn:after{content:"";opacity:0;pointer-events:none;background:#1118272e;transition:opacity .2s;position:absolute;inset:0}.moment-photo-btn:hover:after{opacity:1}.moment-video{aspect-ratio:16/9;background-color:var(--color-border);border-radius:8px;width:100%;position:relative;overflow:hidden}.moment-video video{object-fit:cover;width:100%;height:100%;display:block}.moment-video-play{color:#fff;cursor:pointer;z-index:2;background:#0009;border:2px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:transform .2s,background .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.moment-video-play svg{width:20px;height:20px;margin-left:2px}.moment-video-play:hover{background:#000000bf;transform:translate(-50%,-50%)scale(1.1)}.moment-video-play.playing{display:none}.moment-video-play{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.moment-actions{color:var(--color-body);align-items:center;gap:20px;margin-top:16px;font-size:13px;display:flex}.moment-actions button{color:inherit;font-size:inherit;font-family:var(--font-family);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;transition:color .2s;display:flex}.moment-actions .like-btn:hover,.moment-actions .like-btn.liked{color:#f43f5e}.moment-actions .like-btn.liked svg{fill:#f43f5e}.moment-actions .like-btn.like-pulse svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1);transform:scale(1.45)}.moment-actions .like-btn svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.moment-actions .comment-btn:hover{color:var(--color-primary)}.moment-actions svg{width:15px;height:15px}.moment-comments{border-top:1px solid var(--color-border);opacity:0;border-top:none;max-height:0;margin-top:0;padding-top:0;transition:max-height .4s,opacity .3s,margin-top .3s,padding-top .3s;overflow:hidden}.moment-comments.active{opacity:1;border-top:1px solid var(--color-border);max-height:5000px;margin-top:16px;padding-top:16px}.moment-comments .comment-widget{margin:0}.moments-sidebar-right{display:none}@media (width>=1024px){.moments-sidebar-right{display:block}}.moments-sidebar-right{position:relative}@media (width>=1024px){.moments-sidebar-right{position:static}}.moments-sidebar-right>*{position:sticky;top:112px}.moments-sidebar-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;padding:20px}.moments-sidebar-card+.moments-sidebar-card{margin-top:20px}.moments-activity-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px;display:grid}.moments-activity-stat{flex-direction:column;display:flex}.moments-activity-value{color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.moments-activity-label{color:#6b7280;margin-top:2px;font-size:12px}.moments-about-card{background-color:#f9fafb}.moments-about-text{color:#1f2937;margin-top:8px;font-size:13px;line-height:1.6}