/*!
 * Duckquill v1.0.1 (https://daudix.codeberg.page/duckquill)
 * Copyright 2024 David "Daudix" Lapshin
 * Licensed under MIT (https://codeberg.org/daudix/duckquill/src/branch/main/LICENSE)
 */: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);--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);--boosts-bg: rgba(145, 65, 172, 0.1);--boosts-fg: rgb(145, 65, 172);--faves-bg: rgba(229, 165, 10, 0.1);--faves-fg: rgb(229, 165, 10);--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: 0.35s cubic-bezier(0.17, 0.89, 0.32, 1.28);--transition-long: 0.8s;--transition-longer: 0.4s;--transition: 0.2s}@media (prefers-reduced-motion){:root{--transition-bezier: 0;--transition-long: 0;--transition-longer: 0;--transition: 0}}@media (prefers-color-scheme: dark){:root{--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);--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);--boosts-bg: rgba(220, 138, 221, 0.1);--boosts-fg: rgb(220, 138, 221);--faves-bg: rgba(249, 240, 107, 0.1);--faves-fg: rgb(249, 240, 107);color-scheme:dark}}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth;accent-color:var(--primary-color);font-size:16px;overflow-wrap:break-word}html,body{margin:0;padding:0}body{display:grid;grid-template-rows:auto minmax(auto, 1fr) auto;background:var(--bg-color);min-height:100vh;color:var(--fg-color);line-height:1.6;font-family:var(--font-system)}::selection{background-color:var(--primary-color);color:var(--fg-color)}:target:not(#main){animation:var(--transition-long) 1s highlight-in-out;scroll-margin-top:15vh;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-right:auto;margin-left:auto;width:min(var(--content-width),90%)}h1,h2,h3,h4,h5,h6{margin:3rem 0 1rem;font-weight:lighter;line-height:1.25;font-family:var(--font-serif);letter-spacing:-.05em}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;visibility:visible;text-decoration:none}h1{font-size:3rem}h2{font-size:2.4rem}h3{font-size:1.5rem}a{color:var(--primary-color);font-weight:bold}a:hover{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}small{color:var(--fg-muted-5);font-size:.8rem}dl{padding:0}dl dt{margin-top:1rem;padding:0;font-weight:bold;font-size:1rem}dl dd{margin-bottom:1rem;padding:0}hr{margin:2rem auto;border:0;border-top:1px solid var(--fg-muted-2);width:100%}.blog-list hr:last-of-type{display:none}blockquote{margin:0;border-left:.25rem solid var(--primary-color);padding:0 .75rem;color:var(--fg-muted-5)}abbr[title]{-webkit-text-decoration:underline dotted;cursor:help;text-decoration:underline dotted}aside{float:right;margin-inline-start:1rem;box-shadow:var(--edge-highlight);border-radius:var(--rounded-corner);background-color:var(--primary-color-alpha);padding:1rem;width:30%}@media only screen and (max-width: 720px){aside{float:none;margin-inline-start:0;width:100%}}pre,code,kbd{font-family:var(--font-monospace)}code:not(pre code){box-shadow:var(--edge-highlight);border-radius:var(--rounded-corner-small);background-color:var(--fg-muted-2);padding:.125rem .375rem;color:var(--red-fg)}pre{margin:1rem 0 1rem;box-shadow:var(--edge-highlight),var(--shadow);border-radius:var(--rounded-corner);padding:1rem;max-width:100vw;overflow:auto;line-height:normal}pre table td{border:none;padding:0}pre table td:nth-of-type(1){user-select:none;text-align:center}pre mark{display:block;border-radius:0;background-color:var(--fg-muted-1);padding:0;color:var(--fg-color)}pre table{box-shadow:none;border-radius:0;border-collapse:collapse;width:100%;table-layout:auto;overflow:auto}pre[data-linenos]{padding:1rem 0}kbd{display:inline-block;transition:var(--transition);cursor:pointer;box-shadow:inset 0 -2px 0 var(--fg-muted-2),0 -1px 0 var(--fg-muted-3);border-radius:var(--rounded-corner-small);background-color:var(--fg-muted-2);padding:.125rem .375rem;font-size:.8rem;line-height:normal}kbd:active{transform:translateY(2px);box-shadow:inset 0 1px 0 var(--fg-muted-2);background-color:var(--fg-muted-3)}mark{box-shadow:var(--edge-highlight);border-radius:var(--rounded-corner-small);background-color:var(--primary-color-alpha);padding:.125rem .375rem;color:var(--primary-color)}figcaption{display:block;color:var(--fg-muted-4);font-size:.8rem;text-align:center}details{border-radius:var(--rounded-corner);background-color:var(--fg-muted-1);padding:1rem}details>summary{cursor:pointer}table{box-shadow:var(--edge-highlight);border-radius:var(--rounded-corner);border-collapse:collapse;width:100%;table-layout:fixed;overflow:hidden}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;justify-content:space-between;align-items:baseline;margin-top:6rem}.inline-button{display:inline-block;transition:var(--transition);cursor:pointer;box-shadow:var(--edge-highlight);border-radius:var(--rounded-corner);background-color:var(--fg-muted-1);padding:.5rem 1rem;color:var(--fg-color);font-size:.9rem;text-decoration:none}.inline-button:hover{background-color:var(--fg-muted-2);text-decoration:none}.inline-button:active{transform:scale(var(--active))}.inline-button.colored{box-shadow:none;background-color:rgba(0,0,0,0);color:var(--primary-color)}.inline-button.colored:hover{box-shadow:var(--edge-highlight);background-color:var(--primary-color-alpha)}section#comments #qrcode{float:right;margin:3rem 0 0 1rem;background-color:#fff;padding:12.5px;width:150px;height:150px}@media only screen and (max-width: 720px){section#comments #qrcode{display:none}}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;grid-template-columns:min-content;grid-template-areas:"avatar name        " "avatar time        " "avatar post        " "...... interactions";column-gap:1rem;justify-items:start}section#comments .comment.comment-reply{border-left:.25rem solid var(--fg-muted-2);padding-left:1rem}section#comments .comment .avatar-link{position:relative;grid-area:avatar;width:4rem;height:4rem}section#comments .comment .avatar-link .avatar{all:unset;transition:var(--transition);box-shadow:var(--edge-highlight),var(--shadow);border-radius:var(--rounded-corner);background-position:50%;background-size:cover;background-color:var(--fg-muted-1);width:100%;height:100%;overflow:hidden}section#comments .comment .avatar-link .avatar:hover{transform:rotate(10deg) scale(1.1);box-shadow:var(--edge-highlight),var(--shadow-raised)}section#comments .comment .avatar-link .avatar:active{transform:scale(var(--active));box-shadow:var(--edge-highlight),var(--shadow)}section#comments .comment .author{display:flex;grid-area:name;align-items:center;gap:.25rem;font-weight:bold}section#comments .comment .author .instance{transition:var(--transition);box-shadow:var(--edge-highlight);border-radius:999px;background-color:var(--fg-muted-1);padding:.25rem .75rem;color:var(--fg-color);font-size:.8rem;text-decoration:none}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;box-shadow:none;background-color:rgba(0,0,0,0);color:var(--primary-color)}section#comments .comment .author .instance.op:hover{box-shadow:var(--edge-highlight);background-color:var(--primary-color-alpha)}section#comments .comment .author .instance.op::before{margin-inline-end:.25rem;content:"✔"}section#comments .comment .emoji{all:unset;display:inline;vertical-align:middle;width:1.5em;height:1.5em}section#comments .comment time{grid-area:time;color:var(--fg-muted-5);font-size:.8rem}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{display:inline-block;transition:var(--transition);margin-right:.25rem;border-radius:999px;background-color:rgba(0,0,0,0);padding:.25rem .75rem;font-variant-numeric:tabular-nums;text-decoration:none}section#comments .comment footer .boosts svg,section#comments .comment footer .faves svg{vertical-align:-.125em;transition:var(--transition-longer);margin-inline-end:.25rem}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:active,section#comments .comment footer .faves:active{transform:scale(var(--active))}section#comments .comment footer .boosts{color:var(--boosts-fg)}section#comments .comment footer .boosts:hover{background-color:var(--boosts-bg)}section#comments .comment footer .boosts:hover svg{rotate:180deg}section#comments .comment footer .faves{color:var(--faves-fg)}section#comments .comment footer .faves:hover{background-color:var(--faves-bg)}section#comments .comment footer .faves:hover svg{rotate:72deg}.crt{margin:1rem 0 1rem;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);border-radius:var(--rounded-corner);background:radial-gradient(rgba(0,0,0,.7), rgba(0,0,0,.85)),var(--primary-color)}.crt pre{animation:flicker .25s alternate infinite;margin:unset;box-shadow:unset;background-color:unset;padding:1rem 1rem;color:var(--primary-color);text-shadow:var(--primary-color-alpha) 0 0 4px,var(--primary-color) 0 0 12px}@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{display:block;position:absolute;top:0;left:0;z-index:1;animation:scanlines .25s 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);width:100%;height:calc(100% + .5rem);pointer-events:none;content:""}@keyframes scanlines{from{transform:translateY(-.5rem)}to{transform:translateY(0)}}@media (prefers-reduced-motion){.scanlines::before{animation:none}}.scanlines::after{display:block;position:absolute;bottom:100%;left:0;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%);width:100%;height:8rem;pointer-events:none;content:""}@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{margin-top:4rem;padding:3rem 0 3rem;font-size:1rem;text-align:center}#site-footer details{all:unset;color:var(--fg-muted-5);font-size:.8rem}#johnvertisement{display:block;margin:0 auto;border:none;width:min(728px,100vw);height:min(90px,12.367vw)}.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{transform:scale(1.1);box-shadow:var(--shadow-raised);border-radius:0}img,video{display:block;margin:1rem auto;box-shadow:var(--shadow);border-radius:var(--rounded-corner);max-width:100%}img.full,video.full{width:100%}img.pixels,video.pixels{image-rendering:pixelated}img.transparent,video.transparent{box-shadow:none;border-radius:0}img.transparent:hover,video.transparent:hover{box-shadow:none}#site-nav{-webkit-backdrop-filter:var(--blur);position:sticky;top:1rem;z-index:999;backdrop-filter:var(--blur);margin:1rem auto;box-shadow:var(--edge-highlight),0px 12px 24px -16px rgba(0,0,0,.5);border-radius:26px;background-color:var(--nav-bg);max-width:min(var(--content-width) + 10rem,90%)}#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;justify-content:center;gap:.25rem;margin:0;padding:0}#site-nav nav li{display:inline-flex;list-style:none}#site-nav nav a{transition:var(--transition);border-radius:999px;padding:.325rem .75rem;color:var(--fg-muted-4);text-decoration:none}#site-nav nav a:hover{box-shadow:var(--edge-highlight);background-color:var(--fg-muted-1);color:var(--primary-color);text-decoration:none}#site-nav nav a:active{transform:scale(var(--active))}#site-nav nav #main-content{position:absolute;transform:translateY(-300%);z-index:999;background:var(--bg-color)}#site-nav nav #main-content:focus{transform:translateY(0)}#site-nav nav #home{position:relative;margin-right:.625rem}#site-nav nav #home::after{position:absolute;top:0;right:-.5rem;background-color:var(--fg-muted-2);width:1px;height:110%;content:""}#site-nav nav #home a{color:var(--fg-muted-5);font-weight:800}#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{padding-top:1rem;padding-right:35%;padding-bottom:1rem;padding-left:35%;width:100%}#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-right:1rem;padding-left:0}#post-nav .post-nav-item:nth-child(2n){padding-right:0;padding-left:1rem;text-align:right}#post-nav .post-nav-item .nav-arrow{margin-bottom:.5rem;color:var(--fg-muted-5);font-weight:normal}#post-nav .post-nav-item .post-title{transition:var(--transition);color:var(--fg-color)}.statement-container{margin:1rem 0 1rem;box-shadow:var(--edge-highlight);border-radius:var(--rounded-corner);padding:1rem 1rem .5rem 1rem}.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{display:inline-block;padding:0;list-style:none}.tags li{display:inline-block;transition:var(--transition);margin:0 .25rem .5rem 0}.tags li:active{transform:scale(var(--active))}.tags .tag{transition:var(--transition);box-shadow:var(--edge-highlight);border-radius:999px;background-color:var(--fg-muted-1);padding:.25rem .75rem;color:var(--fg-color);text-decoration:none}.tags .tag:hover{background-color:var(--primary-color-alpha);color:var(--primary-color);text-decoration:none}.tags .tag::before{content:"#"}