*,*::before,*::after{box-sizing:border-box}*:not(dialog){margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}@font-face{font-family:neuropol;src:url(/fonts/Neuropol/Neuropol.otf)format('opentype');font-display:swap}@font-face{font-family:eb garamond;src:url(/fonts/EB_Garamond/EBGaramond-VariableFont_wght.ttf)format('truetype');font-display:swap}@font-face{font-family:fredoka;src:url(/fonts/Fredoka/Fredoka-VariableFont_wdth,wght.ttf)format('truetype');font-display:swap}@font-face{font-family:alte haas grotesk;src:url(/fonts/alte_haas_grotesk/AlteHaasGroteskRegular.ttf)format('truetype');font-weight:400;font-display:swap}@font-face{font-family:alte haas grotesk;src:url(/fonts/alte_haas_grotesk/AlteHaasGroteskBold.ttf)format('truetype');font-weight:700;font-display:swap}:root{--step--2:clamp(0.6944rem, 0.6772rem + 0.0768vw, 0.8rem);--step--1:clamp(0.8333rem, 0.8061rem + 0.1212vw, 1rem);--step-0:clamp(1rem, 0.9591rem + 0.1818vw, 1.25rem);--step-1:clamp(1.2rem, 1.1407rem + 0.2636vw, 1.5625rem);--step-2:clamp(1.44rem, 1.356rem + 0.3732vw, 1.9531rem);--step-3:clamp(1.728rem, 1.6113rem + 0.5188vw, 2.4414rem);--step-4:clamp(2.0736rem, 1.9135rem + 0.7114vw, 3.0518rem);--step-5:clamp(2.4883rem, 2.2713rem + 0.9646vw, 3.8147rem);--space-3xs:clamp(0.25rem, 0.2398rem + 0.0455vw, 0.3125rem);--space-2xs:clamp(0.5rem, 0.4795rem + 0.0909vw, 0.625rem);--space-xs:clamp(0.75rem, 0.7193rem + 0.1364vw, 0.9375rem);--space-s:clamp(1rem, 0.9591rem + 0.1818vw, 1.25rem);--space-m:clamp(1.5rem, 1.4386rem + 0.2727vw, 1.875rem);--space-l:clamp(2rem, 1.9182rem + 0.3636vw, 2.5rem);--space-xl:clamp(3rem, 2.8773rem + 0.5455vw, 3.75rem);--space-2xl:clamp(4rem, 3.8364rem + 0.7273vw, 5rem);--space-3xl:clamp(6rem, 5.7545rem + 1.0909vw, 7.5rem);--minimalism-yellow-50:#F4F3EC;--minimalism-yellow-200:#FEF6A9;--minimalism-yellow-500:#EDD60A;--minimalism-yellow-800:#645B08;--minimalism-grey-700:#45443D;--minimalism-grey-900:#1B1B18;--bauhaus-green-100:#D0F2E2;--bauhaus-green-300:#73EFCA;--bauhaus-green-500:#42C18C;--bauhaus-blue-100:#CFE7F3;--bauhaus-blue-700:#195171;--bauhaus-orange-400:#FA9C45;--bauhaus-purple-800:#34164B;--bauhaus-neon-gradient-1:linear-gradient(270deg, var(--bauhaus-green-100), var(--bauhaus-blue-100));--bauhaus-neon-gradient-2:linear-gradient(270deg, var(--bauhaus-green-500), var(--bauhaus-blue-700));--bauhaus-neon-gradient-3:linear-gradient(270deg, var(--bauhaus-orange-400), var(--bauhaus-purple-800));--bg:var(--minimalism-yellow-50);--text:var(--minimalism-grey-900);--accent-1:var(--minimalism-yellow-500);--font-body:"Inter", system-ui, sans-serif;--font-mono:"Cascadia Code", 'Source Code Pro', ui-monospace, monospace;--font-heading:"EB Garamond", serif;--border-radius:0px;--ui-shadow:none;scroll-behavior:smooth}[data-theme=bauhaus]{--bg:var(--bauhaus-neon-gradient-1);--accent-1:var(--bauhaus-green-500);--font-heading:"Alte Haas Grotesk", system-ui, sans-serif;--font-body:"Alte Haas Grotesk", system-ui, sans-serif;--border-radius:1rem}[data-theme=family]{--bg:#fffdf0;--text:#4b2c20;--accent-1:#FF8E6F;--font-heading:"Fredoka", system-ui, sans-serif;--border-radius:20px;--ui-shadow:0 8px 0 #e5e5e5}[data-theme=arcade]{--bg:#030615;--text:#e0faff;--accent-1:rgba(100, 145, 180, 0.9);--accent-1-alpha:rgba(100, 145, 180, 0.3);--accent-2:#b9fffc;--accent-3:#F17856;--font-heading:"Neuropol", ui-monospace, monospace;--border-radius:-5px;--ui-shadow:3px 3px 0px #ff00ff, -3px -3px 0px #00fff2;--surface:rgba(0, 45, 80, 0.9);--skew-angle:-0.3deg}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@view-transition{navigation: auto;
}body{background:var(--bg);color:var(--text);font-family:var(--font-body);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text);line-height:1.1;margin-bottom:1rem}a{color:var(--text);text-decoration-color:var(--accent-1);text-decoration-thickness:2px}a:hover{text-decoration-thickness:3px}mark{background-color:var(--accent);color:var(--bg);padding:0 .2em;border-radius:2px}hr{border-color:var(--accent-1);border-style:solid;margin-block:var(--space-s)}.main-wrapper{margin-inline:auto;max-inline-size:1100px}.content-wrapper{container-type:inline-size;align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem}.content__sidebar{flex-basis:18rem;flex-grow:1;position:sticky;top:5rem}.content{flex-basis:0;flex-grow:999;min-inline-size:50%}@container(max-width:40rem){.content__sidebar {
        border-block: 1px dashed var(--accent-1);
        position: static;
    }
}.header{align-items:center;background-color:var(--bg);border-block-end:1px dashed var(--accent-1);display:flex;flex-wrap:wrap;gap:var(--space-m);justify-content:space-between;padding:var(--space-s)var(--space-m);position:sticky;top:0;transition:transform .2s ease-in-out;z-index:1}.header--hidden{transform:translateY(-100%)}.theme-switcher{display:flex;gap:var(--space-s);border:none;align-items:center}.theme-switcher legend{font-size:var(--step--2);font-weight:700;color:var(--text)}.theme-option{cursor:pointer;position:relative;line-height:0}.theme-option input{position:absolute;opacity:0}.theme-icon{height:2rem;width:auto;transition:all .2s ease-in-out;filter:grayscale(1)opacity(.6)}.theme-option:hover .theme-icon{filter:grayscale(.5)opacity(.8);transform:translateY(-2px)}.theme-option input:checked+.theme-icon{filter:grayscale(0)opacity(1);transform:scale(1.1)}.logo-area{height:4rem;width:320px;display:flex;align-items:center}.logo{display:none;max-height:100%;max-width:100%;height:auto;width:auto;object-fit:contain;object-position:left center}[data-theme=minimal] .logo-minimal{display:block}[data-theme=bauhaus] .logo-bauhaus{display:block}[data-theme=family] .logo-family{display:block}[data-theme=arcade] .logo-arcade{display:block}.main-menu{display:flex;gap:var(--space-s);flex-wrap:wrap}.sidebar{background-color:var(--bg);padding:var(--space-m);border-radius:var(--border-radius);box-shadow:var(--ui-shadow)}.footer{margin-top:var(--space-xl);padding:var(--space-l)var(--space-m);background-color:var(--bg);border-top:1px solid var(--accent);color:var(--text);font-size:var(--step--1)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-m)}.footer-links{display:flex;gap:var(--space-s)}.footer .manifesto{font-style:italic}.main-content{padding:var(--space-m);font-size:var(--step-0);line-height:1.6}.main-content p{font-size:var(--step-0)}.main-content p+p{margin-block-start:var(--space-m)}.main-content h1,.main-content h2,.main-content h3{margin-top:2em;margin-bottom:.5em;scroll-margin-top:6rem}.main-content ul,.main-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.main-content li{margin-bottom:.5rem}.main-content em{font-style:italic}.main-content strong{font-weight:700}.main-content blockquote{border-left:4px solid var(--accent-1);padding:.5rem 1.5rem;margin:2rem 0;font-style:italic;background:color-mix(in srgb,var(--accent-1),transparent 90%);border-radius:var(--border-radius)}.main-content code{font-family:var(--font-mono);background:color-mix(in srgb,var(--text),transparent 92%);padding:.2em .4em;border-radius:4px;font-size:.9em}.main-content pre{background:#1e1e1e;color:#efefef;padding:1.5rem;border-radius:var(--border-radius);overflow-x:auto;margin-bottom:1.5rem;box-shadow:var(--ui-shadow)}.post header{margin-bottom:var(--space-m)}.post header time{display:inline-block;font-family:var(--font-mono);font-size:var(--step--1);margin-block-end:var(--space-s)}.post-tags span{font-family:var(--font-heading);font-size:var(--step-0);font-weight:600}.he-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-block:var(--space-m);border-radius:var(--border-radius);box-shadow:var(--ui-shadow)}.he-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}[data-theme=bauhaus] mark{background:var(--accent-1);color:#fff;padding:0 .5em}[data-theme=bauhaus] .theme-option input:checked+.theme-icon{outline:2px solid var(--accent);outline-offset:4px}[data-theme=family] hr{border-width:.5rem;border-style:dotted}[data-theme=family] mark{background-color:var(--accent-1);color:#fff;border-radius:.5rem;padding-inline:.375em}[data-theme=family] .he-video{border:8px solid #fff;box-shadow:0 10px #e5e5e5}[data-theme=arcade] body{background:linear-gradient(rgba(3,6,21,.85),rgba(3,6,21,.85)),var(--arcade-bg-url);background-size:cover;background-position:50%;background-attachment:fixed;background-image:linear-gradient(rgba(3,6,21,.15),rgba(3,6,21,.15)),repeating-linear-gradient(0,transparent,transparent 2px,rgba(0,255,242,3%) 3px,transparent 4px),var(--arcade-bg-url);font-family:var(--font-mono)}@keyframes colorPulse{0%{color:var(--accent-2)}50%{color:var(--accent-3)}100%{color:var(--accent-2)}}[data-theme=arcade] header nav a,[data-theme=arcade] footer nav a{font-family:var(--font-heading);position:relative;color:var(--accent-2);text-decoration:none;font-weight:700;transition:all .1s ease-in-out}[data-theme=arcade] header nav a:hover,[data-theme=arcade] footer nav a:hover{animation:colorPulse 1s infinite ease-in-out;text-shadow:0 0 10px var(--accent-2),0 0 20px var(--accent-2);letter-spacing:.15em}[data-theme=arcade] article{border:2px solid var(--accent-1-alpha);padding:1rem;clip-path:polygon(0% 0%,100% 0%,100% 90%,95% 100%,0% 100%)}[data-theme=arcade] .theme-option input:checked+.theme-icon{filter:drop-shadow(0 0 8px var(--secondary))}[data-theme=arcade] .header{background:rgba(10,10,26,.5);backdrop-filter:blur(5px);border:none;padding:var(--space-s)var(--space-m)}[data-theme=arcade] .header::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(20,40,90,.8) 0%,var(--surface) 50%,rgba(30,60,130,.9) 100%);transform:skewX(var(--skew-angle));transform-origin:top left;z-index:-1;border-top:2px solid var(--accent-2);border-right:2px solid var(--accent-2);border-bottom:2px solid var(--accent-1-alpha);box-shadow:0 0 15px color-mix(in srgb,var(--accent-1-alpha),transparent 60%)}[data-theme=arcade] .header *{font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-2);text-shadow:0 0 5px color-mix(in srgb,var(--accent-2),transparent 30%)}[data-theme=arcade] hr{border-color:var(--accent-3);border-width:.375rem;border-style:ridge}[data-theme=arcade] .main-content{position:relative;background:0 0;padding:var(--space-m)}[data-theme=arcade] .main-content::before{content:"";position:absolute;inset:0;background:var(--surface);transform:skewX(var(--skew-angle));clip-path:polygon(0% 0%,100% 0%,100% calc(100% - 30px),calc(100% - 60px) 100%,0% 100%);border:1px solid color-mix(in srgb,var(--text),transparent 80%);border-top:3px solid var(--accent-1-alpha);box-shadow:10px 10px rgba(0,0,0,.5);z-index:-1}:root{--glitch-cyan:rgba(0, 255, 242, 0.8);--glitch-magenta:rgba(255, 0, 193, 0.8);--glow-soft:rgba(255, 255, 255, 0.2);--glow-bright:rgba(255, 255, 255, 0.5)}@keyframes crtGlitch{0%,45%,90%{text-shadow:0 0 4px var(--glow-soft)}22%,67%{text-shadow:0 0 12px var(--glow-bright)}91%{text-shadow:-3px 0 var(--glitch-cyan),0 0 15px var(--glow-bright);transform:translateX(-1px)}93%{text-shadow:3px 0 var(--glitch-magenta),0 0 15px var(--glow-bright);transform:translateX(1px)}94%{text-shadow:none;opacity:.7}95%{text-shadow:-2px -1px var(--glitch-cyan),2px 1px var(--glitch-magenta);transform:translate(-2px,1px);opacity:1}97%{text-shadow:0 0 12px var(--glow-bright);transform:translate(0)}100%{text-shadow:0 0 4px var(--glow-soft)}}[data-theme=arcade] h1,[data-theme=arcade] h2{color:var(--accent-2);animation:crtGlitch 6s infinite linear}[data-theme=arcade] mark{background:0 0;color:#fff;border:1px solid var(--accent-2);text-shadow:0 0 5px var(--accent-2);box-shadow:inset 0 0 10px var(--accent-2);padding:.1em .4em}[data-theme=arcade] .main-content ul{list-style:none;padding-left:1rem}[data-theme=arcade] .main-content li::before{content:"»";color:var(--accent-1);margin-right:.5rem;text-shadow:0 0 5px var(--accent-1)}[data-theme=arcade] .main-content a{color:var(--accent-3)}[data-theme=arcade] .post-tags a{border-left:.25rem solid var(--accent-2);background:var(--accent-3);clip-path:polygon(0 0,100% 0,100% 90%,80% 100%,1% 100%);color:var(--accent-2);opacity:.8;padding:.25em}[data-theme=arcade] .post-tags a:hover{background:var(--accent-3);color:var(--accent-2);opacity:1}[data-theme=arcade] .footer{background:var(--surface);backdrop-filter:blur(5px);border-top:2px solid var(--secondary);text-transform:uppercase;letter-spacing:.1em}[data-theme=arcade] .he-video{border:2px solid var(--secondary);box-shadow:0 0 20px rgba(0,255,242,.3);clip-path:polygon(0 0,100% 0,100% 90%,95% 100%,0 100%)}[data-theme=minimal] mark{background-color:var(--accent-1);color:var(--text)}