@layer components{.social{align-items:start;gap:clamp(1.25rem,1rem + 1.5vw,2rem);display:grid}@media (width>=60rem){.social{grid-template-columns:18.5rem minmax(0,42rem);justify-content:center}.social-side{position:sticky;inset-block-start:1.5rem}}.social-card{background:var(--surface);border:1px solid var(--border);border-block-start:3px solid var(--accent);border-radius:.75rem;gap:1rem;padding:clamp(1.1rem,.9rem + 1vw,1.5rem);display:grid}.social-eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.social-id{align-items:center;gap:.9rem;display:flex;& h1{letter-spacing:-.02em;font-size:clamp(2rem,1.6rem + 1.5vw,2.5rem);line-height:1}}.social-id__avatar{object-fit:cover;outline:2px solid var(--accent);outline-offset:3px;border-radius:50%;flex:none;block-size:4.5rem;inline-size:4.5rem}.social-id__handle{font-family:var(--font-mono);color:var(--muted);overflow-wrap:anywhere;margin-block-start:-.4rem;font-size:.8125rem}.social-lede{font-size:.975em}.social-stat{font-family:var(--font-mono);color:var(--muted);font-size:.8125rem;& span{color:var(--fg);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600}}.social-actions{flex-wrap:wrap;gap:.5rem;display:flex}.social-links{font-family:var(--font-mono);flex-wrap:wrap;gap:.25rem 1rem;font-size:.8125rem;display:flex;& a{color:var(--muted);&:hover{color:var(--fg)}}}@media (width<=40rem){.social-card{gap:.8rem}.social-links{display:none}.social-id__avatar{block-size:3.5rem;inline-size:3.5rem}}.social-feed{gap:1rem;min-inline-size:0;display:grid}.social-pager{background:var(--surface);border:1px solid var(--border);font-family:var(--font-mono);border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:.6rem 1rem;font-size:.8125rem;display:flex;& span{color:var(--muted)}}.sp-list{gap:1rem;display:grid}.sp{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;gap:.85rem;min-inline-size:0;padding:clamp(.9rem,.7rem + 1vw,1.35rem);display:grid}.sp__head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sp__author{text-align:start;cursor:pointer;background:0 0;border:0;border-radius:99rem;align-items:center;gap:.75rem;min-block-size:2.75rem;min-inline-size:0;margin:-.15rem;padding:.15rem .5rem .15rem .15rem;display:flex;&:hover{background:color-mix(in oklab, var(--surface), var(--fg) 7%)}}.sp__avatar{object-fit:cover;background:var(--border);border-radius:50%;flex:none;block-size:2.75rem;inline-size:2.75rem}.sp__who{min-inline-size:0;line-height:1.3;display:grid}.sp__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.sp__handle{font-family:var(--font-mono);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.sp__date{font-family:var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums;flex:none;padding-block:.6rem;font-size:.8125rem;text-decoration:none;&:is(a):hover{color:var(--fg);text-decoration:underline}}.sp__body{overflow-wrap:anywhere;& p+p{margin-block-start:.8em}& .invisible{display:none}& .ellipsis:after{content:"…"}& a.hashtag,& a[rel~=tag]{font-family:var(--font-mono);white-space:nowrap;font-size:.85em;text-decoration:none;&:hover{text-decoration:underline}}}.sp-media{--plate:#1d2021;aspect-ratio:4/3;background:var(--plate);border-radius:.6rem;gap:.3rem;display:grid;position:relative;overflow:clip;&[data-count="2"]{aspect-ratio:2;grid-template-columns:1fr 1fr}&[data-count="3"]{grid-template:"a b"1fr"a c"1fr/3fr 2fr;& .sp-media__item:first-child{grid-area:a}}&[data-count="4"]{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}}.sp-media__item{min-block-size:0;min-inline-size:0;position:relative;& img,& video{object-fit:cover;block-size:100%;inline-size:100%;display:block}}.sp-media[data-count="1"] .sp-media__item :is(img,video){object-fit:contain}.sp-media__open{cursor:zoom-in;background:0 0;border:0;block-size:100%;inline-size:100%;padding:0;display:block;& img{transition:scale .3s}&:focus-visible{outline-offset:-4px}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.sp-media:not([data-count="1"]) .sp-media__open:hover img{scale:1.03}}.sp-media[data-cw]:not([data-revealed]) :is(img,video){filter:blur(28px)saturate(.6);scale:1.15}.sp-cw{background:color-mix(in oklab, var(--plate) 72%, transparent);color:#ebdbb2;font-family:var(--font-mono);text-align:center;cursor:pointer;border:0;place-content:center;gap:.35rem;padding:1rem;display:grid;position:absolute;inset:0;&:hover .sp-cw__hint{text-decoration:underline}&:focus-visible{outline-offset:-4px}}.sp-cw__title{font-size:.95rem;font-weight:600}.sp-cw__hint{font-size:.8125rem}.social-more{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;justify-items:center;gap:.6rem;padding:1rem;display:grid;& .is-loading{cursor:progress;opacity:.7}}.social-end{font-family:var(--font-mono);font-size:.875rem}.social-empty{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;justify-items:start;gap:.75rem;padding:1.5rem;display:grid}.social-error{min-block-size:1lh;color:var(--red);font-family:var(--font-mono);font-size:.8125rem}html:has(dialog[open]){overflow:hidden}.sheet{border:1px solid var(--border-strong);background:var(--bg);max-block-size:min(94dvh,52rem);inline-size:min(28rem,100% - 2rem);color:var(--fg);overscroll-behavior:contain;border-radius:.9rem;padding:1.5rem;position:fixed;overflow:auto;&::backdrop{backdrop-filter:blur(4px);background:oklab(24.0815% -.00374422 -.00310545/.55)}&[open]{align-content:start;gap:1rem;display:grid}& h2{font-size:1.3rem;line-height:1.2}}@media (prefers-reduced-motion:no-preference){.sheet[open]{animation:.22s cubic-bezier(.2,.7,.2,1) sheet-rise}.sheet--side[open]{animation-name:sheet-slide}@keyframes sheet-rise{0%{opacity:0;translate:0 .75rem}}@keyframes sheet-slide{0%{translate:-100%}}}.sheet__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sheet__close{border:1px solid var(--border-strong);background:var(--bg);cursor:pointer;border-radius:50%;flex:none;place-items:center;block-size:2.75rem;inline-size:2.75rem;font-size:1.4rem;line-height:1;display:grid;&:hover{background:var(--fg);color:var(--bg)}}.sheet--small>.sheet__close,.sheet--profile>.sheet__close{z-index:1;position:absolute;inset-block-start:.75rem;inset-inline-end:.75rem}.sheet--small h2{padding-inline-end:3rem}.sheet--profile{padding:0 0 1.25rem;&>:not(.profile__banner,.sheet__close){padding-inline:1.5rem}}.profile__banner{background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 55%, var(--bg)), color-mix(in oklab, var(--blue) 40%, var(--bg)));background-position:50%;background-size:cover;block-size:7.5rem}.profile__head{align-items:end;gap:1rem;margin-block-start:-2.75rem;display:flex;&>div{min-inline-size:0;padding-block-end:.2rem}}.profile__avatar{border:4px solid var(--bg);object-fit:cover;background:var(--surface);border-radius:50%;flex:none;block-size:5.5rem;inline-size:5.5rem}.profile__handle{font-family:var(--font-mono);color:var(--muted);overflow-wrap:anywhere;font-size:.8125rem}.sheet--profile.is-loading :is(.profile__bio,.profile__stats){opacity:.5}.profile__bio{overflow-wrap:anywhere;font-size:.95em;& p+p{margin-block-start:.6em}& .invisible{display:none}}.profile__fields{border:1px solid var(--border);border-radius:.6rem;gap:0;margin-inline:1.5rem;font-size:.875rem;display:grid;padding:0!important;&>div{grid-template-columns:minmax(6rem,35%) 1fr;gap:.75rem;padding:.5rem .8rem;display:grid}&>div+div{border-block-start:1px solid var(--border)}& dt{font-family:var(--font-mono);color:var(--muted);font-size:.8125rem}& dd{overflow-wrap:anywhere;margin:0}}.profile__stats{text-align:center;grid-template-columns:repeat(3,1fr);margin:0;display:grid;&>div{flex-direction:column-reverse;display:flex}& dt{font-family:var(--font-mono);color:var(--muted);font-size:.75rem}& dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.35rem;font-weight:600}}.profile__foot{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;font-size:.8125rem;display:flex;& a{color:var(--fg)}}.profile__status:empty{display:none}.sheet--side{background:var(--bg);border-block:0;border-inline-start:0;border-radius:0 .9rem .9rem 0;block-size:100dvh;max-block-size:100dvh;inline-size:min(34rem,100vw);max-inline-size:100vw;margin:0;inset-block:0;inset-inline-start:0}.sheet--side .sheet__head{z-index:1;background:var(--bg);border-block-end:1px solid var(--border);margin:-1.5rem -1.5rem 0;padding:1rem 1.5rem;position:sticky;inset-block-start:-1.5rem}.sp-list--compact .sp{background:var(--surface)}.follow-form{gap:.4rem;display:grid;& label{font-family:var(--font-mono);font-size:.8125rem}& input{border:1px solid var(--border-strong);background:var(--surface);border-radius:.5rem;flex:1;min-block-size:2.75rem;min-inline-size:0;padding:.5rem .8rem;&[aria-invalid=true]{border-color:var(--red)}}}.follow-form__row{gap:.5rem;display:flex}.follow-lurk{color:var(--muted);font-size:.9rem}.sheet--why{inline-size:min(44rem,100% - 2rem);&:not(.is-qr) .social-qr-h,&.is-qr .why-title{display:none}&.is-qr .sheet__head{justify-content:end}}.why-lang{flex-wrap:wrap;gap:.5rem;display:flex}.why-body{font-size:.95em;& article{gap:.8rem;display:grid}& ul{padding-inline-start:1.25rem}& li+li{margin-block-start:.45em}& h3{margin-block-start:.5rem;font-size:1.1rem}}.why-actions{background:var(--bg);border-block-start:1px solid var(--border);justify-content:end;margin:0 -1.5rem -1.5rem;padding:1rem 1.5rem;display:flex;position:sticky;inset-block-end:-1.5rem}.lightbox{--lb-bg:#141617;--lb-fg:#ebdbb2;--lb-muted:#bdae93;background:var(--lb-bg);block-size:100dvh;max-block-size:100dvh;inline-size:100vw;max-inline-size:100vw;color:var(--lb-fg);color-scheme:dark;border:0;margin:0;padding:0;&::backdrop{background:var(--lb-bg)}&[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid}& button{color:inherit}}.lightbox__bar{justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.lightbox__count{font-family:var(--font-mono);color:var(--lb-muted);font-variant-numeric:tabular-nums;font-size:.8125rem}:is(.lightbox__close,.lightbox__nav){border:1px solid color-mix(in oklab, var(--lb-fg) 45%, transparent);background:color-mix(in oklab, var(--lb-bg) 70%, transparent);cursor:pointer;border-radius:99rem;place-items:center;block-size:2.75rem;min-inline-size:2.75rem;font-size:1.25rem;line-height:1;display:grid;&:hover:not(:disabled){background:var(--lb-fg);color:var(--lb-bg)}&:disabled{opacity:.3;cursor:default}&:focus-visible{outline:2px solid var(--lb-fg);outline-offset:2px}}.lightbox__stage{grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:.75rem;min-block-size:0;margin:0;padding-inline:clamp(.5rem,5vw,5rem);display:grid;position:relative;& img{object-fit:contain;opacity:0;max-block-size:100%;max-inline-size:100%;transition:opacity .2s;&.is-ready{opacity:1}}}.lightbox.is-veiled .lightbox__stage img{filter:blur(32px)}.lightbox__cw{place-items:center;display:grid;position:absolute;inset:0;& button{border:1px solid var(--lb-fg);background:color-mix(in oklab, var(--lb-bg) 80%, transparent);font-family:var(--font-mono);cursor:pointer;border-radius:.75rem;gap:.35rem;padding:1rem 1.5rem;font-size:.875rem;display:grid}}.lightbox__alt{text-align:center;max-block-size:6.5rem;max-inline-size:65ch;color:var(--lb-fg);padding-inline:.5rem;font-size:.9rem;line-height:1.5;overflow:auto}.lightbox__nav{gap:.1rem;padding-inline:.8rem;position:absolute;inset-block-start:50%;translate:0 -50%}.lightbox__nav--prev{inset-inline-start:clamp(.5rem,2vw,1.5rem)}.lightbox__nav--next{grid-auto-flow:column;inset-inline-end:clamp(.5rem,2vw,1.5rem)}.lightbox__more:not(:empty){font-family:var(--font-mono);font-size:.75rem}.lightbox__hint{font-family:var(--font-mono);color:var(--lb-muted);text-align:center;padding:.6rem 1rem .9rem;font-size:.75rem}@media (hover:none),(width<=40rem){.lightbox__hint{display:none}.lightbox__nav{inset-block:auto 1rem;translate:none}.lightbox[open]{padding-block-end:4.5rem}}}@layer print{@media print{.social-side .social-actions,.social-more,.lightbox,.sheet{display:none}}}