:root{--color-bg:#0b0d12;--color-bg-elevated:#14171f;--color-fg:#e8ecf4;--color-fg-dim:#8a91a6;--color-accent-green:#39ff88;--color-accent-cyan:#4fd8ff;--color-accent-magenta:#ff5ec4;--color-accent-yellow:#ffd23f;--color-accent-orange:#ff8a3d;--font-mono:"SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;--font-sans:system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{background:var(--color-bg);width:100%;height:100%;color:var(--color-fg);font-family:var(--font-sans);overscroll-behavior:none;margin:0;padding:0;overflow:hidden}canvas.webgl{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#loading{z-index:100;background:var(--color-bg);color:var(--color-accent-green);font-family:var(--font-mono);letter-spacing:.05em;justify-content:center;align-items:center;font-size:.95rem;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}#loading[data-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}#overlay{z-index:50;pointer-events:none;position:fixed;inset:0}#overlay>*{pointer-events:auto}#mobile-keyboard-button{z-index:40;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:min(60vw,480px);height:min(40vh,320px);margin:0;padding:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#keyboard-trap{opacity:0;caret-color:#0000;color:#0000;z-index:-1;pointer-events:none;background:0 0;border:none;outline:none;width:1px;height:1px;margin:0;padding:0;font-size:16px;position:fixed;top:0;left:0}#tap-hint{left:50%;bottom:calc(3.25rem + env(safe-area-inset-bottom));color:var(--color-accent-green);font-family:var(--font-mono);letter-spacing:.04em;white-space:nowrap;z-index:60;pointer-events:none;opacity:0;visibility:hidden;background:#0000008c;border-radius:999px;margin:0;padding:.4rem .8rem;font-size:.85rem;transition:opacity .5s,visibility .5s;position:fixed;transform:translate(-50%)}#tap-hint[data-visible=true]{opacity:1;visibility:visible}footer{z-index:60;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));font-family:var(--font-mono);pointer-events:none;justify-content:center;gap:1.25rem;font-size:.85rem;display:flex;position:fixed;bottom:0;left:0;right:0}@media (height<=520px){footer{padding:.4rem .9rem calc(.4rem + env(safe-area-inset-bottom));justify-content:flex-end;gap:.9rem;font-size:.75rem}#tap-hint{bottom:calc(2.2rem + env(safe-area-inset-bottom))}}footer a{pointer-events:auto;color:inherit;opacity:.9;text-decoration:none;transition:opacity .15s}footer a:hover,footer a:focus-visible{opacity:1;text-decoration:underline}footer a.link-github{color:var(--color-accent-cyan)}footer a.link-linkedin{color:var(--color-accent-magenta)}footer a.link-email{color:var(--color-accent-yellow)}body[data-intro-active] footer{display:none}.bubbles-root{pointer-events:none;z-index:40;--bubble-ink:#120c0a;--bubble-fill:#fdf6e8;--bubble-text:#2b1c18;--bubble-border-width:3px;--bubble-radius:22px;--bubble-shadow-offset:6px;position:fixed;inset:0;overflow:visible}.bubble{box-sizing:border-box;width:max-content;min-width:8ch;max-width:30ch;color:var(--bubble-text);background:var(--bubble-fill);border:var(--bubble-border-width) solid var(--bubble-ink);border-radius:var(--bubble-radius);box-shadow:var(--bubble-shadow-offset) var(--bubble-shadow-offset) 0 0 var(--bubble-ink);opacity:0;visibility:hidden;transform-origin:50% 100%;will-change:transform;padding:.75em 1em;font:600 17px/1.35 Segoe UI,system-ui,-apple-system,sans-serif;position:absolute;top:0;left:0;transform:translate(-9999px,-9999px)scale(.9)}.bubble.is-visible{visibility:visible}.bubble.is-entering{animation:.26s cubic-bezier(.34,1.56,.64,1) forwards bubble-pop}.bubble.is-active:not(.is-entering){opacity:1;transform:translate3d(var(--bubble-x,0), var(--bubble-y,0), 0) scale(1, 1)}.bubble.is-leaving{animation:.12s ease-in forwards bubble-pop-out}.bubbles-root.no-motion .bubble{opacity:1;animation:none!important}@keyframes bubble-pop{0%{opacity:0;transform:translate3d(var(--bubble-x,0), var(--bubble-y,0), 0) scale(.85, 1.15)}60%{opacity:1;transform:translate3d(var(--bubble-x,0), var(--bubble-y,0), 0) scale(1.04, .96)}to{opacity:1;transform:translate3d(var(--bubble-x,0), var(--bubble-y,0), 0) scale(1, 1)}}@keyframes bubble-pop-out{0%{opacity:1;transform:translate3d(var(--bubble-x,0), var(--bubble-y,0), 0) scale(1, 1)}to{opacity:0;transform:translate3d(var(--bubble-x,0), var(--bubble-y,0), 0) scale(.92, .92)}}.bubble-text{display:inline}.bubble-char{opacity:0;transition:opacity 40ms linear}.bubble-char.is-revealed{opacity:1}.bubbles-root.no-motion .bubble-char{opacity:1;transition:none}.bubble-tail{left:var(--tail-x,50%);pointer-events:none;width:26px;height:18px;position:absolute}.bubble-tail:before,.bubble-tail:after{content:"";position:absolute;left:50%}.bubble[data-tail-side=bottom] .bubble-tail{bottom:calc(var(--bubble-shadow-offset) * -1 - 1px);transform:translate(-50%,100%)}.bubble[data-tail-side=bottom] .bubble-tail:before{border-left:15px solid #0000;border-right:15px solid #0000;border-top:20px solid var(--bubble-ink);top:0;transform:translate(-50%)}.bubble[data-tail-side=bottom] .bubble-tail:after{top:calc(var(--bubble-border-width) * -1);border-left:10px solid #0000;border-right:10px solid #0000;border-top:15px solid var(--bubble-fill);transform:translate(-50%)}.bubble[data-tail-side=top] .bubble-tail{top:0;transform:translate(-50%,-100%)}.bubble[data-tail-side=top] .bubble-tail:before{border-left:15px solid #0000;border-right:15px solid #0000;border-bottom:20px solid var(--bubble-ink);bottom:0;transform:translate(-50%)}.bubble[data-tail-side=top] .bubble-tail:after{bottom:calc(var(--bubble-border-width) * -1);border-left:10px solid #0000;border-right:10px solid #0000;border-bottom:15px solid var(--bubble-fill);transform:translate(-50%)}.bubble a{color:inherit;pointer-events:auto;text-decoration:underline}@media (prefers-reduced-motion:reduce){.bubble{animation:none!important}}.creator{--creator-bg:#0b0d12;--creator-panel:#f4ede0;--creator-panel-alt:#e8dcc4;--creator-ink:#120c0a;--creator-accent:#d9542f;--creator-accent-dim:#c98a45;--creator-accent-2:#3f6fa8;--creator-good:#4c8a4f;--creator-shadow:#120c0a;--creator-text:#201510;--creator-text-dim:#6b5a4a;--creator-focus:#ffd23f;--creator-radius-lg:22px;--creator-radius-md:14px;--creator-radius-sm:10px;--creator-border:3px;z-index:200;justify-content:center;align-items:center;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex;position:fixed;inset:0}.creator__backdrop{opacity:.96;background:radial-gradient(circle at 50% 30%,#1a2230 0%,#05070a 100%);position:absolute;inset:0}.creator__panel{background:var(--creator-panel);width:min(880px,94vw);max-height:92vh;color:var(--creator-text);border:var(--creator-border) solid var(--creator-ink);border-radius:var(--creator-radius-lg);box-shadow:10px 10px 0 var(--creator-shadow);padding:clamp(16px,3vw,32px);position:relative;overflow:hidden auto}@media (prefers-reduced-motion:no-preference){.creator__panel{animation:.42s cubic-bezier(.34,1.56,.64,1) creator-panel-in}}@keyframes creator-panel-in{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.creator__header{text-align:center;margin-bottom:clamp(12px,2.4vw,20px)}.creator__form{flex-direction:column;gap:14px;margin-bottom:clamp(14px,2.4vw,22px);display:flex}.creator__field{flex-direction:column;gap:4px;display:flex}.creator__field-label{color:var(--creator-text);font-size:.85rem;font-weight:700}.creator__field-optional{color:var(--creator-text-dim);font-weight:400}.creator__field-input{appearance:none;border:var(--creator-border) solid var(--creator-ink);border-radius:var(--creator-radius-sm);color:var(--creator-text);font:inherit;background:#fff;min-height:44px;padding:0 12px}.creator__field-input:focus-visible{outline:3px solid var(--creator-focus);outline-offset:2px}.creator__field-hint{color:var(--creator-text-dim);margin:0;font-size:.72rem}.creator__field-error{min-height:1em;color:var(--creator-accent);margin:0;font-size:.75rem;font-weight:600}.creator__title{letter-spacing:-.01em;color:var(--creator-text);margin:0 0 6px;font-size:clamp(1.5rem,4vw,2.1rem);font-weight:800}.creator__subhead{color:var(--creator-text-dim);margin:0;font-size:clamp(.9rem,2vw,1rem)}.creator__body{grid-template-columns:minmax(180px,240px) 1fr;align-items:start;gap:clamp(16px,3vw,28px);display:grid}@media (width>=900px){.creator__body{grid-template-columns:minmax(260px,360px) 1fr;gap:clamp(28px,4vw,44px)}}@media (width<=640px){.creator__body{grid-template-columns:1fr}}.creator__preview{flex-direction:column;align-items:center;gap:10px;display:flex}.creator__stage{aspect-ratio:3/4;background:var(--creator-panel-alt);border:var(--creator-border) solid var(--creator-ink);border-radius:var(--creator-radius-md);width:100%;max-width:240px;box-shadow:5px 5px 0 var(--creator-shadow);justify-content:center;align-items:center;max-height:min(46vh,480px);display:flex;overflow:hidden}@media (width>=900px){.creator__stage{max-width:360px}}.creator__stage svg,.creator__stage canvas{width:72%;height:72%}.creator__stage-figure{transform-origin:50% 85%;width:72%;height:72%}@media (prefers-reduced-motion:no-preference){.creator__stage-figure{animation:7s ease-in-out infinite creator-spin}}@keyframes creator-spin{0%,to{transform:rotateY(0)}50%{transform:rotateY(14deg)}}.creator__stage-caption{color:var(--creator-text-dim);text-align:center;font-size:.75rem}.creator__status{min-height:1.2em;color:var(--creator-text-dim);text-align:center;margin:0;font-size:.75rem;font-style:italic}.creator__rows{flex-direction:column;gap:clamp(10px,2vw,16px);min-width:0;display:flex}.creator__row{flex-direction:column;gap:6px;display:flex}.creator__row-label{text-transform:uppercase;letter-spacing:.06em;color:var(--creator-text-dim);font-size:.78rem;font-weight:700}.creator__row-control{align-items:center;gap:8px;display:flex}.creator__row-arrow{appearance:none;border:var(--creator-border) solid var(--creator-ink);border-radius:var(--creator-radius-sm);color:var(--creator-text);cursor:pointer;min-width:36px;min-height:36px;box-shadow:3px 3px 0 var(--creator-shadow);background:#fff;flex:none;font-size:1.1rem;line-height:1;transition:transform .12s cubic-bezier(.34,1.56,.64,1)}.creator__row-arrow:active{box-shadow:1px 1px 0 var(--creator-shadow);transform:translate(2px,2px)}.creator__row-arrow:focus-visible{outline:3px solid var(--creator-focus);outline-offset:2px}.creator__chips{flex-wrap:wrap;flex:1;gap:8px;display:flex}.creator__chip{appearance:none;border:var(--creator-border) solid var(--creator-ink);border-radius:var(--creator-radius-sm);color:var(--creator-text);cursor:pointer;min-width:44px;min-height:44px;box-shadow:3px 3px 0 var(--creator-shadow);background:#fff;justify-content:center;align-items:center;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .12s,border-color .12s;display:flex}.creator__chip:active{box-shadow:1px 1px 0 var(--creator-shadow);transform:translate(2px,2px)}.creator__chip--swatch{background:var(--chip-color,#ccc);border-radius:50%;width:44px;height:44px;padding:0}.creator__chip--text{white-space:nowrap;padding:0 14px;font-size:.85rem;font-weight:600}.creator__chip[aria-checked=true]{z-index:1;border-color:var(--creator-accent);box-shadow:0 0 0 3px var(--creator-panel), 0 0 0 6px var(--creator-accent), 3px 3px 0 var(--creator-accent);position:relative;transform:scale(1.12)}.creator__chip[aria-checked=true]:active{box-shadow:0 0 0 3px var(--creator-panel), 0 0 0 6px var(--creator-accent), 1px 1px 0 var(--creator-accent);transform:scale(1.08)translate(1px,1px)}.creator__chip--text[aria-checked=true]{background:var(--creator-accent);color:#fff}.creator__chip:focus-visible{outline:3px solid var(--creator-focus);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.creator__chip.is-popping{animation:.28s cubic-bezier(.34,1.56,.64,1) creator-pop}}@keyframes creator-pop{0%{transform:scale(1)}45%{transform:scale(1.22)}to{transform:scale(1)}}.creator__footer{z-index:2;background:var(--creator-panel);border-top:var(--creator-border) solid var(--creator-ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:clamp(18px,3vw,28px);margin-left:calc(-1*clamp(16px,3vw,32px));margin-right:calc(-1*clamp(16px,3vw,32px));padding:12px clamp(16px,3vw,32px) clamp(16px,3vw,32px);display:flex;position:sticky;bottom:calc(-1*clamp(16px,3vw,32px))}.creator__button{appearance:none;border:var(--creator-border) solid var(--creator-ink);cursor:pointer;min-height:48px;box-shadow:4px 4px 0 var(--creator-shadow);border-radius:999px;padding:0 22px;font-size:.95rem;font-weight:700;transition:transform .12s cubic-bezier(.34,1.56,.64,1)}.creator__button:active{box-shadow:2px 2px 0 var(--creator-shadow);transform:translate(2px,2px)}.creator__button:focus-visible{outline:3px solid var(--creator-focus);outline-offset:3px}.creator__button--primary{background:var(--creator-accent);color:#fff}.creator__button--secondary{color:var(--creator-text);background:#fff}@media (width<=420px){.creator__panel{width:100vw;height:100%;max-height:100vh;box-shadow:none;padding:16px 14px calc(16px + env(safe-area-inset-bottom));border-width:0;border-radius:0;flex-direction:column;display:flex}.creator__footer{background:var(--creator-panel);margin-top:auto;padding-top:16px;position:sticky;bottom:0}}.intro{z-index:300;pointer-events:none;color:var(--color-fg);font-family:var(--font-sans);position:fixed;inset:0}.intro>*{pointer-events:auto}.intro__stage{display:contents}.intro__veil{background:var(--color-bg);opacity:1;justify-content:center;align-items:center;padding:clamp(20px,6vw,64px);transition:opacity .5s;display:flex;position:absolute;inset:0}.intro__veil[data-transparent=true]{opacity:0;pointer-events:none}.intro__title{text-align:center;transform:rotate(-1.2deg)}.intro__name{letter-spacing:-.01em;text-wrap:balance;max-width:min(16ch,100%);margin:0 auto;font-size:clamp(1.8rem,6.5vw,3.6rem);font-weight:650;line-height:1.3}.intro__mark{--intro-marker:var(--color-accent-cyan);background-image:linear-gradient(var(--intro-marker) 0%, var(--intro-marker) 100%);mix-blend-mode:screen;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 .26em;background-repeat:no-repeat;background-size:100% .62em;padding:0 .14em;display:inline}@media (prefers-reduced-motion:no-preference){.intro__title{animation:.2s both intro-card-in}.intro__mark{background-size:0 .62em;animation:.35s cubic-bezier(.35,.85,.4,1) .2s both intro-marker-sweep}.intro__title[data-hidden=true]{animation:.3s both intro-card-out}}@keyframes intro-card-in{0%{opacity:0;transform:rotate(-1.2deg)translateY(10px)}to{opacity:1;transform:rotate(-1.2deg)translateY(0)}}@keyframes intro-card-out{0%{opacity:1}to{opacity:0}}@keyframes intro-marker-sweep{0%{background-size:0 .62em}to{background-size:100% .62em}}.intro__skip{right:1rem;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:1;pointer-events:auto;color:var(--color-accent-green);font-family:var(--font-mono);cursor:pointer;opacity:0;background:0 0;border:none;padding:.35rem .5rem;font-size:.85rem;transition:opacity .35s;position:absolute}.intro__skip[data-visible=true]{opacity:.75}.intro__skip:hover,.intro__skip:focus-visible{opacity:1;text-decoration:underline}.intro__skip:focus-visible{outline:2px solid var(--color-accent-yellow);outline-offset:2px}@media (prefers-reduced-motion:reduce){.intro,.intro__skip{transition-duration:1ms}}