.connected-social-posts-list{overscroll-behavior-y:contain;scrollbar-gutter:stable;align-content:start;min-block-size:0;max-block-size:min(60dvh,32rem);scroll-padding-block:.3rem;overflow-y:auto}.connected-social-comments .connected-social-posts-list{max-block-size:min(60dvh,32rem);padding:.2rem}.social-connected-posts-dialog .social-connected-dialog-inner{max-block-size:calc(90dvh - var(--safe-area-inset-top,env(safe-area-inset-top,0px)) - env(safe-area-inset-bottom,0px));flex-direction:column;display:flex;overflow:hidden}.social-connected-posts-dialog .social-connected-dialog-header{flex:none}.social-connected-posts-dialog .social-connected-dialog-list{padding:.2rem}.connected-social-posts-list .social-connected-dialog-row{align-items:flex-start}.connected-social-posts-list .social-connected-dialog-copy{flex:1;grid-template-columns:minmax(0,1fr);grid-auto-flow:row}.connected-social-posts-list .connected-social-post-time,.connected-social-posts-list .connected-social-post-translation{color:var(--text);font-family:var(--sans);overflow-wrap:anywhere;font-size:.85rem;line-height:1.5}.connected-social-posts-list .connected-social-copy .connected-social-post-text,.connected-social-posts-list .social-connected-dialog-copy .connected-social-post-text{-webkit-line-clamp:unset;line-clamp:unset;white-space:pre-wrap;overflow-wrap:anywhere;quotes:none;unicode-bidi:plaintext;grid-area:auto;max-block-size:none;display:block;overflow:visible}.connected-social-posts-list :is(.connected-social-copy,.social-connected-dialog-copy) .connected-social-post-text.is-preview-clamped{-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.connected-social-posts-more{text-align:center;padding-block:.3rem;list-style:none}.connected-social-posts-list:focus-visible,.connected-social-posts-list a:focus-visible{outline:2px solid var(--text-bright);outline-offset:2px}.comments-dialog-header{justify-content:flex-end}.comments-dialog-header>.front-tl-comments-heading{min-width:0;margin-inline-end:auto}.comments-dialog-header>.comments-dialog-add:first-child{margin-inline-end:auto}.comments-dialog-add{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border-strong));background:color-mix(in srgb, var(--accent) 15%, var(--bg-card));min-block-size:40px;color:color-mix(in srgb, var(--accent) var(--accent-text), var(--text-bright));font:700 .92rem/1.2 var(--sans);cursor:pointer;border-radius:999px;flex:none;padding:.45rem 1.05rem}.comments-dialog-add:hover{border-color:color-mix(in srgb, var(--accent) 60%, var(--border-strong));background:color-mix(in srgb, var(--accent) 22%, var(--bg-card))}.comments-dialog-add:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.connected-social-posts-list>.connected-social-card{background:color-mix(in srgb, var(--text) 5%, var(--bg-card));border-radius:14px;display:flow-root}.connected-social-posts-list>.connected-social-card:hover{background:color-mix(in srgb, var(--text) 9%, var(--bg-card))}.connected-social-posts-list>.social-post-snapshot-item.connected-social-card{border:1px solid color-mix(in srgb, var(--text) 8%, transparent)}.connected-social-posts-list>.connected-social-card>:is(.social-connected-dialog-row,.connected-social-row),.connected-social-posts-list>.connected-social-card>:is(.social-connected-dialog-row,.connected-social-row):hover{background:0 0;border:0;transform:none}:root[data-accessibility=true] .connected-social-posts-list>.connected-social-card{border:1px solid var(--border-strong)}.connected-social-posts-list .social-connected-dialog-copy .connected-social-post-text.is-clamped{-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.connected-social-posts-list .social-connected-dialog-copy p.connected-social-post-text{color:var(--text);margin:0;font-size:.9rem;line-height:1.45}:root[data-accessibility=true] .connected-social-posts-list .social-connected-dialog-copy .connected-social-post-text.is-clamped{-webkit-line-clamp:none;line-clamp:none;display:block;overflow:visible}.comment-text-toggle{color:var(--text-bright);font:600 .88rem/1.35 var(--sans);text-align:start;text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;justify-self:start;margin-block:-4px 10px;margin-inline:68px 14px;padding:.25rem 0;text-decoration:underline;text-decoration-thickness:1px;display:block}.comment-text-toggle--flush,a.comment-text-toggle{margin-inline-start:14px}.comment-text-toggle:focus-visible{outline:2px solid var(--text-bright);outline-offset:2px}.comment-member-avatar{background:color-mix(in srgb, var(--text) 12%, var(--bg-card));color:var(--text-bright);font:700 1rem/1 var(--sans);justify-content:center;align-items:center;display:inline-flex;position:relative}.comment-member-avatar img{position:absolute;inset:0}.comment-card-footer{flex-wrap:wrap;align-items:center;gap:.15rem 1.1rem;margin-block:-4px 10px;margin-inline:68px 14px;display:flex}.comment-card-footer>.comment-text-toggle{margin:0}.comment-card-action{color:var(--text-bright);font:600 .88rem/1.35 var(--sans);cursor:pointer;background:0 0;border:0;padding:.25rem 0}.comment-card-action:hover{text-underline-offset:.18em;text-decoration:underline}.comment-card-action:focus-visible{outline:2px solid var(--text-bright);outline-offset:2px}.comment-edited-mark:before{content:"·";margin-inline:.45rem}.comment-compose-dialog{border-radius:1.1rem;width:min(38rem,100vw - 2rem)}.comment-compose-form{gap:1rem;padding:1.35rem 1.5rem 1.4rem}.comment-compose-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.comment-compose-heading{gap:.35rem;min-width:0;display:grid}.comment-compose-context{color:var(--text);font:600 .95rem/1.4 var(--serif);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.comment-compose-close{background:color-mix(in srgb, var(--text) 8%, transparent);width:2.25rem;height:2.25rem;color:var(--text);cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;margin:-.25rem -.35rem 0 0;display:inline-flex}.comment-compose-close:hover{background:color-mix(in srgb, var(--text) 15%, transparent)}.comment-compose-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.comment-compose-close svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:1rem;height:1rem}.comment-compose-identity{min-width:0;color:var(--text-bright);font:600 .92rem/1.35 var(--sans);align-items:center;gap:.6rem;margin:0;display:flex}.comment-compose-identity-name{overflow-wrap:anywhere}.comment-compose-avatar{background:color-mix(in srgb, var(--accent) 18%, var(--bg-card));width:2rem;height:2rem;color:var(--text-bright);font:700 .9rem/1 var(--sans);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.comment-compose-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.comment-compose-name{gap:.4rem;display:grid}.comment-compose-name label{color:var(--text-bright);font:700 .9rem/1.3 var(--sans)}.comment-compose-name input,.comment-compose-textarea{box-sizing:border-box;border:1px solid var(--border-strong);width:100%;color:var(--text-bright);background:color-mix(in srgb, var(--text) 4%, var(--bg-card));font:400 1rem/1.6 var(--sans);border-radius:.8rem;padding:.8rem .95rem;transition:border-color .14s,box-shadow .14s}.comment-compose-textarea{resize:none;unicode-bidi:plaintext;min-height:7.5rem;max-height:min(50dvh,24rem);display:block;overflow-y:auto}.comment-compose-name input::placeholder,.comment-compose-textarea::placeholder{color:var(--text);opacity:.75}.comment-compose-name input:focus,.comment-compose-textarea:focus{border-color:var(--chapter-accent,var(--accent));box-shadow:0 0 0 3px color-mix(in srgb, var(--chapter-accent,var(--accent)) 28%, transparent);outline:none}.comment-compose-error{color:var(--danger-text);font:600 .92rem/1.45 var(--sans);margin:0}.comment-compose-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.comment-compose-footer .safety-dialog-button{border-radius:999px;min-height:2.75rem;padding-inline:1.15rem}.comment-compose-count{color:var(--text);font:400 .85rem/1.2 var(--sans);font-variant-numeric:tabular-nums}.comment-compose-count.is-warning{color:var(--danger-text);font-weight:700}@media (width<=640px){.comment-compose-dialog{margin-block:max(.75rem, env(safe-area-inset-top)) auto;max-height:calc(100dvh - 1.5rem)}.comment-compose-form{padding:1.1rem}.comment-compose-textarea{max-height:38dvh}.comment-compose-footer .safety-dialog-actions{flex:100%}.comment-compose-footer .safety-dialog-button{flex:1 1 0;min-height:44px}}@media (prefers-reduced-motion:reduce){.comment-compose-name input,.comment-compose-textarea{transition:none}}@media (forced-colors:active){.comment-compose-name input,.comment-compose-textarea{background:canvas;border-color:canvastext}}:root[data-accessibility=true] .comment-compose-name input,:root[data-accessibility=true] .comment-compose-textarea{border:2px solid var(--border-strong)}
