html.theme-zone{--color-background:#222;--color-foreground:#ccc;--color-midground:#888;--color-light:#eee;--color-shade:#525252;--color-shadow:#181818}html{background-color:var(--color-background);color:var(--color-foreground)}#logo-square{fill:var(--color-shadow);stroke:var(--color-shade)}#logo-letter{fill:var(--color-shade)}#logo:hover{& #logo-square,& #logo-letter{filter:brightness(1.4)}}main{& nav{background-color:var(--color-background);& a{color:var(--color-midground);&:hover,&.active{color:var(--color-light)!important}&:visited{color:var(--color-midground)}}}}h2{color:var(--color-midground);& b,& i{color:var(--color-foreground)}}a,button{background:inherit;color:inherit}button:hover,a:hover{color:var(--color-light)}a:visited{color:var(--color-midground)}article{& textarea{background:inherit;color:inherit}}details{box-shadow:inset .1rem .21rem .44rem #05050557;& section{background-color:#00000021}}html{font-optical-sizing:auto;font-family:Arial,sans-serif;font-size:.15in;line-height:1.3rem}main{margin:0 3rem 5.5rem;& nav{align-items:center;width:100%;padding:2rem 0 0;display:flex;position:fixed;top:0;& a:first-child{padding-left:0;padding-right:.5rem}& a{padding:1rem 1rem 1.7rem;text-decoration:none;display:flex}}& aside{margin-top:6.5rem;display:none;&.active{flex-direction:column;display:flex}}}app-page{flex-direction:column;justify-content:flex-start;margin-top:6.5rem;display:none;&.active{display:flex}&>article{margin-left:0;padding:.3rem 0;&>h2{margin:.7rem 0 .7rem .2rem;& i{color:inherit}}}&>button{white-space:pre-line}}h1 a{text-decoration:none}h1,h2,button{cursor:pointer;box-sizing:border-box;font-family:Roboto,sans-serif}button{appearance:none;font-size:inherit;border:none;padding:0}h1{margin:.2rem 0 0;font-size:1.7rem;font-weight:400}h2{align-items:center;margin:0 0 .5rem -.2rem;font-size:1rem;font-weight:400;line-height:1rem;display:flex;&:has(~details:not([open])){&:after{content:"[🞤]"}}&:has(~details[open]){&:after{content:"[─]"}}& button{line-height:1rem}& button[name=downvote]{margin-left:-.5rem}& i{margin:0 .5rem}& span,& time{margin-right:.2rem}& button[name=reply]{margin-right:.2rem;font-size:1.5rem}}article{padding:.8rem 0 .5rem;& details{& summary{display:none}}& details[open]{margin-top:.8rem;& section{padding:0 2rem 1rem 1.2rem;&>div{padding-top:1.4rem}&>button{margin-top:.5rem;font-weight:700}}}& form{padding-top:1.2rem;& textarea{width:100%;height:5rem;font-family:inherit;font-size:inherit;line-height:inherit}& button{padding:.8rem .8rem .8rem .2rem}}& div p:last-child{margin-bottom:0}}progress{width:100%;height:.2rem;transition:visibility 100s ease-in}.hidden{display:none}#logo-square{stroke-width:3px;stroke-linecap:square;stroke-linejoin:miter;stroke-opacity:1;paint-order:markers fill stroke;display:block}#logo-letter{stroke-width:0;stroke-linecap:square;paint-order:markers fill stroke}