html,body,#root{background:#3d1a36;height:100%;margin:0;overflow:hidden}.palettes{gap:8px;display:flex;position:fixed;bottom:16px;left:16px}.swatch{cursor:pointer;border:0;border-radius:4px;width:44px;height:44px;padding:0;font:800 15px/44px system-ui,sans-serif;position:relative;box-shadow:0 1px 4px #0000004d}.swatch[aria-checked=true],.swatch:focus-visible{outline:1px solid var(--text);outline-offset:3px}.swatch-fins{border-radius:50%;width:10px;height:10px;position:absolute;bottom:4px;right:4px;box-shadow:0 0 0 1.5px #ffffffb3}.text-field{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--text) 35%, transparent);background:color-mix(in srgb, var(--text) 12%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(320px,100vw - 32px);color:var(--ink);letter-spacing:.04em;text-align:center;text-transform:uppercase;border-radius:4px;padding:12px 18px;font:600 15px/1.2 system-ui,sans-serif;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.text-field::placeholder{color:color-mix(in srgb, var(--ink) 75%, transparent);text-transform:none}.text-field:focus{outline:1px solid var(--text);outline-offset:2px}@media (width<=720px){.text-field{bottom:76px}}@font-face{font-family:Barlow;font-weight:500;font-display:swap;src:url(/fonts/barlow-medium.ttf)format("truetype")}@property --text{syntax:"<color>";inherits:true;initial-value:#e7b8d8}.app{--ink:color-mix(in srgb, var(--text) 75%, black);height:100%;transition:--text .5s}.app[data-mode=dark]{--ink:color-mix(in srgb, var(--text) 75%, white)}.header{color:var(--ink);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:16px 16px auto}.logo{letter-spacing:-.01em;font:500 26px/1 Barlow,system-ui,sans-serif}.socials{pointer-events:auto;gap:4px;display:flex}.socials a,.socials button{width:40px;height:40px;color:inherit;cursor:pointer;opacity:.85;background:0 0;border:0;border-radius:4px;place-items:center;padding:0;transition:opacity .15s;display:grid}.socials a:hover,.socials button:hover{opacity:1}.socials a:focus-visible,.socials button:focus-visible{outline-offset:0;opacity:1;outline:1px solid}.socials svg{width:22px;height:22px}.toast-region{pointer-events:none;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{color:#fff;white-space:nowrap;background:#000000bf;border-radius:4px;padding:12px 20px;font:500 15px/1.2 system-ui,sans-serif;animation:2s forwards toast}@keyframes toast{0%{opacity:0;transform:translateY(-6px)}10%,80%{opacity:1;transform:none}to{opacity:0}}@media (width<=720px){.toast-region{top:68px}}@media (prefers-reduced-motion:reduce){.toast{animation:none}.app{transition:none}}