.feed-header-actions,.feed-card-actions{align-items:center;gap:var(--space-4);display:flex}.feed-recent-link{position:relative}.feed-unseen-dot{inset:var(--space-8) var(--space-8) auto auto;inline-size:var(--space-8);block-size:var(--space-8);border:1px solid var(--bg);background:var(--danger);border-radius:50%;position:absolute}.feed-virtual{position:relative}.feed-virtual-row{position:absolute;inset:0 0 auto}.feed-card{align-items:start;gap:var(--space-12);padding:var(--space-16) var(--safe-end) var(--space-16) var(--safe-start);grid-template-columns:auto minmax(0,1fr);display:grid;position:relative}.feed-card[data-openable=true]{cursor:pointer}.feed-virtual-row+.feed-virtual-row .feed-card:before,.feed-virtual-row:first-child:not([data-index="0"]) .feed-card:before,.feed-card+.feed-card:before{inset:0 var(--safe-end) auto var(--safe-start);border-block-start:1px solid var(--separator);content:"";position:absolute}.feed-card-body{gap:var(--space-8);min-inline-size:0;display:grid;container:feed-card/inline-size}.feed-import-avatar{background:var(--accent-soft);color:var(--accent)}.feed-author,.feed-comments b,.feed-comment-preview b{font-weight:var(--weight-semibold);color:var(--name)}.feed-author{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feed-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-block-start:calc(-1 * var(--space-4))}.feed-text-clamped{-webkit-line-clamp:6;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.feed-expand{color:var(--text-2);min-block-size:var(--touch-target);min-inline-size:var(--touch-target);text-align:start;justify-self:start}.feed-cover-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));inline-size:min(100%,246px);display:grid}.feed-cover-grid[data-count="1"]{inline-size:100%;display:block}.feed-cover-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr));inline-size:min(66%,164px)}.feed-cover-slot{position:relative}.feed-photo{aspect-ratio:1;background:var(--placeholder);border-radius:var(--radius-photo);display:block;position:relative;overflow:hidden}.feed-photo img{object-fit:cover;block-size:100%;inline-size:100%}.feed-video{color:var(--viewer-ink);fill:currentColor;filter:drop-shadow(0 1px 2px var(--overlay));pointer-events:none;position:absolute;inset-block-end:var(--space-4);inset-inline-end:var(--space-4)}.feed-photo-single{max-inline-size:100%}.feed-cover-extra{background:var(--overlay);color:var(--on-accent);border-radius:var(--radius-photo);font:var(--weight-semibold) var(--font-headline) var(--font-family);place-items:center;display:grid;position:absolute;inset:0}.feed-card-actions{color:var(--text-2);font:var(--font-footnote) var(--font-family);font-variant-numeric:tabular-nums;justify-content:space-between;position:relative}.feed-card-actions a{min-block-size:var(--touch-target);align-items:center;display:flex}.feed-menu-trigger{isolation:isolate;position:relative}.feed-menu-trigger:before{z-index:-1;inset:var(--space-12) var(--space-4);border-radius:var(--radius-capsule);background:var(--surface);content:"";position:absolute}.feed-menu-trigger[aria-expanded=true]:before,.feed-menu-trigger:active:before{background:var(--surface-2)}.feed-card-menu{z-index:1;border-radius:var(--radius-capsule);max-inline-size:100%;color:var(--text);flex-wrap:wrap;justify-content:flex-end;display:flex;position:absolute;inset-block-end:calc(100% + var(--space-4));inset-inline-end:0}@container feed-card (width>=288px){.feed-card-actions[data-wide-menu=false] .feed-card-menu{inset-block:0 auto;inset-inline-end:calc(var(--touch-target) + var(--space-4))}}@container feed-card (width>=416px){.feed-card-actions[data-wide-menu=true] .feed-card-menu{inset-block:0 auto;inset-inline-end:calc(var(--touch-target) + var(--space-4))}}.feed-virtual-row:has(.feed-card-menu){z-index:1}.feed-card-menu button{justify-content:center;align-items:center;gap:var(--space-4);min-inline-size:var(--touch-target);min-block-size:var(--touch-target);padding-inline:var(--space-8);border-radius:inherit;white-space:nowrap;display:flex}.feed-card-menu button:active{background:var(--surface)}.feed-interactions{gap:var(--space-4);background:var(--surface);border-radius:var(--radius-photo);padding:var(--space-8) var(--space-12);font:var(--font-footnote) var(--font-family);display:grid}.feed-liked{align-items:flex-start;gap:var(--space-8);display:flex}.feed-liked svg{color:var(--text-2);flex:none}.feed-liked span{overflow-wrap:anywhere;min-inline-size:0}.feed-liked[data-liked=true] svg{color:var(--accent);fill:var(--accent)}.feed-liked+.feed-comment-preview{border-block-start:1px solid var(--separator);padding-block-start:var(--space-4)}.feed-comment-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feed-thread{gap:var(--space-8);display:grid}.feed-comments{border-radius:var(--radius-control);background:var(--surface);display:grid}.feed-comments li{justify-content:space-between;align-items:center;gap:var(--space-8);min-block-size:var(--touch-target);padding:var(--space-8) var(--space-12);display:flex}.feed-comments li+li{border-block-start:1px solid var(--separator)}.feed-comments li>span{white-space:pre-wrap;overflow-wrap:anywhere;min-inline-size:0}.feed-comments li>button{flex:none;padding-inline:0}.feed-comment-form{align-items:flex-end;gap:var(--space-8);display:flex}.feed-comment-form :is(input,textarea){min-inline-size:0;min-block-size:var(--touch-target);background:var(--surface);border-radius:var(--radius-control);padding-inline:var(--space-12);font:var(--font-headline) var(--font-family);border:0;flex:1}.feed-comment-form textarea{padding-block:var(--space-8);resize:vertical}.feed-comment-form .feed-submit{inline-size:auto;min-block-size:var(--touch-target);flex:none}.feed-composer{z-index:3;inset:auto 0 var(--feed-composer-bottom,0px);inline-size:min(100%, var(--shell-width));padding:var(--space-8) var(--safe-end) calc(var(--space-8) + var(--safe-bottom)) var(--safe-start);border-block-start:1px solid var(--separator);align-items:center;margin-inline:auto;position:fixed}.feed-composer[data-keyboard=true]{padding-block-end:var(--space-8)}.feed-composer[data-keyboard=true]:after{block-size:var(--space-12);background:inherit;content:"";pointer-events:none;position:absolute;inset:100% 0 auto}.feed-composer input{appearance:none;block-size:var(--button-height-compact);min-block-size:0;caret-color:var(--accent);padding-block:0;line-height:normal}.feed-composer input:focus-visible{outline:1px solid color-mix(in srgb, var(--accent) 38%, transparent);outline-offset:-1px}.feed-composer-actions{align-items:center;display:flex}.feed-composer-actions>button{min-inline-size:var(--touch-target);block-size:var(--button-height-compact);place-items:center;min-block-size:0;display:grid}.feed-composer-actions>button:not(.feed-submit){color:var(--text-3)}.feed-composer-actions>.feed-submit{min-block-size:0;padding-inline:var(--space-12);background:color-mix(in srgb, var(--accent) 80%, var(--viewer-bg));color:var(--on-accent);font:var(--weight-semibold) var(--font-body) var(--font-family);white-space:nowrap;margin-inline-start:var(--space-4);position:relative}.feed-composer-actions>.feed-submit:after{inset:calc(-1 * var(--space-4)) 0;content:"";position:absolute}@media (prefers-color-scheme:dark){.feed-composer-actions>.feed-submit{background:color-mix(in srgb, var(--accent) 70%, var(--viewer-bg))}}.feed-composer-error{inset:auto var(--safe-end) 100% var(--safe-start);padding:var(--space-4) var(--space-8);border-radius:var(--radius-control);background:var(--surface);color:var(--danger-ink);font:var(--font-footnote) var(--font-family);position:absolute}main:has(>.feed-composer){padding-block-end:max(0px, calc(var(--feed-composer-space,0px) - var(--tab-space)))}.app-frame:has(.feed-composer)>.tab-bar{visibility:hidden}.feed-years .feed-years-list{inline-size:100%;margin:0}.feed-years .feed-years-list>.settings-row{border-radius:0}.feed-detail-grid{gap:var(--space-4);padding:var(--space-16) var(--safe-end) var(--space-16) var(--safe-start);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feed-detail-comments,.feed-loading{padding:var(--space-16) var(--safe-end) var(--space-16) var(--safe-start)}.feed-detail-comments>.text-button{color:var(--text-2);margin-block-start:var(--space-8)}.feed-loading .skeleton{block-size:calc(var(--touch-target) * 3);margin-block-end:var(--space-16)}.feed-withdraw-actions{gap:var(--space-8);display:grid}.feed-withdraw-actions .settings-row{border-radius:var(--radius-control);justify-content:center}