@font-face{font-display:swap;font-family:ibm plex mono;font-style:normal;font-weight:400;src:url(/fonts/ibm-plex-mono-v20-latin-regular.woff2)format('woff2');font-display:swap}@font-face{font-display:swap;font-family:ibm plex mono;font-style:normal;font-weight:700;src:url(/fonts/ibm-plex-mono-v20-latin-700.woff2)format('woff2');font-display:swap}@font-face{font-display:swap;font-family:merriweather;font-style:normal;font-weight:400;src:url(/fonts/merriweather-v33-latin-regular.woff2)format('woff2');font-display:swap}@font-face{font-display:swap;font-family:merriweather;font-style:italic;font-weight:400;src:url(/fonts/merriweather-v33-latin-italic.woff2)format('woff2');font-display:swap}@font-face{font-display:swap;font-family:merriweather;font-style:normal;font-weight:700;src:url(/fonts/merriweather-v33-latin-700.woff2)format('woff2');font-display:swap}@font-face{font-display:swap;font-family:merriweather;font-style:italic;font-weight:700;src:url(/fonts/merriweather-v33-latin-700italic.woff2)format('woff2');font-display:swap}html,body{margin:0;padding:0;min-height:100%;font-family:merriweather,Georgia,serif;line-height:1.75;background:#f5f5f5;color:#2b2b2b}code,pre,kbd,samp{font-family:ibm plex mono,monospace}.notizen-header h1,footer,.meta,.tags{font-family:ibm plex mono,monospace}body.notizen-section{padding-bottom:60px}main{max-width:900px;margin:0 auto;padding:3rem 2rem}.notizen-header{margin-bottom:3rem;text-align:center}.notizen-header h1{font-size:clamp(2rem,5vw,3rem);color:#00bcd4;margin:0 0 1rem}.notizen-intro{color:#666;font-size:1.1rem;max-width:600px;margin:0 auto}.notizen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.notizen-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:all .3s ease}.notizen-card:hover{border-color:#00bcd4;box-shadow:0 4px 12px rgba(0,188,212,.15);transform:translateY(-2px)}.notizen-card h2{margin:0 0 .75rem;font-size:1.3rem}.notizen-card h2 a{color:#2b2b2b;text-decoration:none}.notizen-card h2 a:hover{color:#00bcd4}.notizen-card .excerpt{color:#666;font-size:.95rem;line-height:1.6;margin:0 0 1rem}.notizen-card .meta{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#999}.notizen-card .tags{display:flex;gap:.5rem;flex-wrap:wrap}.notizen-card .tag{background:#e0e0e0;padding:.2rem .6rem;border-radius:4px;font-size:.8rem}article{max-width:70ch;margin:0 auto;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:3rem}article h1{color:#00bcd4;font-size:clamp(1.8rem,4vw,2.5rem);margin:0 0 2rem}article h2{color:#2b2b2b;font-size:1.6rem;margin:2.5rem 0 1rem;border-bottom:2px solid #00bcd4;padding-bottom:.5rem}article h3{color:#00bcd4;font-size:1.3rem;margin:2rem 0 1rem}article p{line-height:1.8;margin:1rem 0}article a{color:#00bcd4;text-decoration:none;border-bottom:1px dotted #00bcd4}article a:hover{color:#008ba3;border-bottom-style:solid}article code{background:#f0f0f0;padding:.2rem .4rem;border-radius:3px;font-size:.9em}article pre{background:#2b2b2b;color:#f5f5f5;padding:1.5rem;border-radius:6px;overflow-x:auto;margin:1.5rem 0}article pre code{background:0 0;padding:0}article ul,article ol{line-height:1.8;margin:1rem 0 1rem 2rem}footer{position:fixed;bottom:0;left:0;right:0;height:48px;background:#fff;border-top:1px solid #e0e0e0;display:flex;align-items:center;gap:1rem;padding:0 2rem;font-size:.9rem;z-index:100}.footer-copy{white-space:nowrap;margin-right:2em}.footer-menu-toggle{display:none;color:#666;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.footer-menu-toggle:hover,.footer-menu-toggle:focus{color:#00bcd4;outline:none}.footer-menu-container{display:contents}.footer-menu{display:flex;gap:1.5rem;margin:0}footer a{color:#666;text-decoration:none}footer a:hover{color:#00bcd4}.footer-controls{display:flex;gap:1rem;align-items:center;margin-left:auto}#darkModeToggle{background:0 0;border:1px solid #ccc;color:#666;font-size:1.3rem;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .3s ease;padding:0;display:flex;align-items:center;justify-content:center}#darkModeToggle:hover{border-color:#00bcd4;color:#00bcd4}@media(max-width:768px){footer{height:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"toggle toggle" "menu menu" "copy controls";row-gap:.5rem;padding:.75rem 1rem calc(.5rem + env(safe-area-inset-bottom))}.footer-menu-toggle{display:block;grid-area:toggle;justify-self:center;width:auto}.footer-menu-container{display:contents}.footer-menu-container:not(.footer-menu--open) .footer-menu{display:none}.footer-menu{grid-area:menu;flex-direction:column;align-items:center;gap:0;margin:0}.footer-menu a{min-height:44px;display:flex;align-items:center;justify-content:center;width:100%}.footer-copy{grid-area:copy;font-size:.8rem;justify-self:start}.footer-controls{grid-area:controls;justify-content:flex-end;justify-self:end}@media(prefers-reduced-motion:reduce){.footer-menu-toggle,.footer-menu a{transition:none}}}.pi{color:#00bcd4;font-size:1.6rem;font-weight:700;user-select:none;cursor:pointer;transition:.3s}.pi:hover{color:#008ba3;transform:scale(1.1)}@media(max-width:700px){main{padding:2rem 1rem}.notizen-grid{grid-template-columns:1fr;gap:1.5rem}article{padding:2rem 1.5rem}footer{padding:0 1rem;font-size:.8rem}footer nav{gap:.75rem}}body.dark-mode{background:#1a1a1a;color:#e0e0e0;min-height:100vh}body.dark-mode main{background:0 0}body.dark-mode .notizen-header h1{color:#00bcd4}body.dark-mode .notizen-intro{color:#aaa}body.dark-mode .notizen-card{background:#2b2b2b;border-color:#404040}body.dark-mode .notizen-card:hover{border-color:#00bcd4;box-shadow:0 4px 12px rgba(0,188,212,.25)}body.dark-mode .notizen-card h2 a{color:#e0e0e0}body.dark-mode .notizen-card h2 a:hover{color:#00bcd4}body.dark-mode .notizen-card .excerpt{color:#aaa}body.dark-mode .notizen-card .meta{color:#777}body.dark-mode .notizen-card .tag{background:#404040;color:#aaa}body.dark-mode article{background:#2b2b2b;border-color:#404040;color:#e0e0e0}body.dark-mode article h1{color:#00bcd4}body.dark-mode article h2{color:#e0e0e0;border-bottom-color:#00bcd4}body.dark-mode article h3{color:#00bcd4}body.dark-mode article code{background:#1a1a1a;color:#00bcd4}body.dark-mode article pre{background:#1a1a1a;border:1px solid #404040}body.dark-mode footer{background:#2b2b2b;border-top-color:#404040}body.dark-mode footer a{color:#aaa}body.dark-mode footer a:hover{color:#00bcd4}body.dark-mode #darkModeToggle{border-color:#555;color:#aaa;background:0 0}body.dark-mode #darkModeToggle:hover{border-color:#00bcd4;color:#00bcd4}body.dark-mode .footer-menu-toggle{color:#aaa}body.dark-mode .footer-menu-toggle:hover,body.dark-mode .footer-menu-toggle:focus{color:#00bcd4}body.nerd-mode{background:0 0;color:#fff;cursor:none;position:relative;font-family:ibm plex mono,monospace}body.nerd-mode *{cursor:none!important}body.nerd-mode::before{content:"";position:fixed;inset:0;background:url(/images/bg.webp)50% 0/cover no-repeat;filter:grayscale(100%)contrast(1.3)brightness(.45)saturate(.8);z-index:-2;transition:filter .1s ease,transform .1s ease;will-change:filter,transform}body.nerd-mode.glitch-active::before{filter:grayscale(90%)contrast(1.6)brightness(.6)hue-rotate(12deg)saturate(1.2);transform:skewX(1deg);animation:glitchShift .15s steps(2,end)}@keyframes glitchShift{0%{clip-path:inset(0 0 70% 0);transform:translate(0,0)}20%{clip-path:inset(10% 0 60% 0);transform:translate(-2px,-1px)}40%{clip-path:inset(20% 0 40% 0);transform:translate(3px,1px)}60%{clip-path:inset(60% 0 10% 0);transform:translate(-1px,0)}80%{clip-path:inset(30% 0 50% 0);transform:translate(2px,1px)}100%{clip-path:inset(0 0 0 0);transform:translate(0,0)}}body.nerd-mode .cursor-dot{display:block;position:fixed;width:10px;height:10px;background:#00bcd4;border-radius:50%;pointer-events:none;mix-blend-mode:difference;z-index:9999;transition:transform .05s ease-out;will-change:transform}body.nerd-mode main{background:0 0}body.nerd-mode .notizen-header h1{color:#00bcd4;text-shadow:0 0 10px rgba(0,188,212,.3)}body.nerd-mode .notizen-intro{color:#ccc}body.nerd-mode .notizen-card{background:rgba(0,0,0,.65);border:1px solid rgba(0,188,212,.4);box-shadow:0 0 20px rgba(0,188,212,.1)}body.nerd-mode .notizen-card:hover{border-color:#00bcd4;box-shadow:0 0 30px rgba(0,188,212,.3)}body.nerd-mode .notizen-card h2 a{color:#fff}body.nerd-mode .notizen-card h2 a:hover{color:#00bcd4}body.nerd-mode .notizen-card .excerpt{color:#ccc}body.nerd-mode .notizen-card .meta{color:#999}body.nerd-mode .notizen-card .tag{background:rgba(0,188,212,.2);color:#00bcd4;border:1px solid rgba(0,188,212,.4)}body.nerd-mode article{background:rgba(0,0,0,.65);border:1px solid rgba(0,188,212,.4);box-shadow:0 0 30px rgba(0,188,212,.15);color:#ccc}body.nerd-mode article h1{color:#00bcd4;text-shadow:0 0 10px rgba(0,188,212,.3)}body.nerd-mode article h2{color:#fff;border-bottom-color:#00bcd4}body.nerd-mode article h3{color:#00bcd4}body.nerd-mode article code{background:rgba(0,188,212,.1);color:#00bcd4;border:1px solid rgba(0,188,212,.2)}body.nerd-mode article pre{background:rgba(0,0,0,.8);border:1px solid rgba(0,188,212,.4)}body.nerd-mode article pre code{background:0 0;border:none}body.nerd-mode article a{color:#00bcd4}body.nerd-mode article a:hover{color:#fff}body.nerd-mode footer{background:rgba(0,0,0,.8);border-top:1px solid rgba(255,255,255,.1)}body.nerd-mode footer a{color:#aaa}body.nerd-mode footer a:hover{color:#fff}body.nerd-mode #darkModeToggle{border-color:rgba(0,188,212,.4);color:#00bcd4;background:0 0}body.nerd-mode #darkModeToggle:hover{border-color:#00bcd4;color:#fff}body.nerd-mode .pi{color:#00bcd4}body.nerd-mode .pi:hover{color:#fff}body.nerd-mode::after{content:"";position:fixed;inset:0;background:repeating-linear-gradient( to bottom,rgba(0,255,255,8%) 0,rgba(0,255,255,8%) 1px,transparent 2px );mix-blend-mode:overlay;pointer-events:none;z-index:998;animation:scanmove 1.5s linear infinite}@keyframes scanmove{0%{transform:translateY(0)}100%{transform:translateY(2px)}}