@scope(.tree) to (.node>:not(ul)){:scope{--node-gap:.5em;--indent:2em;--link-width:1em;--link-height:1.2em;--link-radius:.8em;--edge:2px solid black}.node{margin-top:var(--node-gap)}.node>ul{padding-left:var(--indent);margin:0;list-style:none}.node>ul>li{position:relative}.node>ul>li:before{content:"";top:calc(-1 * var(--node-gap));box-sizing:border-box;width:var(--link-width);height:var(--link-height);border-bottom-left-radius:var(--link-radius);border-bottom:var(--edge);border-left:var(--edge);position:absolute;right:100%}.node+.node{position:relative}.node+.node:before{content:"";top:calc(-1 * var(--node-gap));bottom:100%;left:calc(var(--indent) - var(--link-width));border-left:var(--edge);position:absolute}.node>ul>li:has(+li):after{content:"";top:calc(-1 * var(--node-gap));bottom:0;left:calc(-1 * var(--link-width));border-left:var(--edge);position:absolute}.node:has(+.node)>ul>li:after{content:"";top:calc(-1 * var(--node-gap));bottom:0;left:calc(-1 * var(--link-width));border-left:var(--edge);position:absolute}}*{--node-gap:.5em;--edge:3px solid #333}body{flex-direction:column;min-height:100vh;margin:1em 0 0;padding:0;display:flex}body header.tree-header{display:contents}body header.tree-header>*{padding-inline:1rem}body header.tree-header #not-following,body header.tree-header #app{z-index:1;background-color:#fff;flex-direction:column;gap:.5em;padding:.5em 1em;display:flex;position:sticky;top:0;box-shadow:0 5px 5px #aaa8}:is(body header.tree-header #not-following,body header.tree-header #app) .tree-head-author{flex-wrap:wrap;align-items:center;gap:.5em;font-size:larger;display:flex}:is(body header.tree-header #not-following,body header.tree-header #app) .tree-head-author img#tree-head-avatar{border-radius:20%;width:1.5em;height:1.5em}:is(body header.tree-header #not-following,body header.tree-header #app) .tree-head-author #tree-head-name{font-weight:700}:is(body header.tree-header #not-following,body header.tree-header #app) .tree-head-statistics{gap:1em;display:flex}:is(body header.tree-header #not-following,body header.tree-header #app) #user-stats{gap:.5em;margin-bottom:-8px;padding-bottom:8px;display:flex;overflow-x:auto}:is(body header.tree-header #not-following,body header.tree-header #app) #user-stats span{overflow-wrap:normal;align-items:center;gap:2px;display:flex}:is(body header.tree-header #not-following,body header.tree-header #app) #user-stats span img{border-radius:20%;width:1.2em;height:1.2em}:is(body header.tree-header #not-following,body header.tree-header #app) #user-stats span.indicate-relationship{border:1px solid #000;border-radius:3px;padding-inline:2px}:is(body header.tree-header #not-following,body header.tree-header #app) .toolbar{flex-wrap:wrap;gap:.5em 1em;display:flex}body .tree:has(#ancestors .node) #descendants>.node:first-child{position:relative}body .tree:has(#ancestors .node) #descendants>.node:first-child:before{content:"";top:calc(-2 * var(--node-gap));bottom:100%;left:calc(var(--indent) - var(--link-width));border-left:var(--edge);position:absolute}:is(body:has(#collapse>option[value=all]:checked) .toot,body:has(#collapse>option[value=seen]:checked) .toot:has(input.seen:checked)) .toot-full-body{display:none}#toot-tree{background-color:#aaa;flex-grow:1}#toot-tree #ancestors{background-color:#888;padding-inline:1em;display:flow-root}#toot-tree #descendants{padding-inline:1em}#toot-tree:empty{display:none}#toot-tree .node{margin-block:var(--node-gap)}#toot-tree .node>ul>li{--link-height:calc(var(--node-gap) + 5px + .5lh + 1px)}#toot-tree .node>ul>li:has(>.node:first-child>.missing-toot){--link-height:calc(var(--node-gap) + .45lh + 1px)}#toot-tree .missing-toot{background-color:#ddd;border-radius:.5em;max-width:fit-content;padding:0 1em;font-size:90%}#toot-tree .toot{max-width:var(--page-width);background-color:#eee;border-radius:.5em;display:block}#toot-tree .toot:focus{outline:var(--edge)}#toot-tree .toot .open-link{align-items:center;gap:.5em;display:inline-flex}#toot-tree .toot .open-link .link-icon{width:1.2rem;height:1.2rem}#toot-tree .toot .toot-head{border-radius:.5em;flex-wrap:wrap;align-items:center;gap:.5em;padding:5px 1em;display:flex}#toot-tree .toot .toot-head .thread-pos,#toot-tree .toot .toot-head .visibility{background-color:#ddd;border-radius:5px;padding-inline:5px;font-size:90%}#toot-tree .toot .toot-head img.toot-author-avatar{border-radius:20%;width:1.5em;height:1.5em}#toot-tree .toot .toot-head .toot-author{font-weight:700}#toot-tree .toot .toot-head .toot-acct,#toot-tree .toot .toot-head .toot-stats,#toot-tree .toot .toot-head .toot-created,#toot-tree .toot .toot-head .toot-edited{font-size:90%}#toot-tree .toot .toot-head .fill{flex-grow:1;justify-content:flex-end;gap:.5em;display:flex}#toot-tree .toot.visibility-public>.toot-head .visibility{display:none}#toot-tree .toot .toot-full-body{background-color:#fff;border-bottom-right-radius:.5em;border-bottom-left-radius:.5em;padding:5px 1em}#toot-tree .toot .toot-body{flex-direction:column;gap:1em;display:flex}#toot-tree .toot .toot-body details.sensitive summary:after{content:"Show sensitive media"}#toot-tree .toot .toot-body details.sensitive[open] summary:after{content:"Hide sensitive media"}#toot-tree .toot .toot-body ul.attachments{flex-direction:column;align-items:start;gap:1em;padding:0;list-style:none;display:flex}#toot-tree .toot .toot-body ul.attachments>li.attachment{flex-direction:column;align-items:start;display:flex}#toot-tree .toot .toot-body ul.attachments>li.attachment img.preview{border:1px solid #888;max-width:100%}#toot-tree .toot .toot-body div.poll ul.poll{background-color:#eee;border-radius:.5em;grid-template-columns:auto auto;column-gap:1em;margin:0;padding:.5em;display:inline-grid}#toot-tree .toot .toot-body div.poll ul.poll li.poll-option{display:contents}#toot-tree .toot .toot-body div.poll ul.poll li.poll-option span.poll-option-votes{justify-self:right}#toot-tree .toot .toot-body div.poll .poll-votes-count{font-size:smaller}#toot-tree .toot .toot-body div.poll .poll-expiry{font-size:smaller}#toot-tree .toot .toot-body div.poll .poll-expiry.poll-ongoing:before{color:#080;content:"☐ "}#toot-tree .toot .toot-body div.poll .poll-expiry.poll-expired:before{color:red;content:"☑ "}#toot-tree .toot .toot-body .card{box-sizing:border-box;border:1px solid #888;border-radius:.5em;flex-direction:column;align-self:flex-start;align-items:flex-start;gap:.5em;width:100%;padding:.5em;display:inline-flex}#toot-tree .toot .toot-body .card .card-title{font-size:larger;font-weight:700}#toot-tree .toot .toot-body .card .card-image{max-width:100%}#account-list-grid{grid-template-columns:repeat(3,max-content);gap:.5em;display:grid;position:relative}#account-list-grid:empty:after{content:"(no entries)"}#account-list-grid img{width:1.2em}#account-list-grid .reaction-author{font-weight:700}#account-list-grid .reaction-acct{font-size:90%}#tree-help-dialog{max-width:50em}dialog{border:none;outline:none}dialog .close-dialog{color:#000;background-color:#0000;font-size:150%;position:absolute;top:.25em;right:.25em}