:root{color-scheme:light dark;overflow-y:scroll;--animation-timing:250ms;--bold:600;--border-radius:1.25rem;--accent-neutral:#e4e4e4;--body-bg:var(--accent-neutral);--body-fg:#000;--el-bg:#fff;--accent-colour:blue;--shadow-top:0 -4px 6px rgba(0,0,0,.2);--shadow-bottom:0 4px 6px rgba(0,0,0,.2);--like:-46px;--dislike:-69px}.darkmode{--accent-neutral:#4d4c4c;--body-bg:var(--accent-neutral);--body-fg:#fff;--el-bg:#000;--accent-colour:aqua;--shadow-top:0 -4px 6px rgba(0,0,0,.7);--shadow-bottom:0 4px 6px rgba(0,0,0,.7);--like:0;--dislike:-23px}*,:after,:before{box-sizing:border-box;margin:0}:focus-visible{outline:.125rem solid orange;outline-offset:.1875rem}body{background-color:var(--el-bg);font-family:system-ui,sans-serif;font-size:clamp(1.156rem,1.1182rem + .1757vw,1.25rem)}@media (prefers-reduced-motion:no-preference){body{transition:background-color .25s linear}}body{color:var(--body-fg);display:grid;grid-template-rows:auto 1fr auto;line-height:1.5;min-height:100vh;min-height:100dvh;position:relative}.h1{align-items:center;display:flex;flex-wrap:wrap;font-size:clamp(1.75rem,1.4486rem + 1.4019vw,2.5rem);gap:.5rem;justify-content:center;margin-inline:auto}.h1 svg{height:2.5rem;width:2.5rem;fill:var(--body-fg)}.h1 span{text-align:center;text-box:var(--trim)}@media screen and (width < 31.25rem){.h1{gap:.75rem;line-height:1.2;margin-inline:.75rem}}img,picture{display:block}img{height:auto;max-width:100%}p{text-wrap:pretty}.h1,h1,h2,h3{font-weight:400;text-wrap:balance}h1,h2,h3{text-align:center}h1{font-size:clamp(1.5rem,1.3995rem + .4673vw,1.75rem)}h2{font-size:clamp(1.25rem,1.1495rem + .4673vw,1.5rem)}h3{font-size:clamp(1.156rem,1.1182rem + .1757vw,1.25rem)}button{all:unset;cursor:pointer}button,input{font-family:inherit;font-size:inherit}input{background-color:inherit;border-color:inherit;color:inherit}a{color:var(--body-fg);text-decoration:none}a:hover{text-decoration:underline}ul{list-style-type:"";padding-inline-start:0}ul ul{padding-inline-start:1.5rem}:is(ul ul) ul{list-style-type:disc}.disc-list{list-style-type:disc;padding-inline-start:1.5rem}b,strong{font-weight:600}code{font-family:Courier New,Courier,monospace;font-weight:900}.container{--_content-max-width:37.5rem;--_content-space-outside:0.75rem;margin-inline:auto;width:min(var(--_content-max-width),100% - var(--_content-space-outside) * 2)}.flow>*+*{margin-block-start:1em}.element{padding:1rem}a[href^=https]{color:var(--accent-colour);text-underline-offset:.5em}a[href^=https]:after{color:var(--accent-colour);content:" \27F6"}.element,.footer,.header{background-color:var(--body-bg)}.footer{box-shadow:var(--shadow-top);padding:3rem 2rem;text-align:center}.header{box-shadow:var(--shadow-bottom);gap:1rem;margin-block-start:0;padding-block:2em}.header,.main{display:flex;flex-direction:column}.main{background-color:var(--el-bg);gap:4rem;padding:1em}.skip-link{background-color:var(--body-bg);color:var(--body-fg);font-weight:600;margin-block-start:0;margin-inline-end:.625rem;padding:.3125rem .625rem}.element-invisible{clip:rect(.0625rem,.0625rem,.0625rem,.0625rem);height:.0625rem;left:0;overflow:hidden;position:absolute;top:0;z-index:200}.element-invisible.element-focusable:active,.element-invisible.element-focusable:focus{clip:auto;height:auto;overflow:visible}.visually-hidden{border:0;clip-path:inset(0);height:.0625rem;margin:-.0625rem;overflow:hidden;padding:0;position:absolute;width:.0625rem}.theme-toggler{gap:.625rem;margin-block-start:0;padding:.3125rem .625rem;position:absolute;right:0;top:0}.theme-toggler,.theme-toggler button{align-items:center;border:0;display:flex}.theme-toggler button{background-color:var(--accent-colour);border-radius:var(--border-radius);font-family:inherit;font-size:clamp(.875rem,.8248rem + .2336vw,1rem);height:.8125rem;justify-content:flex-start;padding:.125rem;width:1.5625rem}:is(.theme-toggler button) span{background-color:#fff;border-radius:50%;height:.8125rem;width:.8125rem}.theme-toggler p{color:var(--body-fg);font-size:.875rem;font-weight:600}.darkmode .theme-toggler button{justify-content:flex-end}.primary-navigation{padding-inline:1rem}.primary-navigation nav{align-items:center;display:grid;grid-template-columns:1fr auto 1fr}@media screen and (width <= 25rem){.primary-navigation nav{display:flex;gap:1.25rem;justify-content:center}}:is(.primary-navigation ul):first-of-type{display:flex;gap:1.25rem;grid-column:2;justify-content:center}:is(.primary-navigation ul):last-of-type{grid-column:3;justify-self:end}.primary-navigation a{border-block-end:.3125rem solid transparent;color:var(--accent-colour);cursor:pointer;display:block;margin-block-end:.625rem;padding-block-end:.3125rem;text-decoration:none}:is(.primary-navigation a):hover,[aria-current=page]:is(.primary-navigation a){border-block-end:.3125rem solid var(--body-fg);color:var(--body-fg)}[aria-current=page]:is(.primary-navigation a){pointer-events:none}.loader{align-items:center;background-color:var(--body-bg);color:var(--body-fg);display:flex;inset:0;justify-content:center;position:fixed;z-index:500}.loader-hidden{opacity:0;visibility:hidden}.loader:after{content:"Loading...";font-size:3.125rem}@media (prefers-reduced-motion:no-preference){.loader{transition:opacity .75s,visibility .75s}.loader:after{animation:loading .75s ease infinite;border:1.25rem solid var(--body-fg);border-radius:50%;border-top-color:var(--accent-neutral);content:"";font-size:0;height:6.25rem;width:6.25rem}@keyframes loading{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}}.faux-link{color:var(--accent-colour);cursor:not-allowed;opacity:.65}.faux-link:hover{text-decoration:none}.page-content{display:flex;flex-direction:column;gap:1.5rem;margin-inline:auto}.page-content .user-header{align-items:center;display:flex;gap:.5rem;justify-content:center}.page-content h2{line-height:1.2;text-align:left;text-wrap:pretty}.page-content svg{height:3.125rem;width:3.125rem;fill:var(--body-fg)}.page-content img{margin-inline:auto;width:100%}.page-content p{padding:1em}.page-content .content{background-color:var(--accent-neutral)}.page-content .link{text-align:right}.posts-content{display:flex;flex-direction:column;gap:2em}.post{border-block-end:.0625rem dashed var(--body-fg);padding-block-end:1rem}.post .post-header{align-items:center;display:flex;gap:1rem}.post h2{line-height:1.2;text-align:left;text-wrap:pretty}.post svg{fill:red;height:3.125rem;width:3.125rem}.post:nth-child(2n+2) svg{fill:green}.post:nth-child(3n+3) svg{fill:#0075ff}.post:nth-child(4n+4) svg{fill:#f0f}.post:nth-child(5n+5) svg{fill:orange}.post .faux-link{margin-inline-start:auto;text-align:right}.post .info{display:flex;flex-direction:column;gap:.25rem}.post .reactions{align-items:center;display:flex;gap:.5rem}.post .reaction{align-items:center;display:flex;gap:.25rem}:is(.post .reaction) .likes-dislikes{height:1.4375rem;width:1.4375rem}.likes:is(:is(.post .reaction) .likes-dislikes){background:var(--like) 0 url(img/9d4dc865.png)}.dislikes:is(:is(.post .reaction) .likes-dislikes){background:var(--dislike) 0 url(img/9d4dc865.png)}.users-content{display:flex;flex-direction:column;gap:2em}.user{border-block-end:.0625rem dashed var(--body-fg);padding-block-end:1rem}.user .user-header{align-items:center;display:flex;gap:1rem}.user h2{line-height:1.2;text-align:left;text-wrap:pretty}.user svg{fill:red;height:3.125rem;width:3.125rem}.user:nth-child(2n+2) svg{fill:green}.user:nth-child(3n+3) svg{fill:#0075ff}.user:nth-child(4n+4) svg{fill:#f0f}.user:nth-child(5n+5) svg{fill:orange}.user ul{margin-inline:auto}.user ul ul{list-style-type:disc}.paginator-container{display:flex;justify-content:center}.paginator{display:flex}@media screen and (width <= 28.75rem){.paginator{flex-direction:column}}.paginator{align-items:center;background-color:var(--el-bg);color:var(--accent-colour);gap:.5rem;justify-content:space-between;margin-inline:auto;padding:.5rem 1rem;width:fit-content}.paginator button{padding:.3125rem}:is(.paginator button):disabled,[aria-current=page]:is(.paginator button){opacity:.5;outline:none;pointer-events:none}:is(.paginator .previous-next-btn):after,:is(.paginator .previous-next-btn):before{position:relative;top:.0625rem}:is(.paginator .previous-btn):before{content:"⯇"}@media screen and (width <= 28.75rem){.paginator .previous-btn{align-self:flex-start}}:is(.paginator .next-btn):after{content:"⯈"}@media screen and (width <= 28.75rem){.paginator .next-btn{align-self:flex-end}}.paginator .page-numbers-container{align-items:center;display:flex;gap:clamp(0rem,-.4002rem + 1.867vw,1rem)}