@property --accent{syntax:"<color>";inherits:true;initial-value:#ff2d78}@property --accent-soft{syntax:"<color>";inherits:true;initial-value:#ff7ab8}@property --bg-mid{syntax:"<color>";inherits:true;initial-value:#10000a}@property --bg-low{syntax:"<color>";inherits:true;initial-value:#200513}*{box-sizing:border-box;margin:0;padding:0}:root{--ease:cubic-bezier(.22, 1, .36, 1);--ink:#ffffffeb;--ink-dim:#ffffff85}body{--accent:#ff2d78;--accent-soft:#ff7ab8;--bg-mid:#10000a;--bg-low:#200513;min-height:100svh;color:var(--ink);-webkit-font-smoothing:antialiased;background:linear-gradient(180deg, #000 0%, var(--bg-mid) 52%, var(--bg-low) 100%);font-family:Space Grotesk,system-ui,-apple-system,Segoe UI,sans-serif;transition:--accent 1.2s,--accent-soft 1.2s,--bg-mid 1.2s,--bg-low 1.2s;overflow:hidden}body[data-theme=tide]{--accent:#00e0ff;--accent-soft:#5ce1ff;--bg-mid:#001019;--bg-low:#001d2e}body[data-theme=aurum]{--accent:#ffd400;--accent-soft:#ffe9a3;--bg-mid:#100c00;--bg-low:#201800}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stage,.glow,.vignette{position:fixed;inset:0}.stage{overflow:hidden}.stage canvas{display:block}.glow{pointer-events:none;mix-blend-mode:screen;opacity:.75;background:radial-gradient(circle at 50% 52%, color-mix(in srgb, var(--accent) 7%, transparent) 0%, color-mix(in srgb, var(--accent-soft) 5%, transparent) 45%, transparent 66%)}.vignette{pointer-events:none;background:radial-gradient(120% 88% at 50% 46%,#0000 52%,#0000009e 100%)}.masthead{text-align:center;pointer-events:none;z-index:10;position:fixed;top:clamp(20px,4.5vh,44px);left:0;right:0}.masthead__eyebrow{letter-spacing:.38em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 62%, #fff);opacity:.72;font-size:.66rem}.masthead__title{letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--ink);margin-top:.4rem;font-size:clamp(1.5rem,1.05rem + 1.9vw,2.4rem);font-weight:500}.hint{text-align:center;pointer-events:none;letter-spacing:.2em;text-transform:uppercase;color:#ffffff4d;z-index:10;opacity:0;font-size:.68rem;transition:opacity 1.1s;position:fixed;bottom:clamp(88px,13vh,108px);left:0;right:0}body.is-formed .hint{opacity:1}.dock{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(1.4);width:fit-content;max-width:calc(100% - 24px);box-shadow:inset 0 1px 0 #ffffff1a,  0 24px 60px -26px #000, 0 0 46px -20px var(--accent);background:#05060a99;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:14px;margin-inline:auto;padding:8px 12px;transition:box-shadow 1.2s;display:flex;position:fixed;bottom:clamp(18px,3.4vh,30px);left:0;right:0}.dock__rule{background:linear-gradient(#fff0,#ffffff2e,#fff0);width:1px;height:22px}.action{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 92%, #fff), color-mix(in srgb, var(--accent) 80%, #000));color:#fff;letter-spacing:.06em;cursor:pointer;box-shadow:0 6px 18px -8px var(--accent), inset 0 1px 0 #ffffff47;transition:background 1.2s ease, transform .35s var(--ease), box-shadow .35s var(--ease), opacity .3s;border:0;border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font:500 12.5px/1 Space Grotesk,system-ui,sans-serif;display:flex}.action:hover{box-shadow:0 10px 22px -8px var(--accent), inset 0 1px 0 #ffffff52;transform:translateY(-1px)}.action:active{transform:translateY(0)scale(.985)}.action:disabled{cursor:default;opacity:.32;box-shadow:none;transform:none}.action__icon{fill:currentColor;width:14px;height:14px;animation:1.84s cubic-bezier(.3,0,.3,1) infinite pulse}.action:disabled .action__icon{animation:none}@keyframes pulse{0%,42%,to{transform:scale(1)}8%{transform:scale(1.22)}18%{transform:scale(1.02)}25%{transform:scale(1.13)}}.swatches{align-items:center;gap:9px;display:flex}.swatch{background:var(--sw);opacity:.45;cursor:pointer;width:20px;height:20px;transition:opacity .35s var(--ease), transform .35s var(--ease), box-shadow .35s var(--ease);border:0;border-radius:50%;padding:0;position:relative;transform:scale(.82)}.swatch:hover{opacity:.85;transform:scale(.96)}.swatch[aria-pressed=true]{opacity:1;box-shadow:0 0 16px -3px var(--sw);transform:scale(1)}.swatch[aria-pressed=true]:after{content:"";border:1px solid color-mix(in srgb, var(--sw) 55%, transparent);border-radius:50%;position:absolute;inset:-5px}.switch{cursor:pointer;letter-spacing:.06em;color:#ffffff9e;align-items:center;gap:9px;padding-right:4px;font-size:12.5px;transition:color .3s;display:flex}.switch:hover{color:#ffffffd9}.switch__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.switch__track{width:38px;height:21px;transition:background .35s var(--ease);background:#ffffff1f;border-radius:999px;position:relative;box-shadow:inset 0 1px 2px #00000080}.switch__track:before{content:"";width:15px;height:15px;transition:transform .35s var(--ease), box-shadow .35s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.switch__input:checked+.switch__track{background:color-mix(in srgb, var(--accent) 62%, transparent)}.switch__input:checked+.switch__track:before{box-shadow:0 0 10px -1px var(--accent-soft);transform:translate(17px)}.action:focus-visible,.swatch:focus-visible,.switch__input:focus-visible+.switch__track{outline-offset:3px;outline:2px solid #fff}@media (width<=700px){.dock{border-radius:24px;flex-wrap:wrap;justify-content:center;gap:10px 14px;padding:10px 12px}.dock__rule{display:none}.action{order:-1;justify-content:center;width:100%}.hint{display:none}}@media (prefers-reduced-motion:reduce){body,.action,.swatch,.switch,.switch__track,.switch__track:before{transition:none}.action__icon{animation:none}}