@font-face{font-family:jetbrains mono;src:url(/fonts/JetBrainsMono-Regular.woff2)format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:jetbrains mono;src:url(/fonts/JetBrainsMono-Italic.woff2)format('woff2');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:jetbrains mono;src:url(/fonts/JetBrainsMono-Bold.woff2)format('woff2');font-weight:700;font-style:normal;font-display:swap}:root{--phi:1.618;--phi-half:1.272;--phi-quarter:1.128;--phi-eighth:1.062;--sp-3xs:0.146em;--sp-2xs:0.236em;--sp-xs:0.382em;--sp-sm:0.618em;--sp-md:1em;--sp-lg:1.618em;--sp-xl:2.618em;--sp-2xl:4.236em;--sp-3xl:6.854em;--fs-body:1em;--lh-body:1.618;--fs-heading:1.128em;--fs-title3:1.272em;--fs-title2:1.618em;--fs-title1:2.058em;--fs-caption:0.786em;--fs-label:0.886em;--lh-tight:1.272;--bg:#f5f2eb;--bg-surface:#ece8df;--fg:#2c2c2c;--fg-muted:#6b6b6b;--fg-faint:#767676;--accent:#4a6fa5;--border:#d4d0c8;--code-bg:#e8e4db;--selection:#4a6fa580;--transition:180ms ease}[data-theme=dark]{--bg:#1a1a1a;--bg-surface:#242424;--fg:#d0d0d0;--fg-muted:#8a8a8a;--fg-faint:#838383;--accent:#8ab4f8;--border:#383838;--code-bg:#282828;--selection:#8ab4f840}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--selection)}html{font-size:100%;-webkit-text-size-adjust:100%}body{font-family:jetbrains mono,ibm plex mono,fira code,sf mono,cascadia code,consolas,ui-monospace,monospace;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg);background:var(--bg);max-width:72ch;margin:0 auto;padding:var(--sp-xl)var(--sp-lg);transition:color var(--transition),background var(--transition)}body.gallery-page{max-width:90ch}h1,h2,h3,h4{line-height:var(--lh-tight);font-weight:700}h1{font-size:var(--fs-title2);margin-bottom:var(--sp-xs)}h2{font-size:var(--fs-title3);margin-bottom:var(--sp-xs)}h3{font-size:var(--fs-heading);margin-bottom:var(--sp-3xs)}p{margin-bottom:var(--sp-sm)}a{color:var(--accent);text-decoration:none;transition:color var(--transition)}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}img{max-width:100%;height:auto}blockquote{border-left:3px solid var(--border);padding-left:var(--sp-sm);color:var(--fg-muted);margin:var(--sp-sm)0}hr{border:none;border-top:1px solid var(--border);margin:var(--sp-lg)0}code{font-family:inherit;font-size:var(--fs-label);background:var(--code-bg);padding:.1em .3em;border:1px solid var(--border)}pre{background:var(--code-bg);border:1px solid var(--border);padding:var(--sp-sm);font-size:var(--fs-caption);line-height:1.4;overflow-x:auto;margin:var(--sp-sm)0}pre code{background:0 0;border:none;padding:0;font-size:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:var(--sp-sm);background:var(--bg);color:var(--fg);padding:var(--sp-xs)var(--sp-sm);border:2px solid var(--accent);z-index:100;font-size:var(--fs-body)}.skip-link:focus{top:var(--sp-sm)}@media(max-width:600px){body{padding:var(--sp-lg)var(--sp-sm)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.site-header{margin-bottom:var(--sp-2xl)}.site-title{font-size:var(--fs-title1);font-weight:700;color:var(--fg);line-height:var(--lh-tight);display:block;margin-bottom:var(--sp-3xs)}.site-title:hover{color:var(--accent);text-decoration:none}.site-tagline{color:var(--fg-muted);font-size:var(--fs-heading);font-weight:400;margin-bottom:var(--sp-sm)}.site-nav{list-style:none;display:flex;flex-wrap:wrap;gap:0;font-size:var(--fs-label)}.site-nav li+li::before{content:", ";color:var(--fg-faint)}.site-nav a[aria-current=page]{color:var(--fg);font-weight:700}.section{margin-bottom:var(--sp-xl)}.section-label{font-size:var(--fs-label);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);border-bottom:1px solid var(--border);padding-bottom:var(--sp-3xs);margin-bottom:var(--sp-sm);line-height:var(--lh-tight)}.info-grid{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-3xs)var(--sp-lg);margin-bottom:var(--sp-sm)}.info-grid dt{color:var(--fg-muted);font-weight:600;text-align:right;white-space:nowrap}.info-grid dd{margin:0}@media(max-width:600px){.info-grid{grid-template-columns:1fr;gap:var(--sp-3xs)}.info-grid dt{text-align:left;margin-top:var(--sp-xs)}}.btn{display:inline-flex;align-items:center;gap:var(--sp-3xs);padding:var(--sp-3xs)var(--sp-xs);font-family:inherit;font-size:var(--fs-label);line-height:var(--lh-body);color:var(--fg);background:var(--code-bg);border:1px solid var(--border);cursor:pointer;margin:0;transition:color var(--transition),background var(--transition),border-color var(--transition)}.btn:hover{color:var(--accent);border-color:var(--fg-muted);text-decoration:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle{position:fixed;top:var(--sp-sm);right:var(--sp-sm);z-index:10}.links-list{list-style:none}.links-list li{margin-bottom:var(--sp-3xs)}.links-list li::before{content:"~ "/"";color:var(--fg-faint)}.site-footer{margin-top:var(--sp-3xl);padding-top:var(--sp-sm);border-top:1px solid var(--border);color:var(--fg-faint);font-size:var(--fs-label)}.project{margin-bottom:var(--sp-md)}.project-name{font-weight:700;font-size:var(--fs-heading);line-height:var(--lh-tight);margin-bottom:var(--sp-3xs)}.project-name a{color:var(--fg)}.project-name a:hover{color:var(--accent)}.project-desc{color:var(--fg-muted);font-size:var(--fs-label);margin-top:var(--sp-3xs)}.pgp-block{position:relative}.pgp-key{background:var(--code-bg);border:1px solid var(--border);padding:var(--sp-sm);font-size:var(--fs-caption);line-height:1.4;overflow-x:auto;white-space:pre;max-height:20em;overflow-y:auto;margin-bottom:var(--sp-xs)}.pgp-actions{display:flex;gap:var(--sp-sm);margin-top:var(--sp-xs)}.blogroll{margin-bottom:var(--sp-sm)}.blogroll-entry{display:flex;gap:var(--sp-sm);align-items:baseline;margin-bottom:var(--sp-3xs)}.blogroll-entry time{color:var(--fg-muted);white-space:nowrap}.blogroll-entry h3{font-size:var(--fs-body);font-weight:400;margin:0}.blogroll-break{margin-bottom:var(--sp-lg)}.archive-link{font-size:var(--fs-label)}.post-header{margin-bottom:var(--sp-lg)}.post-header time{color:var(--fg-muted);font-size:var(--fs-label);display:block;margin-bottom:var(--sp-xs)}.post-content{margin-bottom:var(--sp-xl)}.post-content img{border:1px solid var(--border);margin:var(--sp-sm)0}.post-content h2{font-size:var(--fs-label);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);border-bottom:1px solid var(--border);padding-bottom:var(--sp-3xs);margin-top:var(--sp-xl);margin-bottom:var(--sp-sm)}.post-content h2:first-child{margin-top:var(--sp-lg)}.post-content h3{font-size:var(--fs-label);font-weight:700;color:var(--fg-muted);margin-top:var(--sp-xl);margin-bottom:var(--sp-xs)}.post-content h4{font-size:var(--fs-label);font-weight:400;font-style:italic;color:var(--fg-muted);margin-top:var(--sp-lg);margin-bottom:var(--sp-xs)}.post-content blockquote{margin-top:var(--sp-lg);margin-bottom:var(--sp-lg)}.post-content .highlight,.post-content pre{margin-top:var(--sp-lg);margin-bottom:var(--sp-lg)}.post-content ul,.post-content ol{padding-left:var(--sp-lg);margin-bottom:var(--sp-sm)}.post-content li{margin-bottom:var(--sp-3xs)}.post-footer{border-top:1px solid var(--border);padding-top:var(--sp-sm)}.back-to-top{font-size:var(--fs-label);color:var(--fg-muted);display:block;text-align:right;margin-top:var(--sp-sm);margin-bottom:var(--sp-lg)}.post-nav{display:flex;justify-content:space-between;gap:var(--sp-lg);font-size:var(--fs-label);margin-top:var(--sp-sm)}.post-nav a{max-width:45%}.post-nav-next{margin-left:auto;text-align:right}.toc{border-left:3px solid var(--border);padding-left:var(--sp-sm);margin-bottom:var(--sp-lg);font-size:var(--fs-label)}.toc .section-label{border-bottom:none;padding-bottom:0;margin-bottom:var(--sp-xs)}.toc ol{padding-left:var(--sp-lg)}.toc li{margin-bottom:var(--sp-3xs)}.tag-list{font-size:var(--fs-label);color:var(--fg-muted)}.codeblock-label{font-family:inherit;background:var(--code-bg);color:var(--fg-muted);font-size:var(--fs-caption);border:1px solid var(--border);border-bottom:none;padding:var(--sp-3xs)var(--sp-sm);margin:var(--sp-sm)0 0;font-weight:700}.codeblock-label+.highlight pre{margin-top:0;border-top:1px solid var(--border)}a[target=_blank]:not([href*="okt.wtf"])::after{content:"";width:.65em;height:.65em;margin-left:.2em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;opacity:.5}.gallery-grid{columns:3;column-gap:var(--sp-lg);margin-bottom:var(--sp-lg)}.gallery-card{display:block;position:relative;padding-right:4px;padding-bottom:4px;break-inside:avoid;margin-bottom:var(--sp-lg)}.gallery-card:hover{text-decoration:none}.gallery-card::after{content:"";position:absolute;top:4px;left:4px;right:0;bottom:0;z-index:0;background:var(--border);transition:background var(--transition)}.gallery-card:hover::after{background:var(--accent)}.gallery-card figure{margin:0;position:relative;z-index:1;overflow:hidden;border:1px solid var(--border);background:var(--code-bg);transition:border-color var(--transition)}.gallery-card:hover figure{border-color:var(--accent)}.gallery-card img{width:100%;height:auto;display:block}.gallery-card figcaption{position:absolute;bottom:0;left:0;right:0;padding:var(--sp-xs)var(--sp-sm);background:linear-gradient(transparent,rgba(0,0,0,.7));color:#f5f2eb;font-size:var(--fs-label);font-weight:700}.gallery-detail figure{margin:0 0 var(--sp-lg);position:relative;display:block;padding-right:4px;padding-bottom:4px}.gallery-detail figure::after{content:"";position:absolute;top:4px;left:4px;right:0;bottom:0;z-index:0;background:var(--border)}.gallery-detail figure img{width:100%;border:1px solid var(--border);display:block;position:relative;z-index:1}.gallery-meta{margin-bottom:var(--sp-lg)}.gallery-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3xs);margin:var(--sp-sm)0 var(--sp-lg)}@media(min-width:1200px){.gallery-detail figure.landscape{margin-left:-20%;margin-right:-20%}}section[id]{scroll-margin-top:var(--sp-lg);margin-top:var(--sp-xl)}@media(max-width:600px){.gallery-grid{columns:1}}@media(min-width:601px) and (max-width:900px){.gallery-grid{columns:2}}@media(prefers-reduced-motion:reduce){.gallery-card::after,.gallery-card figure{transition:none}}.highlight pre{background:var(--code-bg);border:1px solid var(--border);padding:var(--sp-sm);font-size:var(--fs-caption);line-height:1.4;overflow-x:auto;margin:var(--sp-sm)0}.chroma{color:var(--fg)}.chroma .lnlinks{outline:none;text-decoration:none;color:inherit}.chroma .lntd{vertical-align:top;padding:0;margin:0;border:0}.chroma .lntable{border-spacing:0;padding:0;margin:0;border:0}.chroma .hl{background-color:var(--selection)}.chroma .lnt{white-space:pre;user-select:none;margin-right:.4em;padding:0 .4em;color:var(--fg-faint)}.chroma .ln{white-space:pre;user-select:none;margin-right:.4em;padding:0 .4em;color:var(--fg-faint)}.chroma .line{display:flex}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr,.chroma .kt{color:#80a0ff}.chroma .nc{color:#79dac8}.chroma .nd{color:#d183e8}.chroma .nf,.chroma .fm{color:#e3c78a}.chroma .s,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .dl,.chroma .sd,.chroma .s2,.chroma .se,.chroma .sh,.chroma .si,.chroma .sx,.chroma .sr,.chroma .s1,.chroma .ss{color:#8cc85f}.chroma .c,.chroma .ch,.chroma .cm,.chroma .c1,.chroma .cs,.chroma .cp,.chroma .cpf{color:#6b737f;font-style:italic}[data-theme=light] .chroma .k,[data-theme=light] .chroma .kc,[data-theme=light] .chroma .kd,[data-theme=light] .chroma .kn,[data-theme=light] .chroma .kp,[data-theme=light] .chroma .kr,[data-theme=light] .chroma .kt{color:#1a5fb4}[data-theme=light] .chroma .nc{color:#007575}[data-theme=light] .chroma .nd{color:#9141ac}[data-theme=light] .chroma .nf,[data-theme=light] .chroma .fm{color:#a85e00}[data-theme=light] .chroma .s,[data-theme=light] .chroma .sa,[data-theme=light] .chroma .sb,[data-theme=light] .chroma .sc,[data-theme=light] .chroma .dl,[data-theme=light] .chroma .sd,[data-theme=light] .chroma .s2,[data-theme=light] .chroma .se,[data-theme=light] .chroma .sh,[data-theme=light] .chroma .si,[data-theme=light] .chroma .sx,[data-theme=light] .chroma .sr,[data-theme=light] .chroma .s1,[data-theme=light] .chroma .ss{color:#26752b}[data-theme=light] .chroma .c,[data-theme=light] .chroma .ch,[data-theme=light] .chroma .cm,[data-theme=light] .chroma .c1,[data-theme=light] .chroma .cs,[data-theme=light] .chroma .cp,[data-theme=light] .chroma .cpf{color:#8a8a8a}.loupe-toggle[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.loupe{position:fixed;width:568px;height:568px;top:0;left:0;pointer-events:none;z-index:50;display:none;will-change:transform}.loupe.is-active{display:block}.loupe-viewport{position:absolute;inset:24px;border-radius:50%;overflow:hidden;background:var(--code-bg);z-index:1}.loupe-viewport iframe{position:absolute;border:none;pointer-events:none;transform-origin:0 0}.loupe-glass{position:absolute;inset:24px;border-radius:50%;overflow:hidden;z-index:2}.loupe-glass canvas{width:100%;height:100%;display:block}.loupe-glass::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient( ellipse 60% 50% at 35% 30%,rgba(255,255,255,.1) 0%,rgba(255,255,255,3%) 40%,transparent 70% );pointer-events:none}.loupe-bezel{position:absolute;inset:24px;border-radius:50%;pointer-events:none;z-index:3;border:24px solid #000;box-shadow:inset 0 0 0 2px #000,0 2px 16px rgba(0,0,0,.6);background:0 0}.loupe-bezel::before{display:none}.loupe-bezel::after{content:"";position:absolute;inset:-24px;border-radius:50%;background:linear-gradient( 135deg,rgba(255,255,255,.12) 0%,transparent 35%,transparent 65%,rgba(255,255,255,4%) 100% );mask-image:radial-gradient(circle,transparent 83%,black 83.5%,black 91%,transparent 91.5%);-webkit-mask-image:radial-gradient(circle,transparent 83%,black 83.5%,black 91%,transparent 91.5%)}.loupe-text{position:absolute;inset:0;z-index:4;pointer-events:none}.loupe-text svg{width:100%;height:100%}.loupe-text text{fill:rgba(255,255,255,.35);font-family:jetbrains mono,monospace;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.loupe-ticks{position:absolute;inset:24px;border-radius:50%;pointer-events:none;z-index:3}.loupe-tick{position:absolute;background:#000}.loupe-tick--top{width:1px;height:18px;left:50%;top:18px;transform:translateX(-.5px)}.loupe-tick--bottom{width:1px;height:18px;left:50%;bottom:18px;transform:translateX(-.5px)}.loupe-tick--left{height:1px;width:18px;top:50%;left:18px;transform:translateY(-.5px)}.loupe-tick--right{height:1px;width:18px;top:50%;right:18px;transform:translateY(-.5px)}.loupe-center{position:absolute;top:50%;left:50%;z-index:5;pointer-events:none}.loupe-center::before{content:"";position:absolute;top:0;left:-8px;width:17px;height:1px;background:#000}.loupe-center::after{content:"";position:absolute;top:-8px;left:0;width:1px;height:17px;background:#000}@media(prefers-reduced-motion:reduce){.loupe{display:none!important}}@media(max-width:768px){.loupe-toggle{display:none}}