:root{color-scheme:light dark;accent-color:var(--accent);--ground: light-dark(#f7f4ec, #1a1916);--surface: light-dark(#fffdf8, #24221e);--raised: light-dark(#fffdf8, #2c2a25);--ink: light-dark(#22201b, #ece6d8);--muted: light-dark(#5f5a50, #a9a293);--line: light-dark(#ddd6c6, #3a372f);--accent: light-dark(#8a5a00, #e0a84a);--on-accent: light-dark(#fff, #1a1916);--primary: light-dark(#e0a84a, #e0a84a);--on-primary: light-dark(#1a1916, #1a1916);--soft: light-dark(#efe8d8, #2e2b25);--control-line: light-dark(#857e70, #7d7668);--danger: light-dark(#b42318, #f97066);--ok: light-dark(#2e7d32, #7cc47f);--warn: light-dark(#9a5b00, #f0b44c);--scrim: light-dark(#2228, #0009);--av: light-dark(#d9c9a3, #4a3f2a);--banner: light-dark(#e9e1cf, #2c2924);--banner2: light-dark(#ddd0b2, #3a3226);--share: light-dark(#e6ddc9, #38342c);--share-lead: light-dark(#ecd5a4, #52411f);--sans: system-ui, -apple-system, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "Yu Gothic UI", Meiryo, "Noto Sans CJK JP", "Noto Sans JP", sans-serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, "BIZ UDGothic", monospace;--r-control: 10px;--r-inset: 12px;--r-card: 16px;--r-pill: 999px;--s1: 0.25rem;--s2: 0.5rem;--s3: 0.75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2.5rem;--pad: var(--s5);--t1: 0.875rem;--t2: 1rem;--t3: 1.125rem;--t4: 1.5rem;--t5: 2rem}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none!important}body{min-height:100svh;margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:var(--t2);line-height:1.6;text-size-adjust:100%;text-spacing-trim:trim-start}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.25;font-feature-settings:"palt"}h1{font-size:var(--t5)}.pname{font-size:var(--t4)}h2,h3{font-size:var(--t3)}p,ul,ol,dl,dd,figure{margin:0}b,strong{font-weight:600}a{color:var(--accent)}a:not([href]){color:inherit}img{max-width:100%}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono,code{font-family:var(--mono);font-size:var(--t2)}.quiet-link{min-height:24px;padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:none;&:hover{text-decoration:underline}}.muted{color:var(--muted)}.vh{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}time>.vh{-webkit-user-select:none;user-select:none}.ic{flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.invisible{display:none}.ellipsis::after{content:"…"}:where(body,.group,.field,.stack,.intro,.sections,.col,.pad,.pbody,.feed,.post,.who .id,.cw,.sensitive,.tech,.media-item,.opts,.poll,.quote,.menu:popover-open,dialog[open],.copyfield,form,label,fieldset,.scopes,.list,.toc){display:flex;flex-direction:column}:where(.bar .site,.foot :is(a,span),.stats :is(li,a),.tabs a,.quiet-link,.meta>*,.meta a,.spoiler,.media-file,.counts>*,.hashtags :is(a,.name)){display:inline-flex;align-items:center;gap:var(--s1)}:where(.feed,.stats,.hashtags,.rules,.accounts,.apps,.opts,.toc,.scopes,.steps){padding:0;list-style:none}h1,h2,h3,h4,.bar .site,.handle,.fields :is(dt,dd),.who .name,.body,.spoiler,.media-file,.alt-text:popover-open,.opts,.hashtags :is(a,.name),.copy .mono,.apps .group,.scopes,.alert,.host{overflow-wrap:anywhere}.hint,.foot,.col>.quiet-link:first-child,.label,.meta,.reply-to,.gone,.counts>*,.hashtags .count,.or{color:var(--muted);font-size:var(--t1)}.bar,.label,.meta,.reply-to,:is(.cw,.sensitive,.tech)>summary,.gone,.hashtags>li,.rules .num,.dhead,.or,.copy,.apps>li,.error,.toc>li{display:flex;align-items:center}.hashtags>li,.apps>li,.toc>li,.titlebar,.prow{flex-wrap:wrap;justify-content:space-between}.bar .site,.stats strong,.who .name,.hashtags :is(a,.name){color:var(--ink);font-weight:600}.card,.quote,.opts>li,fieldset,.alert{border:1px solid var(--line)}.gone,.stub{border:1px dashed var(--line);border-radius:var(--r-inset)}.group,.field{gap:var(--s2)}.stack,.intro{gap:var(--s4)}.sections{gap:var(--s6)}.skip{position:absolute;top:-10rem;inset-inline-start:var(--s4);z-index:1;padding:var(--s2) var(--s4);border:1px solid transparent;border-radius:var(--r-control);background:var(--accent);color:var(--on-accent);font-weight:600;&:focus{top:var(--s2)}}.bar{min-height:3.5rem;padding:0 var(--s4);border-bottom:1px solid var(--line);& .site{min-height:44px;&>img{translate:0 -0.04em}}}.col{flex:1 0 auto;gap:var(--s5);width:min(640px,100% - 2 * var(--s4));margin:0 auto;padding:var(--s5) 0 var(--s6)}.foot{display:flex;flex-wrap:wrap;justify-content:center;gap:0 var(--s3);padding:var(--s5) var(--s4);border-top:1px solid var(--line);& a,& span{min-height:44px}}.card{background:var(--surface);border-radius:var(--r-card)}.pad{gap:var(--s4);padding:var(--pad)}button,.btn,::file-selector-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);min-height:44px;padding:0 var(--s5);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--raised);color:var(--ink);font:inherit;font-size:var(--t2);font-weight:600;line-height:1;text-decoration:none;cursor:pointer}:is(button,.btn){&.primary{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}&.quiet{border-color:transparent;background:transparent;color:var(--muted)}&.danger{border-color:currentColor;background:transparent;color:var(--danger)}&.icon{flex:none;width:44px;padding:0}}.av{display:block;flex:none;border-radius:var(--r-control);background:var(--av);object-fit:cover}.av40{width:40px;height:40px}.av44{width:44px;height:44px}.av88{width:88px;height:88px;border-radius:var(--r-card)}.profile{overflow:hidden}.banner{display:block;width:100%;aspect-ratio:3 / 1;background:linear-gradient(135deg,var(--banner),var(--banner2));object-fit:cover}.pbody{gap:var(--s4);padding:0 var(--pad) var(--pad);& .av88{margin-top:-1.75rem;border:4px solid var(--surface)}}.handle{color:var(--muted)}.fields{display:grid;grid-template-columns:auto 1fr;gap:var(--s2) var(--s4);& div{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}& dt{color:var(--muted)}& dd{display:flex;flex-wrap:wrap;gap:0 var(--s3)}& dt,& dd{min-width:0}}.stats{display:flex;flex-wrap:wrap;gap:0 var(--s4);color:var(--muted);& li,& a{min-height:44px;white-space:nowrap}}.tabs{display:flex;flex-wrap:wrap;column-gap:var(--s5);border-block-end:1px solid var(--line);& a{min-height:44px;margin-block-end:-1px;border-block-end:2px solid transparent;color:var(--muted);text-decoration:none;&:hover{border-block-end:1px solid var(--control-line);color:var(--ink)}&[aria-current=page]{border-block-end:2px solid var(--accent);color:var(--ink);font-weight:600}}}.oneline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.col>.quiet-link:first-child{align-self:flex-start;min-height:44px}.feed{gap:var(--s5)}.thread>li{position:relative;&::after{position:absolute;inset-block-start:100%;inset-inline-start:calc(var(--pad) + 21px);block-size:var(--s5);border-inline-start:2px solid var(--line);content:""}}.post{gap:var(--s4);min-width:0;padding:var(--pad)}.focal{border-color:var(--accent);& .body{font-size:var(--t3)}}.label{gap:var(--s1);font-weight:600}.who{display:flex;align-items:flex-start;gap:var(--s3);min-width:0;& .id{gap:var(--s1);min-width:0;line-height:1.25}& .name{font-size:var(--t2)}&:has(>.end){flex-wrap:wrap;&>.id{flex:1 1 8rem}}&>.end{flex:none}}.meta,.reply-to{flex-wrap:wrap}.meta{gap:0 var(--s4);overflow:clip;overflow-clip-margin:4px}.reply-to{gap:var(--s1)}.meta>*,.meta a{min-width:0;white-space:nowrap}.meta>:is(.handle,.wraps){white-space:normal}.meta>*+*{position:relative;&::before{position:absolute;inset-inline-end:100%;inline-size:var(--s4);text-align:center;content:"·"}}time[data-local]{font-variant-numeric:tabular-nums}.body{&>:is(p,ul,ol,blockquote,pre,div)+:is(p,ul,ol,blockquote,pre,div){margin-top:0.75em}}.body.document>:is(h2,h3,h4){margin-block:1.5em 0.5em;&:first-child{margin-block-start:0}&+*{margin-block-start:0}}.cw,.sensitive,.tech{gap:var(--s4);&>summary{justify-content:space-between;gap:var(--s3);min-height:44px;padding:var(--s2) var(--s3);border:1px solid transparent;border-radius:var(--r-control);background:var(--soft);list-style:none;cursor:pointer}&>summary::-webkit-details-marker{display:none}}:not([open])>summary .hide,[open]>summary .show{display:none}.show,.hide{color:var(--accent);font-size:var(--t1);font-weight:600}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--s2)}.media-item{position:relative;&>a{display:block}&.audio{gap:var(--s2)}& :is(img,video,audio){display:block;width:100%;border-radius:var(--r-inset);background:var(--soft)}& :is(img,video){height:auto}&.wide{grid-column:1 / -1}& .box{aspect-ratio:16 / 9;object-fit:cover}}.media-file{min-height:44px}button.alt{position:absolute;inset-block-end:var(--s2);inset-inline-start:var(--s2);min-height:0;padding:var(--s1) var(--s2);border:0;border-radius:var(--r-control);background:var(--ink);color:var(--surface);font-size:var(--t1);font-weight:600;&::before{position:absolute;inset:calc(-1 * var(--s3)) calc(-1 * var(--s1));content:""}}.video>.alt{inset-block:var(--s2) auto}.alt-slot{display:flex;block-size:var(--s5);&>.alt{position:relative;inset:auto}}.alt-text:popover-open{min-inline-size:10rem;max-inline-size:min(30rem,100vw - 2 * var(--s4));inset:auto;margin:0;padding:var(--s3);position-area:block-end span-inline-end;position-try-fallbacks:flip-block,flip-inline;color:var(--ink);font-size:var(--t2)}.emoji{block-size:1em;inline-size:auto;vertical-align:-0.125em}.opts{gap:var(--s2);&>li{position:relative;display:flex;justify-content:space-between;gap:var(--s3);padding:var(--s2) var(--s3);overflow:hidden;border-radius:var(--r-control)}&>li>span{position:relative;min-width:0}& .share{flex:none;font-variant-numeric:tabular-nums}& .fill{position:absolute;inset:0;width:100%;height:100%;fill:var(--share);& .leading{fill:var(--share-lead)}}}.poll{gap:var(--s2)}.quote{gap:var(--s4);padding:var(--s4);border-radius:var(--r-inset);background:var(--ground)}.gone{gap:var(--s1);padding:var(--s3)}.quoting .quote-inline{display:none}.counts{display:flex;flex-wrap:wrap;margin:calc(-1 * var(--s3));&>*{min-height:44px;padding:0 var(--s3);text-decoration:none}&>.acts{margin-inline-start:auto;padding:0}}.menu:popover-open{gap:0;inset:auto;margin:0;padding:var(--s1);position-area:block-end span-inline-start;position-try-fallbacks:flip-block,flip-inline;&>.btn{justify-content:flex-start;gap:var(--s2);width:100%;padding:var(--s2) var(--s3);border:0;border-radius:var(--r-control);color:var(--ink);font-weight:400;&:is(:hover,:focus-visible){background:var(--soft)}}}.pager{display:flex;gap:var(--s3);container:pager / inline-size;&>[rel=next]{margin-inline-start:auto}& .short{display:none}}@container pager (inline-size < 30rem){.pager .long{display:none}.pager .short{display:inline}}.stub{padding:var(--s2) var(--s3)}.lead{font-size:var(--t3)}.rows>*+*{border-top:1px solid var(--line)}.accounts{&>li{padding:var(--s3) var(--pad)}}.hashtags{&>li{gap:0 var(--s3);padding:0 var(--pad)}& a,& .name{min-width:0;min-height:44px}}.rules{& li{display:flex;gap:var(--s3);padding:var(--s4) var(--pad)}& .num{flex:none;justify-content:center;width:28px;height:28px;border-radius:var(--r-control);background:var(--soft);color:var(--accent);font-size:var(--t1);font-weight:600}}dl.card{padding:var(--pad)}dialog[open]{gap:var(--s4);width:560px;padding:var(--pad);color:var(--ink);overscroll-behavior:contain}dialog[open]::backdrop{overflow:hidden;overscroll-behavior:contain;background:var(--scrim)}.dhead{justify-content:space-between;gap:var(--s3)}.versions{gap:var(--s4);&>li+li{padding-top:var(--s4);border-top:1px solid var(--line)}}.prow{display:flex;align-items:flex-end;gap:var(--s4)}.or{gap:var(--s3);&::before,&::after{flex:1;border-block-start:1px solid var(--line);content:""}}.copy{gap:var(--s2);padding-inline-start:var(--s3);border:1px solid var(--control-line);border-radius:var(--r-control);background:var(--ground);& .mono{flex:1;min-width:0;padding-block:var(--s2)}& .slot{flex:none;min-width:44px;min-height:44px}}.copy>.mono:only-child{padding-inline-end:var(--s3);-webkit-user-select:all;user-select:all}.copyfield{gap:var(--s2);& [data-copy]>span{display:none}& [data-copy]:not([data-state])>.idle,& [data-state=copied]>.copied,& [data-state=failed]>.failed{display:contents}& [data-state=failed]{color:var(--danger)}& .copy-failed{visibility:hidden;color:var(--danger)}&:has([data-state=failed]) .note{&>.hint{visibility:hidden}&>.copy-failed{visibility:visible}}}form{gap:var(--s4);&>:is(button,.btn){align-self:flex-start}}label,.flabel{font-weight:600}label{gap:var(--s2)}label.check{flex-direction:row;align-items:baseline;font-weight:400;& input{flex:none;margin:0}}fieldset{gap:var(--s2);min-width:0;margin:0;padding:var(--s3) var(--s4) var(--s4);border-radius:var(--r-inset)}fieldset.pairs{gap:var(--s3)}legend{padding:0 var(--s1);font-weight:600}input[type=file]{display:block;width:100%;color:var(--muted);font:inherit;&::file-selector-button{margin-inline-end:var(--s3)}}input:is([type=checkbox],[type=radio]){inline-size:20px;block-size:20px;accent-color:var(--accent)}input:is([type=text],[type=password],[type=email]),textarea,select{display:block;width:100%;min-height:44px;margin:0;padding:var(--s2) var(--s3);border:1px solid var(--control-line);border-radius:var(--r-control);background:var(--ground);color:inherit;font:inherit;font-weight:400}input[aria-invalid=true]{border-color:var(--danger)}.readonly,.note{display:grid;&>*{grid-area:1 / 1}}.readonly{align-items:center;&>.ic{justify-self:end;margin-inline-end:var(--s3)}&>input{padding-inline-end:var(--s6);border-color:var(--line);background:var(--soft)}}.field-row{display:grid;grid-template-columns:1fr 2fr;gap:var(--s2)}.actions{display:flex;flex-wrap:wrap;gap:var(--s3)}.image-form{& img{display:block;border-radius:var(--r-inset);background:var(--soft);object-fit:cover}& .avatar{width:96px;height:96px;border-radius:var(--r-card)}& .header{width:100%;aspect-ratio:3 / 1}}.apps{&>li{gap:var(--s3);padding:var(--s3) var(--pad)}& .group{flex:1 1 10rem;min-width:0}& dd{color:var(--ink)}& dt{flex:none}& .danger-text{color:var(--danger)}}.scopes{gap:var(--s3)}.alert{display:flex;gap:var(--s3);padding:var(--s3) var(--s4);border-inline-start:4px solid var(--tone);border-radius:var(--r-inset);background:var(--surface);&>.group{min-width:0}&>.ic{height:1lh;color:var(--tone)}}:where(.alert,.chip){&.ok{--tone: var(--ok)}&.warn{--tone: var(--warn)}&.fail{--tone: var(--danger)}&.none{--tone: var(--line);color:var(--muted)}}.error{gap:var(--s1);color:var(--danger);font-size:var(--t1)}.list{gap:var(--s2);padding-inline-start:var(--s5)}.steps{counter-reset:step;&>li>h2::before{counter-increment:step;content:counter(step) ". "}}.titlebar{display:flex;align-items:baseline;gap:var(--s2) var(--s4)}.toc{gap:var(--s2);&>li{gap:var(--s2)}}.chip{padding:0 var(--s2);border:1px solid var(--tone);border-radius:var(--r-pill);font-size:var(--t1);&:not(.none){color:var(--tone)}}.underlined{text-decoration:underline}@media(width<44rem){:root{--pad: var(--s4)}h1{font-size:var(--t4)}.pbody .av88{width:72px;height:72px;margin-top:-1rem}.tabs{column-gap:var(--s2);& a{flex:auto;justify-content:center}}fieldset.pairs{padding:0;border:0}}body.embed{display:block;min-height:0;background:transparent}