@import 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap';@font-face{font-family:recursive;src:url(/fonts/recursive-variable.woff2)format('woff2');font-weight:300 1e3;font-style:oblique 0 15deg;font-display:swap}:root{--color-canvas:#f7f5f0;--color-ink-primary:#1a1a1c;--color-ink-muted:#55555a;--c1:#2d1b4e;--c2:#693b69;--c3:#b85b56;--logo-c3:#b85b56;--c4:#dca258;--logo-c4:#dca258;--glass-bg:rgba(247, 245, 240, 0.4);--glass-blur:blur(12px);--font-heading:'Recursive', var(--font-body);--font-body:'Inter', sans-serif;--font-weight:700;--font-mono:0;--font-casl:1;--font-slnt:0;--font-crsv:0.5;--color-link:var(--c1);--color-link-hover:var(--c2)}:root.dark{--color-canvas:#121214;--color-ink-primary:#ededf0;--color-ink-muted:#888890;--c1:#a37be8;--c2:#d68fd6;--c3:#e89591;--c4:#f4d09e;--glass-bg:rgba(18, 18, 20, 0.6);--color-link:var(--c3);--color-link-hover:var(--c4)}@media(prefers-color-scheme:dark){:root:not(.light){--color-canvas:#121214;--color-ink-primary:#ededf0;--color-ink-muted:#888890;--c1:#a37be8;--c2:#d68fd6;--c3:#e89591;--c4:#f4d09e;--glass-bg:rgba(18, 18, 20, 0.6);--color-link:var(--c3);--color-link-hover:var(--c4)}}:root[data-theme=synthwave]{--c1:#2b0b5e;--c2:#6f00ff;--c3:#ff007f;--logo-c3:#ff007f;--c4:#00f0ff;--logo-c4:#00f0ff}:root[data-theme=synthwave].dark{--c1:#8c52ff;--c2:#bd59ff;--c3:#ff5eb5;--c4:#5ce6ff}@media(prefers-color-scheme:dark){:root[data-theme=synthwave]:not(.light){--c1:#8c52ff;--c2:#bd59ff;--c3:#ff5eb5;--c4:#5ce6ff}}:root[data-theme=studio]{--c1:#4a3424;--c2:#8a5a33;--c3:#c28742;--logo-c3:#c28742;--c4:#e8c382;--logo-c4:#e8c382}:root[data-theme=studio].dark{--color-canvas:#1a1512;--c1:#9c7155;--c2:#c48956;--c3:#e3a966;--c4:#f5d79f}@media(prefers-color-scheme:dark){:root[data-theme=studio]:not(.light){--color-canvas:#1a1512;--c1:#9c7155;--c2:#c48956;--c3:#e3a966;--c4:#f5d79f}}:root[data-theme=basement]{--c1:#3b3530;--c2:#824c28;--c3:#c46316;--logo-c3:#c46316;--c4:#4ade80;--logo-c4:#4ade80}:root[data-theme=basement].dark{--c1:#786d65;--c2:#b87140;--c3:#e6802e;--c4:#86efac}@media(prefers-color-scheme:dark){:root[data-theme=basement]:not(.light){--c1:#786d65;--c2:#b87140;--c3:#e6802e;--c4:#86efac}}:root[data-theme=cyber]{--c1:#001f54;--c2:#034078;--c3:#f50057;--logo-c3:#f50057;--c4:#ffea00;--logo-c4:#ffea00}:root[data-theme=cyber].dark{--color-canvas:#050510;--c1:#3366cc;--c2:#0077b6;--c3:#ff4081;--c4:#ffff66}@media(prefers-color-scheme:dark){:root[data-theme=cyber]:not(.light){--color-canvas:#050510;--c1:#3366cc;--c2:#0077b6;--c3:#ff4081;--c4:#ffff66}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--color-ink-primary);background-color:var(--color-canvas);min-height:100vh;position:relative;overflow-x:hidden;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)" opacity="0.08"/%3E%3C/svg%3E')}h1,h2{font-family:var(--font-heading);font-variation-settings:"MONO" var(--font-mono),"CASL" var(--font-casl),"wght" var(--font-weight),"slnt" var(--font-slnt),"CRSV" var(--font-crsv);transition:font-variation-settings .6s cubic-bezier(.25,1,.5,1)}h1{--font-casl:1;--font-mono:0;--font-weight:800;transform:rotate(-1.5deg)scale(1.02);transform-origin:center left;letter-spacing:-.02em;filter:url(#ink-bleed)drop-shadow(0 1px 0 rgba(0,0,0,.1))}h2{--font-casl:0.5;--font-mono:0;--font-weight:700}h3,h4,h5,h6{font-family:var(--font-heading);font-variation-settings:"MONO" var(--font-mono),"CASL" var(--font-casl),"wght" var(--font-weight),"slnt" var(--font-slnt),"CRSV" var(--font-crsv);transition:font-variation-settings .3s ease}h3{--font-casl:0;--font-mono:1;--font-weight:600}h4,h5,h6{--font-casl:0;--font-mono:1;--font-weight:500}h1,h2,h3,h4,h5,h6{color:var(--color-ink-primary);margin-bottom:.5rem}p{line-height:1.6;margin-bottom:1rem}a{color:var(--color-link);text-decoration:underline;text-underline-offset:4px;transition:color .2s ease}a:hover{color:var(--color-link-hover)}:focus-visible{outline:3px solid var(--c3);outline-offset:4px}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-ink-primary);color:var(--color-canvas);padding:8px;z-index:100;transition:top .2s}.skip-link:focus{top:0}#p5-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.ui-layer{position:relative;z-index:10;max-width:800px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column}#main-content{flex:1;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:12px;padding:2.5rem;box-shadow:0 4px 6px rgba(0,0,0,5%);border:1px solid rgba(255,255,255,.2)}.glass-box{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:12px;padding:2.5rem;box-shadow:0 4px 6px rgba(0,0,0,5%);border:1px solid rgba(255,255,255,.2)}.site-header{position:sticky;top:0;z-index:100;margin:-2rem 0 2rem;border-radius:0 0 12px 12px;display:flex;justify-content:space-between;align-items:center;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:1.5rem 2.5rem;box-shadow:0 4px 6px rgba(0,0,0,5%);border:1px solid rgba(255,255,255,.2);border-top:none}.site-logo{height:60px;width:auto;display:block;margin:-20px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform-origin:center right}.site-logo:hover{transform:scale(1.2)rotate(-10deg)}.site-nav ul{list-style:none;display:flex;gap:1.5rem;align-items:center}.hamburger{display:none;background:0 0;border:none;color:var(--color-ink-primary);cursor:pointer;padding:.5rem;z-index:101}@media(max-width:480px){.site-header{padding:1rem 1.5rem}.hamburger{display:block;margin-left:auto}.site-nav{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px rgba(0,0,0,5%);border-radius:0 0 12px 12px}.site-nav.nav-open{display:block}.site-nav ul{flex-direction:column;padding:1rem 1.5rem;gap:1rem;align-items:flex-start}}.site-nav a{text-decoration:none;font-weight:500;color:var(--color-ink-primary)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--c3)}.text-muted{color:var(--color-ink-muted)}.grid-2{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem}@media(min-width:768px){.grid-2{grid-template-columns:1fr 1fr}}.cta-button{display:inline-block;background-color:var(--color-ink-primary);color:var(--color-canvas);padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-family:var(--font-body);font-weight:500;margin-top:1rem;transition:transform .2s,background-color .2s;border:2px solid transparent}.cta-button:hover{background-color:var(--c1);color:var(--color-canvas);transform:translateY(-2px)}.cta-button:focus-visible{border-color:var(--c3)}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:700}input[type=text],input[type=email],textarea{width:100%;padding:.75rem;border:1px solid var(--color-ink-muted);border-radius:4px;font-family:var(--font-body);background:rgba(255,255,255,.5);font-size:1rem}button[type=submit]{cursor:pointer;border:none}.circuit-divider{width:100%;height:24px;margin:2.5rem 0;display:block;opacity:.8}.circuit-divider line,.circuit-divider path{stroke:var(--c4);stroke-width:2;fill:none;transition:stroke .3s ease}.circuit-divider polygon.solid{fill:var(--c4);transition:fill .3s ease}.system-controls{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end}.cmd-btn{background:0 0;border:none;width:48px;height:48px;cursor:pointer;padding:0;color:var(--c4);font-family:courier new,Courier,monospace;font-weight:700;font-size:1.5rem;text-shadow:0 0 5px var(--c4);transition:transform .2s,text-shadow .2s,color .2s;display:flex;align-items:center;justify-content:center}.cmd-btn:hover{transform:scale(1.1);text-shadow:0 0 12px var(--c4);color:var(--color-canvas);background:var(--c4);border-radius:4px}.terminal-overlay{position:absolute;bottom:100%;right:0;background:rgba(10,15,10,.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--c4);border-radius:4px;box-shadow:0 0 15px var(--c4);padding:20px;margin-bottom:10px;width:320px;color:var(--c4);font-family:courier new,Courier,monospace;transform-origin:bottom right;transition:opacity .3s,transform .3s,visibility .3s}.terminal-overlay.hidden{opacity:0;transform:scale(.9)translateY(20px);visibility:hidden;pointer-events:none}.terminal-header{font-weight:700;font-size:1rem;letter-spacing:1px;border-bottom:1px dashed var(--c4);padding-bottom:10px;margin-bottom:15px;text-shadow:0 0 5px var(--c4)}.terminal-section{margin-bottom:15px}.terminal-label{font-size:.8rem;opacity:.8;margin-bottom:6px}.term-row{display:flex;justify-content:space-between;align-items:center}.term-btn{background:0 0;border:none;color:var(--c4);font-family:inherit;font-size:.9rem;cursor:pointer;padding:2px 0;text-align:left;transition:color .1s,text-shadow .1s}.term-btn:hover{color:#fff;text-shadow:0 0 8px var(--c4)}.term-value{font-size:.8rem;font-weight:700;padding:2px 6px;background:0 0;border-radius:2px}.algo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.term-algo-btn{background:0 0;border:1px solid var(--color-ink-muted);color:var(--c4);font-family:inherit;font-size:.75rem;padding:6px;cursor:pointer;text-align:center;border-radius:2px;transition:all .2s}.term-algo-btn:hover{background:var(--color-ink-muted);border-color:var(--c4);color:#fff}.term-algo-btn.active{background:var(--c4);color:#000;box-shadow:0 0 10px var(--color-ink-primary)}.term-algo-btn.halt-btn{color:var(--c3);border-color:var(--c3)}.term-algo-btn.halt-btn:hover{background:rgba(255,0,0,.2);color:#fff}.term-algo-btn.halt-btn.active{background:var(--c3);color:#000;box-shadow:0 0 10px var(--c3)}.site-footer{padding-top:4rem;text-align:center;color:var(--color-ink-muted);font-size:.85rem;margin-bottom:2rem}.site-footer p{display:inline-block;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:1.5rem 2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px rgba(0,0,0,5%);max-width:600px;margin:0 auto}#sketch-data{display:none}.social-tray{position:fixed;bottom:2rem;left:2rem;display:flex;flex-direction:column;gap:1rem;z-index:50;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:1rem .5rem;border-radius:9999px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.social-tray a{display:flex;align-items:center;justify-content:center;color:var(--color-ink-primary);opacity:.6;transition:all .2s ease;padding:.25rem;border-radius:50%}.social-tray a svg{width:20px;height:20px}.social-tray a:hover{opacity:1;color:var(--c1);transform:translateY(-2px);filter:drop-shadow(0 0 8px var(--c2))}@media(max-width:1000px){.social-tray{position:static;flex-direction:row;justify-content:center;bottom:auto;left:auto;border-radius:12px;margin:2rem auto 0;max-width:max-content;padding:.5rem 1rem}}@keyframes organic-breathe{0%{--font-weight:700;--font-slnt:0}50%{--font-weight:750;--font-slnt:-2}100%{--font-weight:700;--font-slnt:0}}@keyframes machine-pulse{0%{--font-weight:500}50%{--font-weight:600}100%{--font-weight:500}}.single-container{margin-top:0;max-width:800px}.single-header{margin-bottom:2rem}.single-title{font-size:2.5rem;margin-bottom:.5rem;transition:font-variation-settings .1s linear,transform .2s cubic-bezier(.175,.885,.32,1.275);animation:organic-breathe 8s infinite ease-in-out}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.site-logo,h1,h2,h3,h4,h5,h6,.single-title{transform:none!important;transition:none!important;animation:none!important}}.single-title:hover{--font-casl:1;--font-mono:0;--font-weight:950;--font-slnt:-10;transform:rotate(-3deg)scale(1.05);animation:none}.post-tags-container{margin:1rem 0 1.5rem}.post-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.post-tags li{margin:0;padding:0}.tag-chicklet{display:inline-block;padding:.25rem .75rem;background-color:rgba(128,128,128,.1);border:1px solid var(--color-ink-muted);border-radius:9999px;font-size:.8rem;font-weight:500;color:var(--color-ink-primary);text-decoration:none;transition:all .2s ease}.tag-chicklet:hover{background-color:var(--c1);border-color:var(--c1);color:var(--color-canvas)}.post-separator{margin:4rem 0 2rem;border:none;border-top:1px solid rgba(128,128,128,.2)}.post-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.post-footer-actions{display:flex;gap:1rem}.action-btn{display:inline-flex;align-items:center;gap:.5rem;background-color:rgba(128,128,128,.1);border:1px solid var(--color-ink-muted);border-radius:8px;padding:.5rem 1rem;color:var(--color-ink-primary);font-family:var(--font-body);font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease}.action-btn:hover{background-color:var(--c1);border-color:var(--c1);color:var(--color-canvas);transform:translateY(-2px)}.action-btn svg{flex-shrink:0}.copy-toast{font-size:.9rem;color:var(--color-ink-primary);opacity:0;transition:opacity .3s ease;pointer-events:none;font-weight:500}.copy-toast.visible{opacity:1}