@font-face{font-family:"Host Grotesk Fallback";src:local("system-ui"),local("-apple-system"),local("BlinkMacSystemFont"),local("Segoe UI"),local("Roboto");ascent-override:90%;descent-override:22%;line-gap-override:0%;size-adjust:100%;font-display:swap}@font-face{font-family:"Host Grotesk";src:url("/fonts/HostGrotesk-VariableFont.woff2") format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap;font-optical-sizing:auto;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Host Grotesk";src:url("/fonts/HostGrotesk-Italic-VariableFont.woff2") format("woff2-variations");font-weight:100 900;font-style:italic;font-display:swap;font-optical-sizing:auto;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--bg-primary: light-dark(#fff, #000);--bg-secondary: light-dark(oklch(96.7% .001 286.375), oklch(21% .006 285.885));--bg-code: light-dark(oklch(92% .004 286.32), oklch(37% .013 285.805));--bg-header: light-dark(rgba(255,255,255,.75), rgba(0,0,0,.5));--text-primary: light-dark(#000, #fff);--text-secondary: light-dark(oklch(44.2% .017 285.786), oklch(70.5% .015 286.067));--text-muted: light-dark(oklch(55.2% .016 285.938), oklch(70.5% .015 286.067));--border-primary: light-dark(#000, #fff);--border-secondary: light-dark(oklch(92% .004 286.32), oklch(37% .013 285.805));--border-tertiary: light-dark(oklch(70.5% .015 286.067), oklch(55.2% .016 285.938));--accent: oklch(69% .25427 14.315);--accent-green: oklch(72.3% .219 149.579)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-family:"Host Grotesk","Host Grotesk Fallback",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-optical-sizing:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-secondary);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;min-height:100vh;font-weight:400}b,strong{font-weight:700}header a{color:inherit;text-decoration:none}a{color:inherit;text-decoration:none}a:not(nav a):not(.button){font-weight:700}a:not(nav a):not(.button):hover{text-decoration:underline}a:focus{outline:2px solid var(--border-primary);outline-offset:1px}.skip-nav{position:absolute;top:-40px;left:6px;background:var(--text-primary);color:var(--bg-primary);padding:.5rem 1rem;text-decoration:none;font-weight:700;font-size:.875rem;z-index:1000}.skip-nav:focus{top:6px;outline:2px solid var(--bg-primary);text-decoration:underline}img,video{max-width:100%;height:auto;display:block}pre{border-radius:0;font-family:monospace}code{font-family:monospace}code::before,code::after{content:""}.container{background:var(--bg-primary);margin:0 1rem;display:flex;flex-direction:column-reverse;min-width:100vw;max-width:100vw}@media (min-width: 40rem){.container{margin:1rem 0;border:2px solid var(--border-primary);min-width:60ch;width:60ch;flex-direction:column}}@media (min-width: 64rem){.container{min-width:78ch}}header{font-size:.75rem;padding:.5rem 1rem;display:flex;flex-wrap:wrap;position:sticky;bottom:0;z-index:10;backdrop-filter:blur(8px);background:var(--bg-header);font-family:monospace;font-size:.75rem}header:not(:first-child){border-top:2px dashed var(--border-secondary)}@media (max-width: 40rem){header{border-top:2px dashed var(--border-secondary)}}header>span:first-child{align-content:center}header>*+*{margin-left:1rem}@media (min-width: 40rem){header{text-wrap:wrap}}header nav{display:flex;flex-grow:1}header nav>*+*{margin-left:.5rem}header nav a{color:inherit;padding-inline:.4rem;text-decoration:none;border:2px solid rgba(0,0,0,0)}header nav a.current{background-color:var(--text-primary);color:var(--bg-primary)}header nav a:hover{border-color:var(--border-primary)}header aside{display:flex;align-items:center;gap:.25rem}header aside i{display:inline-block;width:10px;height:10px;border:1px solid var(--border-primary);border-radius:6px;transition:background .3s ease;background:var(--border-tertiary)}header aside i.up{background:var(--accent-green)}header aside i.down{background:var(--accent)}header aside i.pending{background:oklch(80% .15 85)}header aside i.maintenance{background:oklch(60% .15 250)}footer{display:flex;flex-direction:column;border-top:2px dashed var(--border-secondary);padding:1rem;text-align:center}@media (max-width: 40rem){footer:last-child{border-top:none}}footer p{font-family:monospace;font-size:.875rem;color:var(--text-secondary)}.button{background:var(--text-primary);color:var(--bg-primary);border:2px solid var(--border-primary);width:100%;padding:0 .75rem;text-align:center;font-family:monospace;text-decoration:none;display:inline-block}.button:hover{background:var(--bg-primary);color:var(--text-primary)}.post-preview{display:flex;flex-direction:column;padding:1rem}.post-preview h3{margin:0 0 .25rem 0}.post-preview div:not(.post-meta){margin-bottom:1rem}.post-meta{display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem;font-size:.875rem;color:var(--text-secondary)}.post-list{display:flex;flex-direction:column;border:2px solid var(--border-primary);margin-top:1rem}.post-list .post-preview:not(:last-child){border-bottom:1px dotted var(--border-secondary)}.pagination{margin-top:1rem;display:flex;gap:1rem}.page-numbers{font-family:monospace;font-size:.875rem;min-width:max-content;align-content:center}main{padding:1rem max(1rem,(100% - 65ch)/2);font-size:1rem;line-height:1.75;min-height:100vh;border-top:2px dashed var(--border-secondary)}@media (min-width: 40rem){main{font-size:1.125rem;min-height:min-content}}main>:first-child{margin-top:0}main>:last-child{margin-bottom:0}main p{margin:1.2em 0}main h1{font-size:2.25em;font-weight:700;line-height:1.1;margin:0 0 0em 0}main h2{font-size:1.5em;font-weight:700;line-height:1.33;margin:1.2em 0 .5em 0}main h3{font-size:1.25em;font-weight:700;line-height:1.6;margin:.7em 0 .2em 0}main h4{font-weight:700;line-height:1.5;margin:.7em 0 0 0}main .updated{text-decoration:underline;cursor:help}main a:not(.button):not(.zola-anchor){font-weight:700;text-decoration:none}main a:not(.button):not(.zola-anchor):hover{text-decoration:underline}main a:not(.button):not(.zola-anchor)[href^=http]:not([href*="madoka.systems"]):not([href*="127.0.0.1"]):not([href*=localhost])::after{content:" ↗";font-size:.875em}main .zola-anchor{color:var(--text-primary);text-decoration:none}main ul,main ol{margin:.75em 0;padding-left:1.5em}main ul{list-style-type:disc}main ol{list-style-type:decimal}main li{margin:1em 0}main code{font-size:.875em;font-weight:700}main pre{background:var(--bg-code);margin:1em 0;padding:1rem;font-size:.875rem;line-height:1.25;overflow-x:auto;border:2px solid var(--border-primary)}main pre code{background:none;padding:0;font-weight:inherit;font-size:inherit}main blockquote{border-left:.25rem solid var(--border-secondary);padding-left:1em;margin:1.6em 0;font-style:italic;font-weight:400}main img,main video{max-height:80vh;object-fit:contain;margin-inline:auto;}main figure{margin:1.6em 0}main figure img{width:100%;height:auto;object-fit:contain}main figure.figure--limited img{width:auto;max-width:100%;display:block;margin:0 auto}main figcaption{font-size:.875rem;color:var(--text-secondary);text-align:center;margin-top:.5rem;font-style:italic}main table{width:100%;margin:2em 0;font-size:.875em;line-height:1.5;border-collapse:collapse}main th,main td{text-align:left;padding:.5em;border-bottom:1px solid var(--border-secondary)}main th{font-weight:700}main hr{border:none;border-top:1px solid var(--border-secondary);margin:3em 0}.error-page{text-align:center;padding:1.5rem 0}.error-page h1{font-size:4rem;font-weight:700;margin:0 0 .5rem 0}.error-page h2{font-size:1.5rem;font-weight:700;margin:0 0 1rem 0}.error-page p{margin:0 0 1.5rem 0}.error-page .error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.error-page .error-actions .button{width:auto;padding:.5rem 1.5rem;margin-bottom:0}.bsky-comments{display:none;margin-top:2rem;padding-top:1.5rem}.bsky-comments h2{margin-bottom:1rem}.bsky-comment-wrapper{margin-bottom:.5rem;position:relative}.bsky-comment{display:flex;gap:.5rem;padding:.5rem;border:2px solid var(--border-primary)}.bsky-avatar{width:32px;height:32px;margin-top:.25rem;border-radius:50%;flex-shrink:0}.bsky-avatar.bsky-avatar--fallback{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%)}.bsky-content{flex:1;min-width:0}.bsky-author{font-size:.75rem;margin-bottom:.25rem}.bsky-author a{text-decoration:none}.bsky-name{font-weight:700}.bsky-text{font-size:.875rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.bsky-actions{display:flex;gap:1rem;margin-top:.25rem;font-size:.75rem;color:var(--text-muted)}.bsky-action{display:flex;align-items:center;gap:.25rem}.bsky-action svg{width:14px;height:14px}.bsky-handle{color:var(--text-muted);font-weight:normal;margin-left:.25rem}.bsky-thread{margin-top:.5rem;padding-left:1rem;border-left:2px solid var(--border-tertiary)}.bsky-comment-wrapper:last-child>.bsky-thread{position:relative}.bsky-comment-wrapper:last-child>.bsky-thread::before{content:"";position:absolute;left:-2px;top:0;height:1.75rem;width:2px;background:var(--border-tertiary)}.bsky-stats{margin:1rem 0}.bsky-stats-link{display:flex;gap:1.5rem;text-decoration:none;color:inherit}.bsky-stats-link:hover .bsky-stat{color:var(--text-primary)}.bsky-stat{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--text-secondary);transition:color .2s}.bsky-stat svg{width:18px;height:18px}.bsky-reply-cta{font-size:.875rem;color:var(--text-secondary);margin:.5rem 0 1rem}.bsky-reply-cta a{text-decoration:underline}.bsky-empty,.bsky-error{font-size:.875rem;color:var(--text-muted);font-style:italic;padding:1rem 0}