:root{--bg: #07080f;--ink: #f4f6fb;--ink-rgb: 244, 246, 251;--ink-soft-a: .68;--ink-faint-a: .4;--ink-soft: rgba(var(--ink-rgb), var(--ink-soft-a));--ink-faint: rgba(var(--ink-rgb), var(--ink-faint-a));--accent: #7aa2ff;--accent-rgb: 122, 162, 255;--scrim-rgb: 0, 0, 0;--scrim-a1: .62;--scrim-a1m: .55;--scrim-a2: .58;--scrim-a2m: .5;--ease: cubic-bezier(.22, .61, .36, 1);--fade: .7s;--gutter-x: clamp(1.25rem, 4vw, 3.5rem);--gutter-y: clamp(1.5rem, 5vh, 3.25rem);--font-sans: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;overflow:hidden;background-color:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--fade) var(--ease),color var(--fade) var(--ease)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.stage{position:fixed;inset:0;overflow:hidden}.stage__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity var(--fade) var(--ease);will-change:opacity}.stage__canvas--visible{opacity:1}.scrim{position:fixed;inset:0;pointer-events:none;background:radial-gradient(70% 70% at 0% 0%,rgba(var(--scrim-rgb),var(--scrim-a1)),rgba(var(--scrim-rgb),var(--scrim-a1m)) 34%,rgba(var(--scrim-rgb),0) 86%),radial-gradient(72% 72% at 100% 100%,rgba(var(--scrim-rgb),var(--scrim-a2)),rgba(var(--scrim-rgb),var(--scrim-a2m)) 34%,rgba(var(--scrim-rgb),0) 88%),linear-gradient(to bottom,rgba(var(--scrim-rgb),.16),rgba(var(--scrim-rgb),0) 18%)}.identity{position:fixed;top:var(--gutter-y);left:var(--gutter-x);z-index:2;display:grid;justify-items:start;gap:.9rem;max-width:min(86vw,40rem)}.identity__name{margin:0;display:flex;flex-wrap:wrap;gap:0 .4em;font-size:clamp(1.7rem,6vw,3.5rem);font-weight:600;line-height:1.02;letter-spacing:.13em;text-transform:uppercase;text-shadow:0 2px 40px rgba(var(--scrim-rgb),.45)}.identity__part{display:inline-block;animation:rise 1.15s var(--ease) backwards}.identity__part:nth-child(2){animation-delay:90ms}.identity__tagline{color:var(--ink-soft);line-height:1.02;letter-spacing:.13em;text-shadow:0 2px 40px rgba(var(--scrim-rgb),.45);font-family:var(--font-mono)}.identity__mail{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.3rem 0;color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.06em;text-decoration:none;animation:rise 1.15s var(--ease) .19s backwards;transition:color .3s var(--ease)}.identity__mail:after{content:"";position:absolute;left:0;right:1.5rem;bottom:.1rem;height:1px;background:currentColor;opacity:.3;transform-origin:left center;transition:opacity .3s var(--ease),transform .6s var(--ease)}.identity__mail:hover{color:var(--ink)}.identity__mail:hover:after{opacity:.85;transform:scaleX(1.03)}.identity__mail-icon{width:.85em;height:.85em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform .4s var(--ease),opacity .3s var(--ease)}.identity__mail:hover .identity__mail-icon{opacity:1;transform:translate(2px,-2px)}@keyframes rise{0%{opacity:0;transform:translateY(.6em);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}.console{position:fixed;right:var(--gutter-x);bottom:var(--gutter-y);z-index:3}.console:before{content:"";position:absolute;right:-2rem;bottom:-2rem;width:7rem;height:7rem}.console__toggle{display:grid;place-items:center;width:2.7rem;height:2.7rem;padding:0;border:1px solid rgba(var(--ink-rgb),.22);border-radius:999px;background:rgba(var(--scrim-rgb),.5);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);color:var(--ink);cursor:pointer;box-shadow:0 8px 28px rgba(var(--scrim-rgb),.3);opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .24s var(--ease),transform .24s var(--ease),background .26s var(--ease),border-color .26s var(--ease),color .26s var(--ease)}.console:hover .console__toggle,.console:focus-within .console__toggle,.console__toggle[aria-expanded=true]{opacity:1;transform:none;pointer-events:auto}.console__toggle:hover{background:rgba(var(--ink-rgb),.14);border-color:rgba(var(--ink-rgb),.42)}.console__toggle:active{transform:scale(.94)}.console__toggle[aria-expanded=true]{color:var(--accent);border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.16)}.console__toggle svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.controls{position:absolute;right:0;bottom:calc(100% + .8rem);width:min(21.5rem,calc(100vw - 2 * var(--gutter-x)));max-height:min(78vh,42rem);overflow-y:auto;padding:.95rem 1rem 1rem;border:1px solid rgba(var(--ink-rgb),.16);border-radius:1rem;background:rgba(var(--scrim-rgb),.84);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:0 24px 64px rgba(var(--scrim-rgb),.44);font-family:var(--font-mono);font-size:.7rem;line-height:1.5;color:var(--ink-soft);opacity:0;visibility:hidden;transform:translateY(8px) scale(.985);transform-origin:100% 100%;transition:opacity .26s var(--ease),transform .3s var(--ease),visibility 0s linear .3s}.controls.is-open{opacity:1;visibility:visible;transform:none;transition-delay:0s}.controls:focus{outline:none}.controls__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.controls__heading{min-width:0}.controls__title{margin:0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);display:none}.controls__seed{margin-top:.85rem;color:var(--ink-faint);letter-spacing:.08em}.controls__seed b{color:var(--ink);font-weight:500}.controls__section{margin-top:.95rem}.controls__section-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.controls__label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.controls__value{color:var(--ink)}.palette-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.swatches{display:flex;flex:1;gap:.28rem}.swatches__chip{flex:1;height:1.4rem;border:1px solid rgba(var(--ink-rgb),.14);border-radius:.4rem;transition:transform .24s var(--ease)}.palette-row:hover .swatches__chip{transform:translateY(-1px)}.controls__fields{display:grid;gap:.75rem;margin-top:1rem}.field{display:grid;gap:.3rem}.field__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.field__label{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.field__value{color:var(--ink);letter-spacing:.04em}.field__range{width:100%;margin:0;height:1.1rem;accent-color:var(--accent);cursor:pointer}.field__select{width:100%;padding:.35rem .5rem;border:1px solid rgba(var(--ink-rgb),.2);border-radius:.5rem;background:rgba(var(--ink-rgb),.06);color:var(--ink);font:inherit}.field__switch{appearance:none;position:relative;width:2.1rem;height:1.15rem;margin:0;border:1px solid rgba(var(--ink-rgb),.25);border-radius:999px;background:rgba(var(--ink-rgb),.08);cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease)}.field__switch:after{content:"";position:absolute;top:.13rem;left:.15rem;width:.78rem;height:.78rem;border-radius:50%;background:var(--ink-soft);transition:transform .2s var(--ease),background .2s var(--ease)}.field__switch:checked{background:rgba(var(--accent-rgb),.32);border-color:rgba(var(--accent-rgb),.6)}.field__switch:checked:after{transform:translate(.88rem);background:var(--accent)}.controls__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:1.05rem}.controls__actions .icon-button:first-of-type{margin-left:auto}.button,.icon-button{display:inline-flex;align-items:center;gap:.4rem;margin:0;border:1px solid rgba(var(--ink-rgb),.2);border-radius:.6rem;background:rgba(var(--ink-rgb),.06);color:var(--ink);font:inherit;font-family:var(--font-mono);cursor:pointer;transition:background .22s var(--ease),border-color .22s var(--ease),transform .2s var(--ease),color .22s var(--ease)}.button{padding:.42rem .7rem}.icon-button{display:grid;place-items:center;width:1.9rem;height:1.9rem;padding:0;border-radius:999px;flex:none}.button:hover,.icon-button:hover{background:rgba(var(--ink-rgb),.14);border-color:rgba(var(--ink-rgb),.36)}.button:active,.icon-button:active{transform:scale(.96)}.button svg,.icon-button svg{width:.9rem;height:.9rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.button--primary{color:var(--accent);border-color:rgba(var(--accent-rgb),.45);background:rgba(var(--accent-rgb),.12)}.button--primary:hover{background:rgba(var(--accent-rgb),.22);border-color:rgba(var(--accent-rgb),.6)}.button--ghost{border-color:transparent;background:transparent;color:var(--ink-soft)}.button--ghost:hover{background:rgba(var(--ink-rgb),.09);color:var(--ink)}.icon-button:disabled{cursor:progress}.icon-button.is-busy svg{animation:download-pulse 1.1s ease-in-out infinite}@keyframes download-pulse{0%,to{opacity:.4;transform:translateY(-1px)}50%{opacity:1;transform:translateY(1px)}}.controls__keys{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(var(--ink-rgb),.12);display:none}.controls__keys summary{list-style:none;cursor:pointer;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);transition:color .2s var(--ease)}.controls__keys summary::-webkit-details-marker{display:none}.controls__keys summary:before{content:"+ "}.controls__keys[open] summary:before{content:"− "}.controls__keys summary:hover{color:var(--ink)}.controls__keys dl{display:grid;grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:.65rem 0 0}.controls__keys dt{color:var(--ink);white-space:nowrap}.controls__keys dd{margin:0}.controls__keys p{margin:.65rem 0 0;color:var(--ink-faint);line-height:1.55}.controls__keys kbd{display:inline-block;min-width:1.35em;padding:.05em .32em;border:1px solid rgba(var(--ink-rgb),.2);border-radius:.25rem;background:rgba(var(--ink-rgb),.07);font:inherit;text-align:center;color:var(--ink)}.toast{position:fixed;left:50%;bottom:clamp(1rem,4vh,2rem);z-index:4;margin:0;padding:.45rem .85rem;border:1px solid rgba(var(--ink-rgb),.16);border-radius:999px;background:rgba(var(--scrim-rgb),.6);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);color:var(--ink);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;opacity:0;transform:translate(-50%,10px);pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}.toast.is-visible{opacity:1;transform:translate(-50%)}@media(max-width:40rem){.identity{gap:.65rem}.controls{max-height:min(72vh,34rem)}}@media(max-height:30rem)and (orientation:landscape){.identity__name{font-size:clamp(1.25rem,4.5vh,2rem)}.controls{max-height:70vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}}