.moments-layout{grid-template-columns:minmax(0,600px) 280px;justify-content:space-between;align-items:start;gap:64px;padding-bottom:64px;display:grid}.moments-flow{min-width:0;position:relative}.moments-flow:before{content:"";background:var(--border-faint);width:1px;position:absolute;top:18px;bottom:0;left:20px}.moments-aside{border-top:var(--hairline-strong);border-bottom:var(--hairline-faint);padding:4px 0 20px;position:sticky;top:24px}.profile-card{padding-top:20px}.profile-card .avatar{width:72px;height:72px;font-size:25px}.profile-card-name{margin-top:14px;font-size:19px;font-weight:600;line-height:1.3}.profile-card-handle{color:var(--text3);margin-top:2px;font-size:15px}.profile-card-bio{color:var(--text2);margin-top:12px;font-size:16px;line-height:1.7}.profile-card-stats{border-top:var(--hairline-faint);border-bottom:var(--hairline-faint);gap:22px;margin:18px 0 0;padding:14px 0;display:flex}.profile-card-stats div{flex-direction:column;gap:2px;display:flex}.profile-card-stats dt{color:var(--text3);font-size:14px}.profile-card-stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:17px;font-weight:600}.profile-card-links{flex-direction:column;gap:8px;margin:16px 0 0;padding:0;font-size:16px;list-style:none;display:flex}.profile-card-links :is(a,button){color:var(--text2);align-items:center;gap:8px;transition:opacity .18s;display:inline-flex}.profile-card-links :is(a,button):hover{opacity:.8}.profile-card-links svg{color:var(--text3)}.moment-item{grid-template-columns:40px minmax(0,1fr);gap:14px;padding:18px 0;scroll-margin-top:96px;display:grid}.moment-rail{justify-content:center;align-items:flex-start;display:flex}.moment-avatar{background:var(--bg);width:40px;height:40px;position:relative}.moment-body{min-width:0}.moment-meta{color:var(--text2);flex-wrap:wrap;align-items:baseline;gap:5px;font-size:16px;line-height:1.45;display:flex}.moment-name{color:var(--text);font-weight:600}.moment-text{white-space:pre-line;margin-top:3px;font-size:17px;line-height:1.65}.moment-mosaic{border-radius:var(--radius);gap:2px;margin-top:10px;display:grid;overflow:hidden}.moment-mosaic--one{display:block}.moment-mosaic--two,.moment-mosaic--four{aspect-ratio:16/9;grid-template-columns:repeat(2,minmax(0,1fr))}.moment-mosaic--three{aspect-ratio:16/9;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}.moment-mosaic--three .moment-mosaic-cell:first-child{grid-row:1/-1}.moment-mosaic--many{grid-template-columns:repeat(3,minmax(0,1fr))}.moment-mosaic--many .moment-mosaic-cell{aspect-ratio:1}.moment-mosaic-cell{background:color-mix(in srgb, var(--text2) 16%, var(--bg2));min-height:0;position:relative}.moment-mosaic-cell:nth-child(2n){background:color-mix(in srgb, var(--accent) 20%, var(--bg2))}.moment-mosaic-cell:nth-child(3n){background:color-mix(in srgb, var(--text3) 45%, var(--bg))}.moment-mosaic-more{background:color-mix(in srgb, var(--bg) 62%, transparent);color:var(--text);place-items:center;font-size:17px;font-weight:600;display:grid;position:absolute;inset:0}@media (width<=720px){.moment-item{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:16px 0}.moment-avatar{width:32px;height:32px;font-size:14px}.moments-flow:before{top:16px;left:16px}.moments-layout{grid-template-columns:minmax(0,1fr);gap:8px}.moments-aside{border-top:0;order:-1;padding:0 0 12px;position:static}.profile-card{grid-template-columns:48px minmax(0,1fr);column-gap:12px;padding-top:0;display:grid}.profile-card .avatar{grid-row:1/3;width:48px;height:48px;font-size:17px}.profile-card-name{margin-top:2px;font-size:17px}.profile-card-bio,.profile-card-stats,.profile-card-links{display:none}}.moment-text{line-height:1.6}.moment-text p{margin:.12em 0}.moment-text>:first-child{margin-top:0}.moment-text>:last-child{margin-bottom:0}.moment-text a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in oklab, var(--accent) 45%, transparent);text-underline-offset:3px}.moment-text blockquote{border-left:3px solid var(--border-strong);color:var(--text2);margin:.5em 0;padding-left:12px}.moment-text code{border:var(--border);background:var(--bg2);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.88em}.moment-text :is(ul,ol){margin:.45em 0;padding-left:1.4em}.moment-mosaic-cell{background:var(--bg2);position:relative}.moment-mosaic-cell img{object-fit:cover;cursor:zoom-in;width:100%;height:100%;display:block}.moment-mosaic-more{pointer-events:none;position:absolute;inset:0}.moment-item:target,.moment-item.is-flash{isolation:isolate}.moment-item:target:before,.moment-item.is-flash:before{content:"";z-index:-1;border-radius:var(--radius);pointer-events:none;position:absolute;inset:6px -16px}.moment-item.is-flash:before,html:not(.js) .moment-item:target:before{animation:1.6s ease-out both moment-target-flash}@keyframes moment-target-flash{0%{background:color-mix(in oklab, var(--accent) 14%, transparent)}to{background:0 0}}@media (prefers-reduced-motion:reduce){.moment-item.is-flash:before,html:not(.js) .moment-item:target:before{animation:none}}.moments-page-nav{margin-top:40px}.moment-item{position:relative}.moment-tag{border:var(--border);background:var(--bg);color:var(--text3);cursor:default;border-radius:999px;padding:1px 10px;font-size:12px;line-height:1.7;position:absolute;top:20px;right:0}.moment-tag:after{content:attr(data-tip);z-index:2;border:var(--border);background:var(--bg2);color:var(--text2);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:4px 10px;font-size:12px;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-2px)}.moment-tag:hover:after{opacity:1;transform:translateY(0)}.profile-card-links button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.moments-loading{color:var(--text3);text-align:center;padding:48px 0;font-size:14px}.moments-back-top{z-index:20;border:var(--border);background:var(--bg);width:40px;height:40px;color:var(--text3);cursor:pointer;opacity:0;visibility:hidden;border-radius:50%;justify-content:center;align-items:center;transition:opacity .16s cubic-bezier(.2,0,0,1),visibility .16s,color .14s cubic-bezier(.2,0,0,1);display:flex;position:fixed;bottom:28px;right:28px}.moments-back-top.is-show{opacity:1;visibility:visible}.moments-back-top:hover{color:var(--accent)}
