@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hanken-grotesk-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hanken-grotesk-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/hanken-grotesk-500-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/hanken-grotesk-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/hanken-grotesk-600-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/hanken-grotesk-600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-500-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-700-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/syne-600-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/syne-600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/syne-700-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/syne-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/syne-800-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/syne-800-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,:root[data-theme=dark]{--bg:#070708;--bg-soft:#0d0d10;--panel:#ffffff06;--panel-border:#ffffff14;--text:#e7e7ea;--text-dim:#8b8b94;--text-faint:#7d7d86;--cyan:#2ee6e6;--violet:#b06bff;--glow-cyan:#2ee6e680;--atmo-1:#2ee6e617;--atmo-2:#b06bff17;--mono:"JetBrains Mono", ui-monospace, monospace;--display:"Syne", sans-serif;--body:"Hanken Grotesk", system-ui, sans-serif}:root[data-theme=light]{--bg:#f4f4f6;--bg-soft:#fff;--panel:#0c0c1808;--panel-border:#0c0c181a;--text:#15151a;--text-dim:#4a4a55;--text-faint:#5e5e69;--cyan:#0a7d7d;--violet:#7c3aed;--glow-cyan:#0a9b9b4d;--atmo-1:#0a9b9b1a;--atmo-2:#7c3aed1f}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}.skip-link{z-index:100;background:var(--bg-soft);border:1px solid var(--cyan);color:var(--text);font-family:var(--mono);border-radius:8px;padding:8px 14px;font-size:.8rem;transition:transform .2s;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7;transition:background .3s,color .3s;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(600px 600px at 12% 8%, var(--atmo-1), transparent 60%), radial-gradient(700px 700px at 88% 92%, var(--atmo-2), transparent 60%), var(--bg);position:fixed;inset:0}a{color:inherit;text-decoration:none}::selection{background:var(--cyan);color:#04110f}.wrap{max-width:720px;margin:0 auto;padding:0 24px 96px}.site-head{font-family:var(--mono);justify-content:space-between;align-items:center;padding:36px 0 60px;font-size:.85rem;display:flex}.site-title{letter-spacing:-.01em;font-weight:700}.site-head a{color:var(--text-dim);transition:color .2s}.site-head a:hover{color:var(--cyan)}.lead{font-family:var(--display);letter-spacing:-.01em;margin-bottom:8px;font-size:clamp(1.9rem,5vw,2.7rem);font-weight:700}.lead-sub{color:var(--text-dim);margin-bottom:48px}.post-list{flex-direction:column;gap:4px;list-style:none;display:flex}.post-item a{border:1px solid #0000;border-radius:14px;padding:22px;transition:border-color .25s,background .25s;display:block}.post-item a:hover{border-color:var(--panel-border);background:var(--panel)}.post-date{font-family:var(--mono);color:var(--text-faint);text-transform:lowercase;font-size:.74rem}.post-meta-row{align-items:center;gap:8px;display:flex}.post-title{margin:4px 0 6px;font-size:1.25rem;font-weight:600}.post-desc{color:var(--text-dim);font-size:.96rem}.pagination{justify-content:space-between;align-items:center;gap:16px;margin-top:56px;font-size:.85rem;display:flex}.pagination a{color:var(--text-dim);transition:color .2s}.pagination a:hover{color:var(--cyan)}.pagination .disabled{color:var(--text-faint);opacity:.4}.pagination .page-count{color:var(--text-faint)}.article-head{margin-bottom:36px}.post-meta{font-family:var(--mono);color:var(--text-faint);align-items:center;gap:8px;font-size:.74rem;display:flex}.post-meta .read-time,.post-meta .dot{text-transform:lowercase}.article-title{font-family:var(--display);letter-spacing:-.02em;margin:10px 0;font-size:clamp(2rem,6vw,3rem);font-weight:800;line-height:1.05}.prose{overflow-wrap:break-word;font-size:1.05rem}.prose>*+*{margin-top:1.1em}.prose h2{font-family:var(--display);margin-top:1.8em;font-size:1.5rem}.prose h3{margin-top:1.6em;font-size:1.2rem}.prose a{color:var(--cyan);text-underline-offset:3px;text-decoration:underline}.prose code{font-family:var(--mono);background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;padding:1px 6px;font-size:.88em}.prose pre{font-family:var(--mono);background:var(--bg-soft);border:1px solid var(--panel-border);border-radius:12px;padding:18px 20px;font-size:.9rem;position:relative;overflow-x:auto}.code-copy{border:1px solid var(--panel-border);background:var(--bg);color:var(--text-faint);cursor:pointer;opacity:0;border-radius:7px;padding:3px 9px;font-size:.68rem;transition:opacity .2s,color .2s,border-color .2s;position:absolute;top:10px;right:10px}.prose pre:hover .code-copy,.code-copy:focus-visible{opacity:1}.code-copy:hover{color:var(--cyan);border-color:var(--cyan)}.prose pre code{background:0 0;border:none;padding:0}.prose table{-webkit-overflow-scrolling:touch;border-collapse:collapse;max-width:100%;font-size:.92rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--panel-border);text-align:left;vertical-align:top;overflow-wrap:break-word;padding:7px 11px}.prose th{background:var(--panel);font-weight:600}.prose ul,.prose ol{padding-left:1.3em}.post-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;display:flex}.share-btn{border:1px solid var(--panel-border);background:var(--bg-soft);color:var(--text-dim);cursor:pointer;border-radius:99px;align-items:center;gap:7px;padding:6px 14px;font-size:.78rem;transition:color .2s,border-color .2s;display:inline-flex}.share-btn:hover{color:var(--cyan);border-color:var(--cyan)}.share-btn svg{width:14px;height:14px}.post-buttons{align-items:center;gap:10px;display:inline-flex}.like-btn{border:1px solid var(--panel-border);background:var(--bg-soft);color:var(--text-dim);cursor:pointer;border-radius:99px;align-items:center;gap:7px;padding:6px 14px;font-size:.78rem;transition:color .2s,border-color .2s;display:inline-flex}.like-btn:hover{color:var(--cyan);border-color:var(--cyan)}.like-heart{fill:none;stroke:currentColor;stroke-width:2px;width:15px;height:15px;transition:fill .2s,stroke .2s,transform .2s}.like-btn.liked{color:var(--cyan);border-color:var(--cyan)}.like-btn.liked .like-heart{fill:var(--cyan);stroke:var(--cyan);transform:scale(1.12)}.like-count:empty,.is-draft-hidden{display:none}[data-preview] .is-draft-hidden{display:revert}[data-preview] .draft-gate{display:none}.draft-gate{padding:40px 0 80px}.draft-banner{border:1px dashed color-mix(in srgb, var(--cyan) 55%, var(--panel-border));color:var(--cyan);letter-spacing:.03em;border-radius:999px;margin:0 0 22px;padding:5px 12px;font-size:.72rem;display:inline-block}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{font-family:var(--mono);color:var(--text-dim);border:1px solid var(--panel-border);border-radius:99px;padding:4px 10px;font-size:.72rem}.tag-link{transition:color .2s,border-color .2s}.tag-link:hover{color:var(--cyan);border-color:var(--cyan)}.tag-count{color:var(--text-faint)}.accent{background:linear-gradient(100deg, var(--cyan), var(--violet));color:#0000;background-clip:text}.tag-cloud{flex-wrap:wrap;gap:8px;margin-bottom:48px;display:flex}.post-nav{grid-template-columns:1fr 1fr;gap:12px;margin-top:48px;display:grid}.post-nav-link{border:1px solid var(--panel-border);border-radius:14px;flex-direction:column;gap:4px;padding:16px 18px;transition:border-color .25s,background .25s;display:flex}.post-nav-link:hover{border-color:var(--cyan);background:var(--panel)}.post-nav-link.next{text-align:right}.post-nav-dir{font-family:var(--mono);color:var(--text-faint);font-size:.72rem}.post-nav-title{color:var(--text);font-size:.95rem;font-weight:600}@media (width<=540px){.post-nav{grid-template-columns:1fr}.post-nav-link.next{text-align:left}}.back{font-family:var(--mono);color:var(--text-dim);margin-top:48px;font-size:.85rem;transition:color .2s;display:inline-block}.back:hover{color:var(--cyan)}html[data-lang=en] [data-lang-de],html[data-lang=de] [data-lang-en]{display:none}.controls{align-items:center;gap:12px;display:flex}.lang-toggle{color:var(--text-faint);align-items:center;gap:4px;font-size:.78rem;display:flex}.lang-toggle button{cursor:pointer;font:inherit;color:var(--text-dim);background:0 0;border:none;padding:2px;transition:color .2s}.lang-toggle button:hover,html[data-lang=en] .lang-toggle [data-set-lang=en],html[data-lang=de] .lang-toggle [data-set-lang=de]{color:var(--cyan)}.theme-btn{border:1px solid var(--panel-border);background:var(--bg-soft);width:32px;height:32px;color:var(--text-dim);cursor:pointer;border-radius:99px;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:flex}.theme-btn:hover{color:var(--cyan);border-color:var(--cyan)}.theme-icon{width:15px;height:15px;display:none}:root[data-theme-pref=system] .theme-icon[data-icon=system],:root[data-theme-pref=light] .theme-icon[data-icon=light],:root[data-theme-pref=dark] .theme-icon[data-icon=dark]{display:block}.footer{border-top:1px solid var(--panel-border);text-align:center;margin-top:110px;padding-top:34px;position:relative}.footer-water{pointer-events:none;height:42px;position:absolute;top:0;left:0;right:0;overflow:hidden;transform:translateY(-100%)}.footer-duck{width:34px;animation:18s linear infinite duck-walk;position:absolute;bottom:0;left:-56px}.footer-duck svg{width:100%;height:auto;display:block}.wd-body{transform-box:fill-box;transform-origin:50% 96%;animation:.66s ease-in-out infinite wd-waddle}.wd-leg{transform-box:fill-box;transform-origin:50% 8%;animation:.66s ease-in-out infinite wd-step}.wd-leg2{animation-delay:-.33s}@keyframes duck-walk{0%{left:-56px;transform:scaleX(1)}39%{left:calc(100% + 56px);transform:scaleX(1)}50%{left:calc(100% + 56px);transform:scaleX(-1)}89%{left:-56px;transform:scaleX(-1)}to{left:-56px;transform:scaleX(1)}}@keyframes wd-waddle{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-1px)rotate(4deg)}}@keyframes wd-step{0%,to{transform:rotate(-17deg)}50%{transform:translateY(-3px)rotate(17deg)}}.footer-links{flex-wrap:wrap;justify-content:center;gap:12px 26px;margin-bottom:20px;font-size:.9rem;display:flex}.footer-links a,.footer-links button{color:var(--text-dim);align-items:center;gap:7px;transition:color .25s;display:inline-flex}.footer-links button{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.footer-links a svg,.footer-links button svg{width:16px;height:16px}.footer-links a:hover,.footer-links button:hover{color:var(--cyan)}.footer-legal{color:var(--text-faint);justify-content:center;align-items:center;gap:12px;margin-bottom:14px;font-size:.78rem;display:flex}.footer-legal button{cursor:pointer;font:inherit;color:var(--text-dim);background:0 0;border:none;padding:0;transition:color .2s}.footer-legal button:hover{color:var(--cyan)}.footer-note{color:var(--text-faint);font-size:.78rem}.duck{height:auto;display:block;overflow:visible}.duck-eye{transform-box:fill-box;transform-origin:50%;animation:5s infinite duck-blink}@keyframes duck-blink{0%,93%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.legal-overlay{z-index:80;backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.legal-overlay[hidden]{display:none}.legal-panel{border:1px solid var(--panel-border);background:var(--bg-soft);border-radius:16px;width:100%;max-width:600px;max-height:80vh;padding:32px 34px;position:relative;overflow-y:auto;box-shadow:0 40px 100px -40px #000}.legal-close{cursor:pointer;color:var(--text-dim);background:0 0;border:none;font-size:1rem;position:absolute;top:16px;right:18px}.legal-close:hover{color:var(--cyan)}.legal-body h2{font-family:var(--display);margin-bottom:6px;font-size:1.6rem}.legal-body h3{font-family:var(--mono);color:var(--cyan);margin:22px 0 6px;font-size:.9rem}.legal-body p{color:var(--text-dim);font-size:.92rem;line-height:1.65}.legal-body a{color:var(--cyan);cursor:pointer;text-decoration:underline}.legal-dim{color:var(--text-faint)!important;font-size:.82rem!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}