.for-you-design{--card:var(--surface-social-content);min-width:0;color:var(--foreground);background:var(--card)}main:has(.for-you-design){background:var(--surface-social-content)}.feed-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:24px;padding-bottom:32px;display:grid}.feed-reading-column{min-width:0}.feed-post{color:var(--foreground);background:var(--card);padding:24px 0;container-type:inline-size}.feed-post-identity{margin-bottom:16px}.feed-post-caption{max-width:66ch;color:var(--foreground);overflow-wrap:anywhere}.feed-post-caption :is(p,div){font-size:16px!important;line-height:1.65!important}.feed-post-media{margin-top:16px}.feed-post-actions{justify-content:space-between;align-items:center;gap:8px;margin:12px 0 0;padding-top:4px;display:flex}.feed-post-actions>div{flex:1}.feed-post-actions button{min-width:40px;min-height:40px}.feed-post-discussion{border-top:1px solid var(--border);margin-top:12px;padding-top:8px}.feed-detail-link{min-height:40px;color:var(--muted-foreground);align-items:center;gap:4px;font-size:12px;display:inline-flex}.feed-detail-link:hover{color:var(--primary)}.for-you-design .feed-card-enter{animation:none}.for-you-design [data-post-composer-anchor]{padding:16px 0 20px}.for-you-design [data-post-composer-anchor]>*{max-width:100%}.for-you-design[data-feed-design=stream] .feed-post{padding:24px 20px}.for-you-design[data-feed-design=stream] [data-post-composer-anchor]{padding:16px 20px 24px}.for-you-design[data-feed-design=stream] .feed-reading-column{border-inline:1px solid var(--border)}.post-conversation{max-width:760px;min-height:100dvh;margin-inline:auto;padding:0 24px 48px}.post-conversation-header{z-index:var(--z-masthead);border-bottom:1px solid var(--border);background:var(--card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex;position:sticky;top:0}.post-conversation .feed-post{border:0;border-radius:0;margin:0}.post-caption{color:var(--foreground);border-bottom:1px solid var(--border);background:0 0;padding:16px 0}.post-caption>:is(p,div){font-size:16px;line-height:1.6}@media (min-width:1024px){.feed-layout{grid-template-columns:minmax(0,1fr) 224px;align-items:start;gap:40px}.feed-layout>aside{grid-area:1/2}.feed-layout>.feed-reading-column{grid-area:1/1}}@media (max-width:639px){.feed-layout{gap:16px}.for-you-design[data-feed-design=stream] .feed-reading-column{border:0}.for-you-design[data-feed-design=stream] .feed-post,.for-you-design[data-feed-design=stream] [data-post-composer-anchor]{padding-inline:0}.post-conversation{padding-inline:16px}.feed-detail-link span{display:none}}@supports (animation-timeline:view()){.for-you-design [data-reveal]{animation:linear both feed-section-rise;animation-timeline:view();animation-range:entry entry 14%}@keyframes feed-section-rise{0%{transform:translateY(12px)}to{transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.for-you-design *,.for-you-design [data-reveal]{scroll-behavior:auto;transition:none;animation:none}}.feed-caption-collapsed>:is(p,div){-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.social-comments#conversation{scroll-margin-top:100px}@media (min-width:1024px){.post-conversation{max-width:1160px}.for-you-design .post-conversation .feed-post{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:start;column-gap:32px;display:grid}.post-conversation .feed-post>*{grid-column:1}.post-conversation .feed-post>.feed-post-identity{grid-row:1}.post-conversation .feed-post>.feed-post-caption{grid-row:2}.post-conversation .feed-post>.feed-post-media{grid-row:3}.post-conversation .feed-post>.feed-post-actions{grid-row:4}.post-conversation .feed-post>.feed-post-discussion{border-top:0;border-left:1px solid var(--border);grid-area:1/2/span 4;margin:0;padding:0 0 0 24px;position:sticky;top:88px}}.dark .for-you-design{--muted:color-mix(in oklab, var(--background) 85%, var(--foreground) 15%);--border:color-mix(in oklab, var(--background) 75%, var(--foreground) 25%)}.for-you-design [data-post-composer-anchor] [class*=text-muted-foreground\/]{color:var(--muted-foreground)}
.social-comments{color:var(--foreground);--comment-surface:var(--card);container-type:inline-size}.comment-item{gap:12px;min-width:0;display:flex}.comment-copy{padding:0}.comment-composer-field{border:1px solid var(--border);background:var(--comment-surface);border-radius:24px;align-items:flex-end;transition:border-color .16s,box-shadow .16s;display:flex}.comment-composer-field:focus-within{border-color:var(--ring);box-shadow:0 0 0 2px color-mix(in oklab, var(--ring) 16%, transparent)}.comment-composer-field textarea{min-width:0;font-size:16px;line-height:1.5}.social-comments[data-comment-design=studio] .comment-copy{background:var(--comment-surface);border-radius:16px;padding:12px 16px}.social-comments[data-comment-design=studio] .comment-actions{margin-left:4px}.social-comments[data-comment-design=journal] .comment-body{font-family:var(--font-serif);font-size:17px;line-height:1.6}.social-comments[data-comment-design=journal] .comment-composer-field{border-radius:8px}@container (max-width:340px){.comment-item{gap:8px}.comment-item .comment-item{margin-left:-24px}.comment-replies{border-left:0;padding-left:0}.social-comments[data-comment-design=studio] .comment-copy{padding:8px 12px}}@media (prefers-reduced-motion:reduce){.social-comments *,.comment-composer-field{transition:none;animation:none}}