:root{--bg:#f6f4f0;--ink:#181715;--ink-dim:#6b6863;--ink-faint:#c4c0b8;--accent:#b8581a;--surface:#dedad2;--font-mono:"IBM Plex Mono","Courier New",monospace;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--unit:1.5rem;--hud-pad:1.5rem;color-scheme:light dark}[data-theme=dark]{--bg:#1e1e1e;--ink:#d4d4d4;--ink-dim:#858585;--ink-faint:#3e3e42;--accent:#d4693a;--surface:#252526;color-scheme:dark}[data-theme=light]{--bg:#f6f4f0;--ink:#181715;--ink-dim:#6b6863;--ink-faint:#c4c0b8;--accent:#b8581a;--surface:#dedad2;color-scheme:light}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{filter:none!important;-webkit-filter:none!important}body,html{width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6f4f0;background-color:var(--bg);color:#181715;color:var(--ink);font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono);font-size:.8rem;height:100%;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:#b8581a;color:var(--accent)}button{background:none;border:none;color:inherit;cursor:pointer;font-family:IBM Plex Mono,Courier New,monospace;font-family:var(--font-mono);font-size:inherit}ol,ul{list-style:none}::selection{background:#181715;background:var(--ink);color:#f6f4f0;color:var(--bg)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f6f4f0;background:var(--bg)}::-webkit-scrollbar-thumb{background:#c4c0b8;background:var(--ink-faint)}::-webkit-scrollbar-thumb:hover{background:#6b6863;background:var(--ink-dim)}.navbar{background:var(--bg);border-bottom:1px solid var(--ink-faint);left:0;position:fixed;right:0;top:0;z-index:100}.navbar-inner{box-sizing:border-box;gap:1.5rem;height:3rem;padding:0 var(--hud-pad)}.navbar-back,.navbar-inner{align-items:center;display:flex}.navbar-back{-webkit-text-stroke:.5px currentColor;background:none;border:none;color:var(--ink-dim);cursor:pointer;font-size:1.3rem;font-weight:700;line-height:1;margin-right:auto;padding:0;transition:color .15s,transform .15s;white-space:nowrap}.navbar-back:hover{color:var(--ink);transform:translateX(-2px)}.navbar-theme{align-items:center;color:var(--ink-dim);display:flex;padding:0;transition:color .15s}.navbar-logo,.navbar-theme:hover{color:var(--ink)}.navbar-logo{font-family:var(--font-mono);font-size:.8rem;font-weight:500;letter-spacing:.06em;margin-right:auto;text-decoration:none;transition:color .15s}.navbar-logo:hover{color:var(--accent)}.navbar-links{align-items:center;display:flex;gap:1.8rem}.navbar-link{color:var(--ink-dim);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em;position:relative;text-decoration:none;transition:color .15s}.navbar-link:after{background:var(--ink);bottom:-2px;content:"";height:1px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .15s}.navbar-link.active,.navbar-link:hover{color:var(--ink)}.navbar-link.active:after{transform:scaleX(1)}.navbar-hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:4px}.navbar-hamburger span{background:var(--ink-dim);display:block;height:1px;transition:all .2s;width:18px}.navbar-hamburger.open span:first-child{transform:translateY(5px) rotate(45deg)}.navbar-hamburger.open span:nth-child(2){opacity:0}.navbar-hamburger.open span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.navbar-mobile-menu{border-top:1px solid var(--ink-faint);display:none;flex-direction:column;gap:1.2rem;padding:1.5rem var(--hud-pad)}.navbar-mobile-link{color:var(--ink-dim);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-decoration:none;transition:color .15s}.navbar-mobile-link.active,.navbar-mobile-link:hover{color:var(--ink)}@media (max-width:640px){.navbar-links{display:none}.navbar-hamburger,.navbar-mobile-menu{display:flex}}.not-found-page{background:var(--bg);bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:3rem}.not-found-message{align-items:flex-start;box-sizing:border-box;display:flex;inset:0;justify-content:flex-start;padding:3rem;pointer-events:none;position:absolute;z-index:2}.not-found-message a{pointer-events:auto}.not-found-text{color:var(--ink);font-family:var(--font-mono);font-size:clamp(2rem,5.5vw,4.5rem);font-weight:500;letter-spacing:.02em;line-height:1.15;max-width:1100px}.not-found-home{color:var(--ink);text-decoration:underline;text-underline-offset:.15em;transition:color .15s}.not-found-home:hover{color:var(--accent)}.not-found-grid{display:grid;grid-auto-rows:calc((100vh - 3rem)/var(--grid-rows));grid-template-columns:repeat(var(--grid-cols),1fr);inset:0;pointer-events:none;position:absolute;z-index:1}.not-found-tile{background:var(--ink);transition:background-color .35s ease}.not-found-tile.gone{background:var(--bg);pointer-events:none}.not-found-tile.pinned{overflow:visible;position:relative;transform-origin:center}.not-found-tile.pinned.tilted{animation:tile-tilt .8s ease-in-out 1 forwards}@keyframes tile-tilt{0%{transform:rotate(0deg)}to{transform:rotate(-12deg)}}.not-found-dancer{color:var(--ink);font-family:var(--font-mono);font-size:.6rem;line-height:1.4;margin:0;pointer-events:none;text-align:center;white-space:pre;z-index:3}.not-found-dancer--ontile{bottom:100%;left:50%;position:absolute;transform:translateX(-50%)}.not-found-dancer--free{position:absolute;transform:translateX(-50%) translateY(-100%)}.not-found-dancer--free.sliding{transition:left .65s ease-in,top .65s ease-in}.not-found-dancer--free.falling{transition:top 1.2s cubic-bezier(.25,0,1,1)}.App{background-color:var(--bg);color:var(--ink);min-height:100vh}.inner-page{margin:0 auto;max-width:860px;min-height:100vh;padding-bottom:4rem;padding-left:var(--hud-pad);padding-right:var(--hud-pad);padding-top:4rem}.page-label{color:var(--ink-dim);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em}.rule{border:none;border-top:1px solid var(--ink-faint);display:block;height:0;margin:var(--unit) 0;width:100%}.mono{font-family:var(--font-mono)}.sans{font-family:var(--font-sans)}.dim{color:var(--ink-dim)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.detail-header{display:flex;flex-direction:column;gap:.5rem;padding-bottom:1.5rem;padding-top:3rem}.detail-title{color:var(--ink);font-size:.9rem;font-weight:500;letter-spacing:.02em}.detail-meta,.detail-title{font-family:var(--font-mono)}.detail-meta{display:flex;font-size:.62rem;gap:.5rem;letter-spacing:.04em}.detail-body{font-family:var(--font-sans);font-size:.8rem;line-height:1.7;max-width:560px}.detail-body p{margin-bottom:.8rem}.hud{color:var(--ink-dim);font-family:var(--font-mono);font-size:.65rem;inset:0;letter-spacing:.04em;pointer-events:none;position:fixed;z-index:10}.hud .hud-param-row,.hud .hud-seed-row,.hud a,.hud button{pointer-events:auto}.hud-top{align-items:center;border-bottom:1px solid var(--ink-faint);box-sizing:border-box;display:flex;height:3rem;justify-content:space-between;left:0;padding:0 var(--hud-pad);position:absolute;right:0;top:0}.hud-top-left,.hud-top-right{align-items:center;display:flex;gap:1rem}.hud-logo{color:var(--ink);font-family:var(--font-mono);font-size:.85rem;font-weight:500;letter-spacing:.05em;pointer-events:auto;text-decoration:none}.hud-logo:hover{color:var(--accent)}.hud-waveform{display:block;opacity:.8}.hud-left{gap:.2rem;left:var(--hud-pad);position:absolute;top:50%;transform:translateY(-50%)}.hud-left,.hud-nav{display:flex;flex-direction:column}.hud-nav{gap:.55rem}.hud-nav-item{align-items:baseline;color:var(--ink-dim);display:flex;font-size:.72rem;gap:.6rem;letter-spacing:.04em;pointer-events:auto;text-decoration:none;transition:color .15s}.hud-nav-item:hover .hud-nav-num{color:var(--accent)}.hud-nav-item:hover .hud-nav-label{color:var(--ink)}.hud-nav-num{color:var(--ink-faint);font-size:.58rem;min-width:1.2rem;transition:color .2s,font-size .3s ease}.hud-nav-label{transition:color .2s,font-size .3s ease,letter-spacing .3s ease}.hud-nav-item--active .hud-nav-num{color:var(--accent);font-size:.72rem}.hud-nav-item--active .hud-nav-label{color:var(--ink);font-size:.92rem;letter-spacing:.05em}.hud-crosshair{color:var(--ink-faint);font-size:1rem;line-height:1;margin-top:2rem}.hud-right{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem;min-width:110px;position:absolute;right:var(--hud-pad);top:50%;transform:translateY(-50%)}.hud-panel-label{color:var(--ink-faint);font-size:.6rem;letter-spacing:.08em;text-align:right}.hud-mini-field{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(4,1fr);padding:4px 0}.hud-mini-dot{background:var(--ink);border-radius:50%;display:block;height:3px;transition:opacity .4s;width:3px}.hud-params{display:flex;flex-direction:column;gap:2px;width:100%}.hud-param-row{align-items:center;cursor:ns-resize;display:flex;gap:.8rem;justify-content:space-between;padding:2px 0;-webkit-user-select:none;user-select:none}.hud-seed-row{cursor:pointer;margin-top:2px}.hud-seed-row:hover .hud-seed-value{color:var(--accent)}.hud-param-label{color:var(--ink-faint);font-size:.58rem;letter-spacing:.07em}.hud-param-value{font-feature-settings:"tnum";font-size:.65rem;font-variant-numeric:tabular-nums;min-width:2.8rem;text-align:right}.hud-param-row:hover .hud-param-label,.hud-param-value{color:var(--ink-dim)}.hud-param-row:hover .hud-param-value{color:var(--ink)}.hud-xyz{display:flex;flex-direction:column;gap:3px;margin-top:2px;width:100%}.hud-xyz-row{align-items:center;display:flex;gap:.5rem}.hud-xyz-label{color:var(--ink-faint);font-size:.58rem;width:.7rem}.hud-xyz-track{background:var(--ink-faint);flex:1 1;height:1px;position:relative}.hud-xyz-fill{background:var(--ink-dim);height:1px;transition:width .4s ease}.hud-output-wave{display:block;opacity:.7}.hud-bottom{border-top:1px solid var(--ink-faint);bottom:var(--hud-pad);justify-content:space-between;left:var(--hud-pad);padding-top:.6rem;position:absolute;right:var(--hud-pad)}.hud-bottom,.hud-bottom-left{align-items:center;display:flex}.hud-bottom-left{gap:.8rem}.hud-bottom-right{align-items:center;display:flex}.hud-full-btn{background:none;border:none;color:var(--ink-faint);cursor:pointer;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;padding:0;pointer-events:auto;transition:color .15s}.hud-full-btn:hover{color:var(--ink)}@media (max-width:640px){.hud-bottom,.hud-right{display:none}.hud-left{align-items:center;background:var(--bg);border-left:none;border-top:1px solid var(--ink-faint);bottom:0;left:0;padding:.5rem;right:0;top:auto;transform:none}.hud-left,.hud-nav{flex-direction:row;gap:0}.hud-nav{justify-content:space-around;width:100%}.hud-nav-item{align-items:center;flex-direction:column;font-size:.6rem;gap:.15rem}.hud-nav-num{font-size:.42rem}.hud-nav-label{font-size:.58rem}.hud-nav-item--active .hud-nav-label{font-size:.68rem}.hud-crosshair{display:none}}.home{background:var(--bg)}.home-hero{height:100vh;overflow:hidden;position:relative}.home-section{align-items:center;display:flex;min-height:100vh;padding:4rem 6rem 4rem 10rem}.home-section-inner{display:flex;flex-direction:column;gap:1.2rem;max-width:400px}.home-section-num{color:var(--ink-faint);font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em}.home-section-title{color:var(--ink);font-family:var(--font-mono);font-size:.85rem;font-weight:500;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:color .15s}.home-section-title:hover{color:var(--accent)}.home-section-list{display:flex;flex-direction:column;gap:.7rem;list-style:none}.home-section-list li{color:var(--ink-dim);display:flex;font-family:var(--font-mono);font-size:.65rem;gap:2rem;justify-content:space-between;letter-spacing:.02em}.home-section-more span{color:var(--ink-faint);font-size:.6rem}.home-section-bio{display:flex;flex-direction:column;gap:.5rem;letter-spacing:.02em;line-height:1.6}.home-section-bio,.home-section-link{color:var(--ink-dim);font-family:var(--font-mono);font-size:.65rem}.home-section-link{align-self:flex-start;letter-spacing:.04em;margin-top:.5rem;text-decoration:none;transition:color .15s}.home-section-link:hover{color:var(--accent)}@media (max-width:640px){.home-section{padding:4rem 1.5rem 6rem}}