.moments-page-root{flex-direction:column;gap:1rem;display:flex}.moments-page-hero{padding:1.6rem}.moments-page-title{margin:0 0 .5rem;font-size:2rem;font-weight:700}.moments-page-description{margin:0}.moments-list{flex-direction:column;gap:1rem;display:flex}.moments-card{grid-template-columns:58px minmax(0,1fr) 2rem;align-items:start;gap:1rem;min-height:108px;padding:1rem;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:grid;position:relative}.moments-card:before{content:"";background:radial-gradient(circle at top left, rgba(var(--primary), .16), transparent 42%), linear-gradient(135deg, rgba(var(--primary), .08), transparent 58%);opacity:0;transition:opacity .25s;position:absolute;inset:0}.moments-card:hover{border-color:rgba(var(--primary), .45);transform:translateY(-4px);box-shadow:0 14px 35px #0000001f}.moments-card:hover:before{opacity:1}.moments-avatar{z-index:1;background:linear-gradient(135deg, rgba(var(--primary), .9), rgba(var(--primary), .25));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:1.65rem;display:flex;position:relative;overflow:hidden}.moments-avatar img{object-fit:cover;width:100%;height:100%}.moments-content{z-index:1;min-width:0;position:relative}.moments-meta{flex-wrap:wrap;gap:.4rem .75rem;margin-bottom:.35rem;font-size:.86rem;display:flex}.moments-meta span+span{position:relative}.moments-meta span+span:before{content:"";opacity:.45;background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:-.42rem;transform:translateY(-50%)}.moments-content h2{margin:0 0 .45rem;font-size:1.15rem;font-weight:700;line-height:1.35}.moments-content p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.moments-enter{z-index:1;width:2rem;height:2rem;color:rgb(var(--primary));opacity:0;transition:opacity .25s,transform .25s;position:relative;transform:translate(-.25rem)}.moments-card:hover .moments-enter{opacity:1;transform:translate(0)}.moments-state{padding:1.25rem 1.5rem}.moments-state p{margin:.25rem 0}@media (width<=640px){.moments-page-hero{padding:1.25rem}.moments-card{grid-template-columns:52px minmax(0,1fr);min-height:96px;padding:.85rem}.moments-avatar{width:52px;height:52px}.moments-enter{display:none}}