.contact-links[data-astro-cid-3rnf66z7]{display:flex;gap:12px 24px;flex-wrap:wrap;align-items:center}.contact-link[data-astro-cid-3rnf66z7]{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--border-subtle);color:var(--control-fg);font-size:12px;text-decoration:none;overflow-wrap:anywhere}.contact-link[data-astro-cid-3rnf66z7] svg{flex-shrink:0}.contact-link[data-astro-cid-3rnf66z7]:hover,.contact-link[data-astro-cid-3rnf66z7]:active,.contact-link[data-astro-cid-3rnf66z7]:focus-visible{background:var(--control-hover-bg);color:var(--control-hover-fg)}.contact-link[data-astro-cid-3rnf66z7]:hover,.contact-link[data-astro-cid-3rnf66z7]:focus-visible{background-image:var(--gif-url-a);background-size:calc(var(--cell) * 4) calc(var(--cell) * 4);background-position:center}.contact-link--email[data-astro-cid-3rnf66z7]:hover,.contact-link--email[data-astro-cid-3rnf66z7]:focus-visible{background-image:var(--gif-url-b)}.contact-link[data-astro-cid-3rnf66z7]:active{background-image:none}.contact-link[data-astro-cid-3rnf66z7]:focus-visible{outline:2px solid var(--text-accent);outline-offset:4px}.about-tools[data-astro-cid-zsov6f23]{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px}.about-tools[data-astro-cid-zsov6f23] a[data-astro-cid-zsov6f23]{color:var(--text-primary);font-size:12px;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:4px}.about-tools[data-astro-cid-zsov6f23] a[data-astro-cid-zsov6f23]:hover{color:var(--text-accent)}.about-copy[data-astro-cid-zsov6f23]{max-width:720px;margin:auto;color:var(--text-primary);font-size:14px;line-height:1.8}p[data-astro-cid-zsov6f23]{margin:0 0 20px}p[data-astro-cid-zsov6f23]:last-child{margin-bottom:0}.site-nav[data-astro-cid-l3rxwkef]{position:fixed;inset:0 0 auto;height:var(--nav-height);z-index:var(--z-ui);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--cell-2);background:var(--bg-void);border-bottom:1px solid var(--nav-border,#fff)}.site-nav__links[data-astro-cid-l3rxwkef]{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:clamp(16px,2vw,32px)}.site-nav__link[data-astro-cid-l3rxwkef]{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:800 12px var(--font-mono);letter-spacing:.06em;color:var(--text-muted);text-decoration:none;cursor:pointer}.site-nav__link[data-astro-cid-l3rxwkef]:hover{color:var(--text-primary)}.site-nav__link[data-astro-cid-l3rxwkef][aria-current],.nav-drawer__link[data-astro-cid-l3rxwkef][aria-current],.nav-about[data-astro-cid-l3rxwkef][open]>summary[data-astro-cid-l3rxwkef]{text-decoration:line-through;text-decoration-thickness:1px;color:var(--text-primary)}.nav-about[data-astro-cid-l3rxwkef]>summary[data-astro-cid-l3rxwkef]{list-style:none}.nav-about[data-astro-cid-l3rxwkef]>summary[data-astro-cid-l3rxwkef]::-webkit-details-marker{display:none}.nav-about[data-astro-cid-l3rxwkef][open]>summary[data-astro-cid-l3rxwkef]{color:var(--text-primary)}.nav-about__panel[data-astro-cid-l3rxwkef]{position:absolute;top:100%;left:0;right:0;background:var(--bg-void);border-bottom:1px solid var(--nav-border,#fff);padding:clamp(24px,4vw,64px);max-height:calc(100dvh - var(--nav-height));overflow:auto}.site-nav__logo[data-astro-cid-l3rxwkef]{grid-column:2;grid-row:1;display:flex;justify-content:center}.site-nav__logo[data-astro-cid-l3rxwkef] a[data-astro-cid-l3rxwkef]{display:flex;align-items:center;justify-content:center;min-height:44px}.site-nav__logo[data-astro-cid-l3rxwkef] img[data-astro-cid-l3rxwkef]{width:32px;height:32px}.site-nav__right[data-astro-cid-l3rxwkef]{grid-column:1;grid-row:1;display:flex;justify-content:flex-start}.site-nav__burger[data-astro-cid-l3rxwkef]{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:none;color:var(--text-primary);cursor:pointer}.site-nav__burger[data-astro-cid-l3rxwkef] .burger-icon--open{display:none}.site-nav__burger[data-astro-cid-l3rxwkef][aria-expanded=true] .burger-icon--open{display:block}.site-nav__burger[data-astro-cid-l3rxwkef][aria-expanded=true] .burger-icon--closed{display:none}.nav-drawer[data-astro-cid-l3rxwkef]{position:fixed;top:var(--nav-height);left:0;right:0;z-index:calc(var(--z-ui) - 1);background:var(--bg-void);border-bottom:1px solid var(--nav-border,#fff);padding:16px 24px}.nav-drawer__link[data-astro-cid-l3rxwkef]{display:block;min-height:44px;padding:12px 0;font-size:16px;font-weight:800;color:var(--text-primary);text-decoration:none}[data-astro-cid-l3rxwkef]:is(a,button,summary):focus-visible{outline:2px solid var(--text-accent);outline-offset:4px}@media(max-width:900px){.desktop-link[data-astro-cid-l3rxwkef]{display:none}.site-nav[data-astro-cid-l3rxwkef]{padding-inline:16px}.site-nav__links[data-astro-cid-l3rxwkef]{grid-column:1;justify-content:flex-start;gap:0}.site-nav__right[data-astro-cid-l3rxwkef]{grid-column:3;justify-content:flex-end}.site-nav__burger[data-astro-cid-l3rxwkef]{display:flex}.site-nav__logo[data-astro-cid-l3rxwkef] img[data-astro-cid-l3rxwkef]{width:28px;height:28px}}.mini-sampler[data-astro-cid-mqxmdvie]{position:absolute;right:calc(100% + 8px);bottom:0;z-index:1;width:min(22vw,148px);min-width:108px;padding:6px;border:1px solid var(--dock-border);background:var(--dock-bg);color:var(--dock-fg);box-shadow:0 0 0 1px #00000024}.mini-sampler[data-astro-cid-mqxmdvie][hidden]{display:none}.dock--left .mini-sampler[data-astro-cid-mqxmdvie]{left:calc(100% + 8px);right:auto}.dock--right .mini-sampler[data-astro-cid-mqxmdvie]{right:calc(100% + 8px);left:auto}.mini-sampler__head[data-astro-cid-mqxmdvie]{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 3px 5px;color:var(--dock-muted);font:800 7px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.mini-sampler__grid[data-astro-cid-mqxmdvie]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.mini-pad[data-astro-cid-mqxmdvie]{min-width:0;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:2px;border:1px solid var(--border-subtle);background:var(--dock-btn-bg);color:var(--dock-muted);cursor:pointer;font-family:var(--font-mono);user-select:none;transition:background-color .1s ease,border-color .1s ease,color .1s ease}.mini-pad[data-astro-cid-mqxmdvie]:hover{border-color:var(--border-active);background:var(--dock-btn-hover);color:var(--dock-fg)}.mini-pad[data-astro-cid-mqxmdvie].pad--active{border-color:var(--border-accent);background:var(--dock-primary-bg);color:var(--dock-primary-fg)}.mini-pad__key[data-astro-cid-mqxmdvie]{font-size:10px;font-weight:800;line-height:1}.mini-pad__name[data-astro-cid-mqxmdvie]{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:6px;line-height:1;letter-spacing:.04em;text-transform:uppercase}@media(max-width:600px){.mini-sampler[data-astro-cid-mqxmdvie]{width:112px;min-width:112px;padding:4px}.mini-sampler__head[data-astro-cid-mqxmdvie]{padding-bottom:4px}.mini-pad__name[data-astro-cid-mqxmdvie]{display:none}.mini-pad__key[data-astro-cid-mqxmdvie]{font-size:9px}}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono-Variable.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel;src:url(/fonts/GeistPixel-Square.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@property --grid-color{syntax: "<color>"; inherits: true; initial-value: rgba(255,0,128,.5);}:root{--z-bg: 0;--z-noise: 5;--z-squares: 10;--z-content: 50;--z-overlay: 70;--z-words-track: 15;--z-words-sample: 110;--z-ui: 100;--z-modal: 120;--z-debug: 9999;color-scheme:dark;--cell: 16px;--cell-2: 32px;--cell-3: 48px;--cell-4: 64px;--cell-6: 96px;--cell-8: 128px;--pixel-round: calc(var(--cell) * .4);--bg-void: #0a0705;--theme-page-bg: #1c130c;--theme-pixel-bg: #1c130c;--theme-color-1: #ffa908;--theme-color-2: #fb5c07;--theme-color-3: #ff5807;--theme-color-4: #f57587;--theme-color-5: #b17b94;--theme-color-6: #077b97;--theme-color-7: #058232;--surface-glass: rgba(10,7,5,.72);--surface-glass-dim: rgba(10,7,5,.52);--surface-solid: rgba(10,7,5,.96);--border-subtle: rgba(245,240,232,.1);--border-active: rgba(245,240,232,.28);--border-accent: rgba(255,170,0,.45);--text-primary: #f5f0e8;--text-muted: rgba(245,240,232,.65);--text-accent: #ffaa00;--text-destructive: #ff4500;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Consolas, monospace;--font-display: "Geist Pixel", ui-monospace, monospace;--nav-height: 64px;--pad-size: var(--cell-4);--pad-gap: 4px;--backdrop-blur: blur(12px) saturate(140%);--ui-outglow: drop-shadow(0 0 6px rgba(0,0,0,.25)) drop-shadow(0 0 2px rgba(0,0,0,.25));--page-bg: var(--theme-page-bg);--pixel-bg: var(--theme-pixel-bg);--theme-dock-bg: var(--surface-glass);--theme-dock-border: var(--border-accent);--theme-dock-fg: var(--text-primary);--theme-dock-muted: var(--text-muted);--theme-dock-btn-bg: #251a10;--theme-dock-btn-hover: #352718;--theme-dock-primary-bg: #4a3a0e;--theme-dock-primary-hover: #5c4a12;--theme-dock-primary-fg: #f5e6c8;--dock-bg: var(--theme-dock-bg);--dock-border: var(--theme-dock-border);--dock-fg: var(--theme-dock-fg);--dock-muted: var(--theme-dock-muted);--dock-btn-bg: var(--theme-dock-btn-bg);--dock-btn-hover: var(--theme-dock-btn-hover);--dock-primary-bg: var(--theme-dock-primary-bg);--dock-primary-hover: var(--theme-dock-primary-hover);--dock-primary-fg: var(--theme-dock-primary-fg);--nav-border: #fff;--footer-line: #fff;--footer-link: #fff;--control-fg: #fff;--control-hover-bg: #fff;--control-hover-fg: #000;--rail-bg: #000;--rail-fg: #f5f0e8;--rail-border: transparent;--placeholder-label-bg: #000;--placeholder-label-fg: #f5f0e8;--grain-opacity: .16;--reading-rail: clamp(160px,20vw,290px);--reading-gap: clamp(24px,4vw,64px);--noise-opacity: 1}html[data-color-mode=light]{color-scheme:light;--bg-void: #f5f0e8;--surface-glass: rgba(245,240,232,.88);--surface-glass-dim: rgba(245,240,232,.7);--surface-solid: rgba(245,240,232,.98);--border-subtle: rgba(10,7,5,.18);--border-active: rgba(10,7,5,.34);--border-accent: rgba(10,7,5,.28);--text-primary: #0a0705;--text-muted: rgba(10,7,5,.68);--text-destructive: #b42318;--theme-page-bg: #f5f0e8 !important;--theme-pixel-bg: #f5f0e8 !important;--page-bg: var(--theme-page-bg) !important;--pixel-bg: var(--theme-pixel-bg) !important;--theme-dock-bg: rgba(245,240,232,.9) !important;--theme-dock-border: rgba(10,7,5,.28) !important;--theme-dock-fg: #0a0705 !important;--theme-dock-muted: rgba(10,7,5,.68) !important;--theme-dock-btn-bg: rgba(10,7,5,.07) !important;--theme-dock-btn-hover: rgba(10,7,5,.14) !important;--theme-dock-primary-bg: rgba(10,7,5,.14) !important;--theme-dock-primary-hover: rgba(10,7,5,.22) !important;--theme-dock-primary-fg: #0a0705 !important;--dock-bg: var(--theme-dock-bg) !important;--dock-border: var(--theme-dock-border) !important;--dock-fg: var(--theme-dock-fg) !important;--dock-muted: var(--theme-dock-muted) !important;--dock-btn-bg: var(--theme-dock-btn-bg) !important;--dock-btn-hover: var(--theme-dock-btn-hover) !important;--dock-primary-bg: var(--theme-dock-primary-bg) !important;--dock-primary-hover: var(--theme-dock-primary-hover) !important;--dock-primary-fg: var(--theme-dock-primary-fg) !important;--nav-border: #0a0705;--footer-line: #0a0705;--footer-link: #0a0705;--control-fg: #0a0705;--control-hover-bg: #0a0705;--control-hover-fg: #fff;--rail-bg: #fff;--rail-fg: #0a0705;--rail-border: #0a0705;--placeholder-label-bg: #fff;--placeholder-label-fg: #0a0705;--grain-opacity: .08}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--bg-void);font-family:var(--font-mono);color:var(--text-primary);overflow-y:visible;overflow-x:clip;min-height:100vh;min-height:100dvh;transition:background-color .55s ease}.grid-line-h{position:absolute;left:0;right:0;height:1px;background:#f5f0e80a;pointer-events:none}.grid-line-v{position:absolute;top:0;bottom:0;width:1px;background:#f5f0e80a;pointer-events:none}.section{min-height:100vh;position:relative;padding:calc(var(--cell-6) + var(--nav-height)) var(--cell-4) var(--cell-6)}.panel{background:transparent;border:1px solid var(--border-subtle);padding:var(--cell-2)}#stage{position:fixed;inset:0;z-index:var(--z-bg);display:flex;align-items:flex-start;justify-content:center;overflow:hidden;background:var(--page-bg);isolation:isolate;transition:background-color .55s ease}.grid-stack{position:relative;z-index:var(--z-squares);flex-shrink:0;width:calc(var(--cell) * 40);height:calc(var(--cell) * 30);contain:strict;pointer-events:none}.grid-layer{position:absolute;inset:0;display:grid;grid-template-columns:repeat(40,var(--cell));grid-template-rows:repeat(30,var(--cell));width:100%;height:100%;background:transparent}#grid-back{z-index:var(--z-squares)}#grid-front{z-index:calc(var(--z-squares) + 1)}#grid-back[hidden],#grid-front[hidden]{display:none!important}.pixel{background:transparent;width:var(--cell);height:var(--cell)}#stage[data-view=emoji] #grid-front{display:none}#stage[data-view=emoji] .pixel{display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell) * .88);line-height:1;overflow:hidden;user-select:none}.word-flash-root{position:fixed;inset:0;z-index:var(--z-words-track);pointer-events:none;overflow:hidden}.word-flash-root--sample{z-index:var(--z-words-sample)}.word-flash-line{position:absolute;display:flex;flex-direction:row;align-items:flex-start;gap:0;opacity:0;transition:opacity .14s ease-out}.word-flash-line--in{opacity:1}.word-flash-line--out{opacity:0;transition:opacity .36s ease-in}.word-flash-char,.word-flash-gap{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;font-weight:900;line-height:1;color:#fffcf8fa;background-color:var(--page-bg);text-shadow:none}.word-flash-char[data-letter-cells="1"],.word-flash-gap[data-letter-cells="1"]{font-family:var(--font-mono);width:var(--cell);height:var(--cell);font-size:calc(var(--cell) * .86)}.word-flash-char[data-letter-cells="4"],.word-flash-gap[data-letter-cells="4"]{font-family:var(--font-mono);width:calc(var(--cell) * 2);height:calc(var(--cell) * 2);font-size:calc(var(--cell) * 1.58)}.word-flash-char[data-letter-cells="4p"],.word-flash-gap[data-letter-cells="4p"]{font-family:var(--font-display);width:calc(var(--cell) * 2);height:calc(var(--cell) * 2);font-size:calc(var(--cell) * 1.58)}.word-flash-char[data-letter-cells="9"],.word-flash-gap[data-letter-cells="9"]{font-family:var(--font-display);width:calc(var(--cell) * 3);height:calc(var(--cell) * 3);font-size:calc(var(--cell) * 2.5)}.word-flash-char[data-letter-cells="16"],.word-flash-gap[data-letter-cells="16"]{font-family:var(--font-display);width:calc(var(--cell) * 4);height:calc(var(--cell) * 4);font-size:calc(var(--cell) * 3.4)}.grain{position:absolute;inset:0;z-index:var(--z-noise);width:100%;height:100%;pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:multiply;filter:contrast(160%) brightness(118%)}html[data-color-mode=light] .grain{opacity:.025!important}html[data-color-mode=light] .noise:after{opacity:.05}html[data-color-mode=light] .site-nav__logo img,html[data-color-mode=light] .hero-logo__img,html[data-color-mode=light] .enter-logo img{filter:brightness(0) saturate(100%)}html[data-color-mode=light] .hero-sub{background:#ffffff94}.dock{position:fixed;bottom:var(--cell);left:50%;transform:translate(-50%);z-index:var(--z-ui);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;width:calc(var(--cell) * 7);height:calc(var(--cell) * 2);box-sizing:border-box;border-radius:0;background:transparent;border:none}.dock--sampler{width:calc(var(--cell) * 8)}.dock--left{left:var(--cell);right:auto;transform:none}.dock--right{left:auto;right:var(--cell);transform:none}.dock__title{height:var(--cell);line-height:var(--cell);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--dock-muted);padding:0 6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;background:var(--dock-bg);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);cursor:grab;user-select:none}.dock__btns{display:flex;align-items:stretch;gap:0;width:100%;flex:1}.dock__btn{display:flex;align-items:center;justify-content:center;flex:1;height:100%;padding:0;border:none;border-radius:0;background:var(--dock-btn-bg);color:var(--dock-fg);cursor:pointer;transition:background .15s ease,transform .12s ease}.dock__btn:hover{background:var(--dock-btn-hover)}.dock__btn:active{background:var(--dock-btn-bg)}.dock__btn--primary{background:var(--dock-primary-bg);color:var(--dock-primary-fg)}.dock__btn--primary:hover{background:var(--dock-primary-hover)}.dock__icon{width:20px;height:20px;stroke-width:2}.dock__theme-icon--light{display:none}html[data-color-mode=light] .dock__theme-icon--light{display:block}html[data-color-mode=light] .dock__theme-icon--dark,[data-page=blog] .dock__title,[data-page=blog] #btnPlay,[data-page=blog] #btnPrev,[data-page=blog] #btnNext,[data-page=blog] #btnMute{display:none}[data-page=blog] .dock{width:calc(var(--cell) * 3);height:var(--cell)}[data-page=blog] .dock__btns{height:var(--cell)}.design-fab{position:fixed;top:.55rem;right:.55rem;z-index:var(--z-modal);width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--dock-border, rgba(255,255,255,.15));border-radius:50%;background:var(--dock-bg, rgba(20,20,24,.75));color:var(--dock-fg, #e8e8ec);font-size:1rem;line-height:1;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.design-fab:hover{background:var(--dock-btn-hover, rgba(255,255,255,.12))}.design-panel{position:fixed;top:.5rem;right:.5rem;z-index:var(--z-modal);width:min(22rem,calc(100vw - 1rem));max-height:min(88vh,36rem);display:flex;flex-direction:column;border-radius:.65rem;border:1px solid var(--dock-border, rgba(255,255,255,.14));background:#0c0a0ef0;color:#e4e0ea;box-shadow:0 12px 40px #00000073;font-size:.72rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.design-panel[hidden]{display:none!important}.design-panel__head{display:flex;align-items:center;justify-content:space-between;padding:.45rem .55rem .35rem;border-bottom:1px solid rgba(255,255,255,.08)}.design-panel__head strong{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.design-panel__x{border:none;background:transparent;color:#b8b0c4;font-size:1.25rem;line-height:1;cursor:pointer;padding:.1rem .35rem;border-radius:.25rem}.design-panel__x:hover{color:#fff;background:#ffffff0f}.design-panel__body{overflow:auto;padding:.5rem .65rem .65rem;display:flex;flex-direction:column;gap:.35rem}.design-panel__hint{margin:0 0 .25rem;line-height:1.45;color:#9a92a8}.design-panel__hint code{font-size:.68rem;padding:.05rem .2rem;border-radius:.2rem;background:#ffffff0f}.design-section{margin:.35rem 0 .1rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;font-size:.65rem;color:#c4bdd6}.design-row{display:grid;grid-template-columns:1fr minmax(0,5.5rem) 2.25rem;align-items:center;gap:.35rem}.design-row--stack{grid-template-columns:1fr;gap:.2rem}.design-row__label{color:#b4adc2;line-height:1.25}.design-row__val{text-align:right;font-variant-numeric:tabular-nums;color:#8cf5d6;font-size:.68rem}.design-row input[type=range]{width:100%;accent-color:#6ee7c5}.design-textarea{width:100%;box-sizing:border-box;font-family:ui-monospace,monospace;font-size:.68rem;padding:.35rem .4rem;border-radius:.35rem;border:1px solid rgba(255,255,255,.1);background:#00000059;color:#e8e4f0;resize:vertical;min-height:2.2rem}.design-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.design-btn{border:none;border-radius:.35rem;padding:.35rem .55rem;font-size:.68rem;font-weight:600;cursor:pointer;background:#6ee7c538;color:#e8fff8}.design-btn:hover{background:#6ee7c552}.design-btn--ghost{background:#ffffff14;color:#d8d2e6;font-weight:500}.design-btn--ghost:hover{background:#ffffff1f}.design-paste{width:100%;box-sizing:border-box;margin-top:.35rem;font-family:ui-monospace,monospace;font-size:.62rem;padding:.4rem;border-radius:.35rem;border:1px dashed rgba(255,255,255,.15);background:#00000040;color:#ddd8ea}.design-rhythm-row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.design-rhythm-top{display:flex;align-items:center;justify-content:space-between;gap:.35rem}.design-seq-auto-label{display:flex;align-items:center;gap:.3rem;font-size:.65rem;color:#a8a0b8;cursor:pointer;user-select:none}.design-seq-auto-label input{accent-color:#6ee7c5}.design-seq{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px}.design-seq-step{min-width:0;aspect-ratio:1;max-height:1.65rem;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:.2rem;background:#00000059;color:#6b6578;font-size:.55rem;font-variant-numeric:tabular-nums;cursor:pointer;line-height:1}.design-seq-step:hover:not(:disabled){border-color:#6ee7c559;color:#c4bdd6}.design-seq-step:disabled{opacity:.35;cursor:not-allowed}.design-seq-step--on{background:#6ee7c559;border-color:#6ee7c58c;color:#ecfdf5;font-weight:700}.pad-grid{display:grid;grid-template-columns:repeat(4,var(--pad-size));grid-template-rows:repeat(4,var(--pad-size));gap:var(--pad-gap)}.pad{position:relative;width:var(--pad-size);height:var(--pad-size);background:var(--surface-glass);border:1px solid var(--border-subtle);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:6px 8px;transition:background .1s ease,border-color .1s ease;user-select:none}.pad:hover{background:var(--surface-glass-dim);border-color:var(--border-active)}.pad:active,.pad--active{background:#ffaa0026;border-color:var(--border-accent)}.pad__num{font-size:12px;font-weight:800;color:var(--text-muted);line-height:1}.pad__name{font-size:12px;font-weight:800;color:var(--text-primary);line-height:1;text-transform:uppercase;letter-spacing:.04em}.fx-strip{display:flex;gap:var(--cell-2);align-items:center;margin-top:var(--cell-2);padding:var(--cell) var(--cell-2);background:var(--surface-glass);border:1px solid var(--border-subtle)}.fx-control{display:flex;flex-direction:column;gap:6px;flex:1}.fx-control__label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.fx-control input[type=range]{width:100%;accent-color:var(--text-accent);cursor:pointer}main{position:relative;z-index:var(--z-content)}@media(max-width:600px){.section{padding:calc(var(--cell-4) + var(--nav-height)) var(--cell) var(--cell-4)}.panel{padding:var(--cell)}#sampler{overflow-x:auto;-webkit-overflow-scrolling:touch}.dock{bottom:0;width:100%;left:0;transform:none;height:calc(var(--cell) * 3)}.dock__btns{height:calc(var(--cell) * 2)}[data-page=blog] .dock{width:100%;height:calc(var(--cell) * 2)}[data-page=blog] .dock__btns{height:calc(var(--cell) * 2)}.word-flash-char[data-letter-cells="9"],.word-flash-gap[data-letter-cells="9"],.word-flash-char[data-letter-cells="16"],.word-flash-gap[data-letter-cells="16"]{width:calc(var(--cell) * 2);height:calc(var(--cell) * 2);font-size:calc(var(--cell) * 1.58)}}.section-label{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-accent);margin-bottom:0;filter:var(--ui-outglow)}.section-label-no-gap{margin-bottom:var(--cell-2)}#grid-overlay{position:fixed;inset:0;z-index:1;pointer-events:none;display:none;transition:--grid-color 2.8s ease;background-image:linear-gradient(var(--grid-color, rgba(255, 0, 128, .5)) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color, rgba(255, 0, 128, .5)) 1px,transparent 1px);background-size:var(--cell, 32px) var(--cell, 32px);background-position:var(--grid-x, 0px) var(--grid-y, 0px)}body.show-grid #grid-overlay{display:block}#diag-overlay{position:fixed;inset:0;z-index:1;pointer-events:none;display:none;transition:--grid-color 2.8s ease;background-image:linear-gradient(45deg,var(--grid-color, rgba(255, 0, 128, .5)) 1px,transparent 1px),linear-gradient(-45deg,var(--grid-color, rgba(255, 0, 128, .5)) 1px,transparent 1px);background-size:var(--cell, 32px) var(--cell, 32px);background-position:var(--grid-x, 0px) var(--grid-y, 0px)}body.show-diag #diag-overlay{display:block}@media(min-aspect-ratio:2.2/1){.dock{left:auto;right:var(--cell);transform:none}}body:not([data-playing=true]) canvas:not(#cosmic-canvas){opacity:.45;transition:opacity .6s ease}body[data-playing=true] canvas:not(#cosmic-canvas){opacity:1;transition:opacity .4s ease}body[data-page=project] #stage{opacity:1;transition:opacity .4s ease}.proj-well{position:relative;z-index:var(--z-content);min-height:100vh}.proj-hero{padding:calc(var(--cell-4) + var(--nav-height)) var(--cell-4) var(--cell-2);max-width:900px;margin:0 auto;position:relative}.proj-well--chatbot .proj-hero{padding-bottom:0}.proj-well--chatbot .proj-title-row{margin-bottom:0}.proj-hero-image{max-width:900px;margin:0 auto;padding:0 var(--cell-4) var(--cell-3)}.proj-body{max-width:900px;margin:0 auto;padding:var(--cell-2) var(--cell-4) var(--cell-8);display:flex;flex-direction:column;gap:var(--cell-4);position:relative}.proj-body:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100vw;height:100%;background:linear-gradient(to right,transparent 0%,var(--bg-void) calc(50% - 520px),var(--bg-void) calc(50% + 520px),transparent 100%);-webkit-mask-image:linear-gradient(to top,black 0%,black 65%,transparent 100%);mask-image:linear-gradient(to top,black 0%,black 65%,transparent 100%);pointer-events:none;z-index:-1}.proj-back{font-size:11px;color:var(--text-muted);text-decoration:none;letter-spacing:.06em;display:inline-block;margin-bottom:var(--cell-2);transition:color .1s ease}.proj-back:hover{color:var(--text-accent)}.proj-title-row{display:flex;align-items:center;gap:var(--cell);flex-wrap:wrap;margin-bottom:var(--cell)}.proj-heading{font-family:var(--font-display);font-size:clamp(32px,6vw,56px);color:var(--text-primary);margin:0;letter-spacing:.04em;line-height:1.1}.proj-subtitle{font-size:14px;color:var(--text-muted);margin:0;line-height:1.75;letter-spacing:.03em;max-width:560px}.proj-badge{font-size:8px;font-weight:800;letter-spacing:.1em;padding:3px 8px;border:1px solid currentColor;white-space:nowrap;flex-shrink:0}.proj-badge--done{color:var(--text-accent)}.proj-badge--active{color:#50c878e6}.proj-badge--muted{color:var(--text-muted)}.img-ph{position:relative;overflow:hidden;isolation:isolate;width:100%;border:1px solid #000;display:flex;align-items:center;justify-content:center;background:var(--text-accent);color:#000;font-size:11px;letter-spacing:.08em}.img-ph:before{content:"";position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(135deg,transparent 0 18px,rgba(0,0,0,.58) 18px 20px)}.img-ph.noise:after{z-index:2}.img-ph>span{position:relative;z-index:3;background:var(--placeholder-label-bg);color:var(--placeholder-label-fg);padding:6px 9px}.proj-block{display:flex;flex-direction:column;gap:var(--cell)}.proj-block-label{font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--text-muted);padding-bottom:var(--cell);border-bottom:1px solid var(--border-subtle)}.proj-block p{font-size:13px;color:var(--text-muted);line-height:1.8;letter-spacing:.03em;margin:0}.proj-block ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.proj-block li{font-size:13px;color:var(--text-muted);line-height:1.65;letter-spacing:.03em;padding-left:var(--cell);position:relative}.proj-block li:before{content:"—";position:absolute;left:0;color:var(--border-active)}.proj-photo{width:100%;display:block;filter:contrast(1.05) saturate(.72)}.proj-screenshot{width:100%;display:block;border:1px solid var(--border-subtle)}.proj-block--screenshot .proj-screenshot{border:none}.proj-block--meta{padding-top:var(--cell);border-top:1px solid var(--border-subtle)}.proj-repo{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);text-decoration:none;transition:color .1s ease}.proj-repo:hover{color:var(--text-accent)}.proj-subnav-layout{display:grid;grid-template-columns:140px 1fr;gap:var(--cell-4);align-items:start}@media(max-width:600px){.proj-subnav-layout{grid-template-columns:1fr}.proj-hero,.proj-hero-image,.proj-body{padding-left:var(--cell-2);padding-right:var(--cell-2)}}.proj-subnav{position:sticky;top:calc(var(--cell-2) + var(--nav-height));display:flex;flex-direction:column;gap:2px;align-self:start}.proj-subnav-item{font-size:11px;font-weight:600;letter-spacing:.05em;color:var(--text-muted);text-decoration:none;padding:8px 0 8px var(--cell);border-left:2px solid transparent;transition:color .1s ease,border-color .1s ease}.proj-subnav-item:hover,.proj-subnav-item.active{color:var(--text-accent);border-left-color:var(--text-accent)}.proj-sections{display:flex;flex-direction:column;gap:var(--cell-4)}.proj-section{display:flex;flex-direction:column;gap:var(--cell-2);scroll-margin-top:calc(var(--cell-4) + var(--nav-height))}.proj-section-title{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--text-muted);padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.proj-timeline{display:flex;flex-direction:column;border-left:1px solid var(--border-subtle);padding-left:var(--cell-2);margin-left:6px}.proj-timeline-item{display:flex;align-items:flex-start;gap:var(--cell);padding:12px 0;position:relative}.proj-timeline-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:3px;position:absolute;left:calc(-1 * var(--cell-2) - 4px)}.proj-timeline-item--done .proj-timeline-dot{background:var(--text-accent)}.proj-timeline-item--current .proj-timeline-dot{background:#50c878e6;box-shadow:0 0 8px #50c87859}.proj-timeline-item--pending .proj-timeline-dot{background:var(--border-active)}.proj-timeline-label{font-size:13px;font-weight:600;letter-spacing:.03em;line-height:1.5}.proj-timeline-item--done .proj-timeline-label{color:var(--text-primary)}.proj-timeline-item--current .proj-timeline-label{color:#50c878e6}.proj-timeline-item--pending .proj-timeline-label{color:var(--text-muted)}.proj-timeline-note{font-size:11px;color:var(--text-muted);letter-spacing:.03em;margin-top:2px}.proj-link{color:var(--text-accent);text-decoration:none;transition:opacity .1s ease}.proj-link:hover{opacity:.7}.side-rail{position:fixed;left:0;top:var(--nav-height);bottom:0;width:var(--reading-rail);z-index:95;visibility:hidden;pointer-events:none}.side-rail.is-visible,.side-rail[data-home=false]{visibility:visible;pointer-events:auto}.side-rail__link{position:fixed;left:24px;top:calc(var(--nav-height) + 40px);display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;background:var(--rail-bg);color:var(--rail-fg);border:1px solid var(--rail-border);text-decoration:none;font-size:12px;letter-spacing:.04em;transition:top .1s ease-out;text-shadow:none;filter:none}.side-rail__link:hover{text-decoration:line-through}.side-rail__link:focus-visible{outline:2px solid currentColor;outline-offset:5px}.section--rail{scroll-margin-top:var(--nav-height);display:block;min-height:150vh;padding:clamp(80px,12vh,160px) var(--reading-gap) clamp(80px,12vh,160px) calc(var(--reading-rail) + var(--reading-gap))}.section--rail>.section-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.section--rail>.panel{border:0;padding:0;background:none}.hero-section{min-height:150vh}.site-foot{position:relative;z-index:var(--z-content);margin-left:calc(var(--reading-rail) + var(--reading-gap));margin-right:var(--reading-gap);padding:32px 0 160px;border-top:1px solid var(--footer-line);display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;font-size:12px}.site-foot a{color:var(--footer-link);text-decoration:none}.site-foot>div>a{font-weight:800}.site-foot p{color:var(--text-muted)}.site-foot .footer-motto{margin-top:32px}body[data-reading=true] .proj-well{margin-left:var(--reading-rail);background:none;border:0;min-height:100vh}body[data-reading=true] .proj-hero,body[data-reading=true] .proj-hero-image,body[data-reading=true] .proj-body{max-width:1100px;margin-inline:auto;padding-inline:var(--reading-gap);background:none}.proj-body:before{display:none}body[data-reading=true] .journal{margin-left:var(--reading-rail);padding-inline:var(--reading-gap)}body[data-reading=true] .journal .shell{background:none;border:0;padding-inline:0}.noise{position:relative;isolation:isolate}.noise:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cfilter id='noise' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeBlend mode='screen'/%3E%3C/filter%3E%3Crect width='500' height='500' filter='url(%23noise)' opacity='0.5'/%3E%3C/svg%3E");background-size:500px 500px;mix-blend-mode:soft-light;opacity:var(--noise-opacity,1)}.noise-color-1{--noise-color:var(--theme-color-1,var(--text-accent));background-color:var(--noise-color)}.noise-color-2{--noise-color:var(--theme-color-2,var(--text-accent));background-color:var(--noise-color)}.noise-color-3{--noise-color:var(--theme-color-3,var(--text-accent));background-color:var(--noise-color)}.noise-color-4{--noise-color:var(--theme-color-4,var(--text-accent));background-color:var(--noise-color)}.noise-color-5{--noise-color:var(--theme-color-5,var(--text-accent));background-color:var(--noise-color)}.noise-color-6{--noise-color:var(--theme-color-6,var(--text-accent));background-color:var(--noise-color)}.noise-color-7{--noise-color:var(--theme-color-7,var(--text-accent));background-color:var(--noise-color)}@media(max-width:600px){:root{--nav-height:56px;--reading-rail:64px;--reading-gap:16px}.side-rail__link{left:8px;writing-mode:vertical-rl;gap:8px;font-size:11px}.section--rail{padding-left:calc(var(--reading-rail) + var(--reading-gap));padding-right:var(--reading-gap);min-height:150vh}.section--rail:last-child{padding-bottom:100px}.site-foot{margin-left:calc(var(--reading-rail) + var(--reading-gap));padding-bottom:140px}}@media(prefers-reduced-motion:reduce){.side-rail__link{transition:none}}.pixel-field{z-index:var(--z-squares);position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;pointer-events:none}@media(max-width:600px),(hover:none),(pointer:coarse){.side-rail__link{display:none}.side-rail.is-visible,.side-rail[data-home=false]{pointer-events:none}}