/*!
 * Duckquill (https://daudix.codeberg.page/duckquill)
 * Copyright 2024 David "Daudix" Lapshin
 * Licensed under MIT (https://codeberg.org/daudix/duckquill/src/branch/main/LICENSE)
 *
 * Based on OS Component Website which shamelessly stole CSS from systemd
 * https://github.com/jimmac/os-component-website
 * https://github.com/systemd/systemd/tree/main/docs
 */:root{--bg-color: var(--bg-color-l);--fg-color: rgba(0, 0, 0, 0.8);--fg-muted-1: rgba(0, 0, 0, 0.05);--fg-muted-2: rgba(0, 0, 0, 0.1);--fg-muted-3: rgba(0, 0, 0, 0.2);--fg-muted-4: rgba(0, 0, 0, 0.5);--fg-muted-5: rgba(0, 0, 0, 0.6);--nav-bg: rgba(242, 242, 242, 0.7);--orange-bg: rgba(255, 120, 0, 0.1);--orange-fg: rgb(255, 120, 0);--purple-bg: rgba(145, 65, 172, 0.1);--purple-fg: rgb(145, 65, 172);--red-bg: rgba(224, 27, 36, 0.1);--red-fg: rgb(224, 27, 36);--yellow-bg: rgba(156, 110, 3, 0.1);--yellow-fg: rgb(156, 110, 3);--active: 0.9;--bg-color-d: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), var(--primary-color);--bg-color-l: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), var(--primary-color);--blur: saturate(180%) blur(10px);--content-width: 720px;--edge-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.1);--font-monospace: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--font-serif: Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif", "Sitka Small", serif;--font-system: system-ui, sans-serif;--rounded-corner-small: 8px;--rounded-corner: 12px;--shadow-raised: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 2px 6px 2px rgba(0, 0, 0, 0.14), 0 4px 12px 4px rgba(0, 0, 0, 0.06);--shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 1px 3px 1px rgba(0, 0, 0, 0.07), 0 2px 6px 2px rgba(0, 0, 0, 0.03);--transition-bezier: 350ms cubic-bezier(0.17, 0.89, 0.32, 1.28);--transition-long: 800ms;--transition-longer: 400ms;--transition: 200ms}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--bg-color: var(--bg-color-d);--fg-color: rgb(255, 255, 255);--fg-muted-1: rgba(255, 255, 255, 0.05);--fg-muted-2: rgba(255, 255, 255, 0.1);--fg-muted-3: rgba(255, 255, 255, 0.2);--fg-muted-4: rgba(255, 255, 255, 0.5);--fg-muted-5: rgba(255, 255, 255, 0.6);--nav-bg: rgba(25, 25, 25, 0.7);--orange-bg: rgba(255, 190, 111, 0.1);--orange-fg: rgb(255, 190, 111);--purple-bg: rgba(220, 138, 221, 0.1);--purple-fg: rgb(220, 138, 221);--red-bg: rgba(226, 97, 81, 0.1);--red-fg: rgb(246, 97, 81);--yellow-bg: rgba(248, 228, 92, 0.1);--yellow-fg: rgb(248, 228, 92)}}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;accent-color:var(--primary-color);overflow-wrap:break-word;overflow:hidden}html,body{margin:0;padding:0}body{overflow:scroll;height:100vh;font-family:var(--font-system);line-height:1.6;color:var(--fg-color);background:var(--bg-color);display:grid;min-height:100vh;grid-template-rows:auto minmax(auto, 1fr) auto}::selection{color:var(--fg-color);background-color:var(--primary-color)}:target:not(#main){scroll-margin-top:15vh;animation:var(--transition-long) 1s highlight-in-out;color:var(--primary-color);text-shadow:var(--primary-color-alpha) 0 0 4px,var(--primary-color) 0 0 12px}@keyframes highlight-in-out{50%{letter-spacing:.125rem}}@media (prefers-reduced-motion){:target:not(#main){animation:none}}.container{margin-left:auto;margin-right:auto;width:min(var(--content-width),90%)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:lighter;letter-spacing:-.05em;line-height:1.25;margin:3rem 0 1rem}h1 .zola-anchor,h2 .zola-anchor,h3 .zola-anchor,h4 .zola-anchor,h5 .zola-anchor,h6 .zola-anchor{display:none;visibility:hidden}h1:hover .zola-anchor,h2:hover .zola-anchor,h3:hover .zola-anchor,h4:hover .zola-anchor,h5:hover .zola-anchor,h6:hover .zola-anchor{display:inline-block;text-decoration:none;visibility:visible}h1{font-size:3rem}h2{font-size:2.4rem}h3{font-size:1.5rem}a{color:var(--primary-color);font-weight:bold}a:hover{text-decoration:underline wavy;-webkit-text-decoration:underline wavy}small{color:var(--fg-muted-5);font-size:.8rem}dl{padding:0}dl dt{padding:0;margin-top:1rem;font-size:1rem;font-weight:bold}dl dd{padding:0;margin-bottom:1rem}hr{border:0;border-top:1px solid var(--fg-muted-2);margin:2rem auto;width:100%}.blog-list hr:last-of-type{display:none}blockquote{border-left:.25rem solid var(--primary-color);border-radius:.2rem;color:var(--fg-muted-5);margin:0;padding:0 .75rem}blockquote blockquote{border-radius:0}abbr[title]{cursor:help;text-decoration:underline dotted;-webkit-text-decoration:underline dotted}aside{background-color:var(--primary-color-alpha);border-radius:var(--rounded-corner);box-shadow:var(--edge-highlight);float:right;margin-inline-start:1rem;padding:1rem;width:30%}@media only screen and (max-width: 720px){aside{width:100%;float:none;margin-inline-start:0}}pre,code,kbd{font-family:var(--font-monospace)}code:not(pre code){background-color:var(--fg-muted-2);border-radius:var(--rounded-corner-small);box-shadow:var(--edge-highlight);color:var(--red-fg);padding:.125rem .375rem}pre{border-radius:var(--rounded-corner);box-shadow:var(--edge-highlight),var(--shadow);line-height:normal;margin:1rem 0 1rem;max-width:100vw;overflow:auto;padding:1rem}pre table td{padding:0;border:none}pre table td:nth-of-type(1){text-align:center;user-select:none}pre mark{background-color:var(--fg-muted-1);border-radius:0;color:var(--fg-color);display:block;padding:0}pre table{width:100%;border-collapse:collapse}pre[data-linenos]{padding:1rem 0}kbd{background-color:var(--fg-muted-2);border-radius:var(--rounded-corner-small);box-shadow:inset 0 -2px 0 var(--fg-muted-2),0 -1px 0 var(--fg-muted-3);cursor:pointer;display:inline-block;font-size:.8rem;line-height:normal;padding:.125rem .375rem;transition:var(--transition)}kbd:active{background-color:var(--fg-muted-3);box-shadow:inset 0 1px 0 var(--fg-muted-2);transform:translateY(2px)}mark{background-color:var(--primary-color-alpha);border-radius:var(--rounded-corner-small);box-shadow:var(--edge-highlight);color:var(--primary-color);padding:.125rem .375rem}figcaption{display:block;text-align:center;color:var(--fg-muted-4);font-size:.8rem}details{background-color:var(--fg-muted-1);border-radius:var(--rounded-corner);padding:1rem}details>summary{cursor:pointer}table{border-collapse:collapse;border-radius:var(--rounded-corner);box-shadow:var(--edge-highlight);overflow:hidden;table-layout:fixed;width:100%}table th{font-weight:bold}table th,table td{padding:.5rem 1rem}table tr:nth-child(even){background-color:var(--fg-muted-1)}table tr th{background-color:var(--fg-muted-2)}td,th{padding:0}.dialog-buttons{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;margin-top:6rem}.inline-button{background-color:var(--fg-muted-1);border-radius:var(--rounded-corner);box-shadow:var(--edge-highlight);color:var(--fg-color);display:inline-block;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:var(--transition)}.inline-button:hover{background-color:var(--fg-muted-2);text-decoration:none}.inline-button:active{transform:scale(var(--active))}.inline-button.colored{-webkit-backdrop-filter:unset;backdrop-filter:unset;background-color:rgba(0,0,0,0);box-shadow:none;color:var(--primary-color)}.inline-button.colored:hover{background-color:var(--primary-color-alpha);box-shadow:var(--edge-highlight)}section#comments #load-comments{cursor:pointer}section#comments #comments-wrapper{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}section#comments .comment{display:grid;column-gap:1rem;grid-template-areas:"avatar name        " "avatar time        " "avatar post        " "...... interactions";grid-template-columns:min-content;justify-items:start}section#comments .comment.comment-reply{border-left:.25rem solid var(--fg-muted-2);border-radius:.2rem;padding-left:1rem}section#comments .comment .avatar-link{grid-area:avatar;height:4rem;position:relative;width:4rem}section#comments .comment .avatar-link .avatar{all:unset;background-color:var(--fg-muted-1);background-position:50%;background-size:cover;border-radius:var(--rounded-corner);box-shadow:var(--edge-highlight),var(--shadow);height:100%;overflow:hidden;transition:var(--transition);width:100%}section#comments .comment .avatar-link .avatar:hover{box-shadow:var(--edge-highlight),var(--shadow-raised);transform:rotate(10deg) scale(1.1)}section#comments .comment .avatar-link .avatar:active{box-shadow:var(--edge-highlight),var(--shadow);transform:scale(var(--active))}section#comments .comment .author{align-items:center;display:flex;font-weight:bold;gap:.25rem;grid-area:name}section#comments .comment .author .instance{background-color:var(--fg-muted-1);border-radius:999px;box-shadow:var(--edge-highlight);color:var(--fg-color);font-size:.8rem;padding:.25rem .75rem;text-decoration:none;transition:var(--transition)}section#comments .comment .author .instance:hover{background-color:var(--fg-muted-2);text-decoration:none}section#comments .comment .author .instance:active{transform:scale(var(--active))}section#comments .comment .author .instance.op{-webkit-backdrop-filter:unset;backdrop-filter:unset;background-color:rgba(0,0,0,0);box-shadow:none;color:var(--primary-color)}section#comments .comment .author .instance.op:hover{background-color:var(--primary-color-alpha);box-shadow:var(--edge-highlight)}section#comments .comment .author .instance.op::before{content:"✔";margin-inline-end:.25rem}section#comments .comment .emoji{all:unset;display:inline;height:1.5em;vertical-align:middle;width:1.5em}section#comments .comment time{color:var(--fg-muted-5);font-size:.8rem;grid-area:time}section#comments .comment main{grid-area:post}section#comments .comment main p:last-child{margin-bottom:0}section#comments .comment footer{grid-area:interactions;margin-top:1rem}section#comments .comment footer .boosts,section#comments .comment footer .faves{background-color:rgba(0,0,0,0);border-radius:999px;display:inline-block;font-variant-numeric:tabular-nums;margin-right:.25rem;padding:.25rem .75rem;text-decoration:none;transition:var(--transition)}section#comments .comment footer .boosts svg,section#comments .comment footer .faves svg{margin-inline-end:.25rem;transition:var(--transition-long);vertical-align:-.125em}section#comments .comment footer .boosts:hover,section#comments .comment footer .faves:hover{box-shadow:var(--edge-highlight);text-decoration:none}section#comments .comment footer .boosts:hover svg,section#comments .comment footer .faves:hover svg{rotate:360deg}section#comments .comment footer .boosts:active,section#comments .comment footer .faves:active{transform:scale(var(--active))}section#comments .comment footer .boosts{color:var(--purple-fg)}section#comments .comment footer .boosts:hover{background-color:var(--purple-bg)}section#comments .comment footer .faves{color:var(--orange-fg)}section#comments .comment footer .faves:hover{background-color:var(--orange-bg)}.crt{margin:1rem 0 1rem;border-radius:var(--rounded-corner);background:radial-gradient(rgba(0,0,0,.7), rgba(0,0,0,.85)),var(--primary-color);box-shadow:0 0 0 1px var(--primary-color-alpha),0 2px 6px 2px var(--primary-color-alpha),0 4px 24px 4px var(--primary-color-alpha)}.crt pre{color:var(--primary-color);padding:1rem 1rem;text-shadow:var(--primary-color-alpha) 0 0 4px,var(--primary-color) 0 0 12px;background-color:unset;box-shadow:unset;margin:unset;animation:flicker 250ms alternate infinite}@keyframes flicker{from{opacity:1}25%{opacity:.95}50%{opacity:.85}75%{opacity:1}to{opacity:.9}}@media (prefers-reduced-motion){.crt pre{animation:none}}.scanlines{position:relative;overflow:hidden}.scanlines::before{animation:scanlines 250ms linear infinite;background:repeating-linear-gradient(to top, rgba(0,0,0,.25), rgba(0,0,0,.25) 1px, rgba(0,0,0,0) 3px, rgba(0,0,0,0) 4px);content:"";display:block;height:calc(100% + .5rem);left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}@keyframes scanlines{from{transform:translateY(-.5rem)}to{transform:translateY(0)}}@media (prefers-reduced-motion){.scanlines::before{animation:none}}.scanlines::after{animation:scanline 5s linear infinite;background:linear-gradient(to top, rgba(0,0,0,0) 0%, var(--primary-color-alpha) 10%, rgba(0,0,0,0) 100%);bottom:100%;content:"";display:block;height:8rem;left:0;pointer-events:none;position:absolute;width:100%}@keyframes scanline{from{bottom:100%}50%{bottom:100%}to{bottom:-8rem}}@media (prefers-reduced-motion){.scanlines::after{animation:none}}.cursor{animation:cursor-blink 1s infinite}@keyframes cursor-blink{from{opacity:1}50%{opacity:0}75%{opacity:1}}@media (prefers-reduced-motion){.cursor{animation:none}}#site-footer{text-align:center;padding:3rem 0 3rem;font-size:1rem;margin-top:4rem}#site-footer details{all:unset;color:var(--fg-muted-5);font-size:.8rem}#johnvertisement{margin:0 auto;display:block;width:min(728px,100vw);height:min(90px,12.367vw);border:none}.link-page::after{content:" →"}.link-site::after{content:" ↗"}img{transition:var(--transition-longer)}img:not(.no-hover){cursor:zoom-in}img:not(.no-hover):hover{border-radius:0;box-shadow:var(--shadow-raised);transform:scale(1.1)}img,video{border-radius:var(--rounded-corner);box-shadow:var(--shadow);display:block;margin:1rem auto;max-width:100%}img.full,video.full{width:100%}img.pixels,video.pixels{image-rendering:pixelated}img.transparent,video.transparent{border-radius:0;box-shadow:none}img.transparent:hover,video.transparent:hover{box-shadow:none}#site-nav{-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background-color:var(--nav-bg);border-radius:26px;box-shadow:var(--edge-highlight),0px 12px 24px -16px rgba(0,0,0,.5);margin:1rem auto;max-width:min(var(--content-width) + 10rem,90%);position:sticky;top:1rem;z-index:999}#site-nav nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:.5rem}#site-nav nav ul{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin:0;padding:0}#site-nav nav li{list-style:none;display:inline-flex}#site-nav nav a{border-radius:999px;color:var(--fg-muted-4);padding:.325rem .75rem;text-decoration:none;transition:var(--transition)}#site-nav nav a:hover{background-color:var(--fg-muted-1);box-shadow:var(--edge-highlight);color:var(--primary-color);text-decoration:none}#site-nav nav a:active{transform:scale(var(--active))}#site-nav nav #main-content{background:var(--bg-color);position:absolute;transform:translateY(-300%);z-index:999}#site-nav nav #main-content:focus{transform:translateY(0)}#site-nav nav #home{position:relative;margin-right:.625rem}#site-nav nav #home::after{background-color:var(--fg-muted-2);content:"";height:110%;position:absolute;right:-.5rem;top:0;width:1px}#site-nav nav #home a{font-weight:800;color:var(--fg-muted-5)}#site-nav nav #home a:hover{color:var(--primary-color)}#site-nav nav #feed a{padding:.325rem .625rem}#site-nav nav #feed a svg{vertical-align:-.125em}#site-nav nav #feed a span{display:none}#not-found{width:100%;padding-top:1rem;padding-right:35%;padding-left:35%;padding-bottom:1rem}#post-nav{display:flex}#post-nav .post-nav-item{width:50%;text-decoration:none}#post-nav .post-nav-item:hover .post-title{color:var(--primary-color)}#post-nav .post-nav-item:nth-child(2n+1){padding-left:0;padding-right:1rem}#post-nav .post-nav-item:nth-child(2n){text-align:right;padding-left:1rem;padding-right:0}#post-nav .post-nav-item .nav-arrow{font-weight:normal;color:var(--fg-muted-5);margin-bottom:.5rem}#post-nav .post-nav-item .post-title{color:var(--fg-color);transition:var(--transition)}#qrcode{background-color:#fff;float:right;height:150px;margin:3rem 0 0 1rem;padding:12.5px;width:150px}@media only screen and (max-width: 720px){#qrcode{display:none}}.statement-container{margin:1rem 0 1rem;padding:1rem 1rem .5rem 1rem;border-radius:var(--rounded-corner);box-shadow:var(--edge-highlight)}.statement-container *{margin:0}.statement-container p,.statement-container ul,.statement-container ol{margin:.5rem 0 .5rem}.statement-container .big{font-size:1.5rem}.statement-container.archive{background-color:var(--purple-bg);color:var(--purple-fg)}.statement-container.disclaimer{background-color:var(--red-bg);color:var(--red-fg)}.statement-container.trigger{background-color:var(--yellow-bg);color:var(--yellow-fg)}.tags{list-style:none;padding:0;display:inline-block}.tags li{display:inline-block;margin:0 .25rem .5rem 0;transition:var(--transition)}.tags li:active{transform:scale(var(--active))}.tags .tag{background-color:var(--fg-muted-1);border-radius:999px;box-shadow:var(--edge-highlight);color:var(--fg-color);padding:.25rem .75rem;text-decoration:none;transition:var(--transition)}.tags .tag:hover{color:var(--primary-color);background-color:var(--primary-color-alpha);text-decoration:none}.tags .tag::before{content:"#"}