:root{--bg1:#fbf8fa;--bg2:#f4eef2;--ink:#3a1f2f;--mauve:#7c5a6c;--line:#d9c4cd;--plum:#6a2d48;--plum-deep:#5a2039;--serif:"Instrument Serif","Playfair Display",Georgia,"Times New Roman",serif;--sans:"Inter","SF Pro Text",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}html{background-color:var(--bg1)}body{font-family:var(--sans);color:var(--ink);background:linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 100%);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}canvas#c{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:pointer}.brand{position:fixed;top:26px;left:40px;margin:0;pointer-events:none;z-index:2;font-family:var(--serif);font-weight:400;line-height:.86;letter-spacing:-.02em;font-size:clamp(40px,6.4vw,92px)}.brand span,.brand em{display:block}.brand em{font-style:italic}.credits{position:fixed;top:28px;right:40px;z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.credits a,.credits button{text-decoration:none;color:var(--mauve);font-size:14px;font-weight:400;line-height:1.3;transition:opacity .15s;font-family:inherit}.credits a:hover,.credits button:hover{opacity:.7}.credits .toys{display:flex;gap:14px;align-items:center}.credits .toys a[aria-current=page]{color:var(--ink);font-weight:500}.credits .toys a{display:inline-flex;align-items:center;gap:6px}.credits .toys svg{width:14px;height:14px}.credits .mute{appearance:none;border:1.5px solid var(--line);background:#ffffff59;border-radius:999px;width:32px;height:32px;display:grid;place-items:center;cursor:pointer;margin-top:4px}.credits .mute svg{width:16px;height:16px;stroke:var(--mauve)}.credits .mute[aria-pressed=true] svg{stroke:var(--plum)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.label{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--mauve);margin:0}.label.strong{color:var(--ink);font-weight:600;font-size:10px;letter-spacing:.16em}.hint{font-size:11px;letter-spacing:.06em;color:var(--mauve);margin:0}.swatches{display:flex;gap:8px}.swatches button{appearance:none;border:0;background:none;padding:2px;margin:0;cursor:pointer;border-radius:50%;display:block}.swatches button[aria-pressed=false] .swatch{opacity:.45;filter:saturate(.6);transform:scale(.88)}.swatches button[aria-pressed=true] .swatch{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--plum),inset 0 -3px 6px #3c14284d}.swatches button:hover .swatch{opacity:1;transform:scale(1)}.swatches button:focus-visible{outline:3px solid var(--plum);outline-offset:2px}.swatch{width:28px;height:28px;border-radius:50%;flex:none;display:block;transition:opacity .15s,filter .15s,transform .15s,box-shadow .15s;box-shadow:inset 0 0 0 2px #ffffff8c,inset 0 -3px 6px #3c14284d,0 3px 10px #3c142826}.swatch.raspberry{background:radial-gradient(circle at 36% 30%,#ffb8ea,#ee3fbb 40%,#b8128a 72%,#6e0748)}.swatch.blueberry{background:radial-gradient(circle at 36% 30%,#b9a9ff,#5a3cf0 40%,#2b12b0 72%,#10053f)}.swatch.apple{background:radial-gradient(circle at 36% 30%,#ffb3b3,#e8151f 38%,#a40008 70%,#3a0005)}.swatch.strawberry{background:radial-gradient(circle at 36% 30%,#fbd7e6,#ec8ec0 38%,#d55d97 68%,#b8477c)}.swatch.mango{background:radial-gradient(circle at 36% 30%,#ffe9a8,#ffb83a 40%,#f08a00 72%,#9a4d00)}.swatch.grape{background:radial-gradient(circle at 36% 30%,#e6b8ff,#b55cf0 40%,#7a1fc0 72%,#3a0a66)}.swatch.lime{background:radial-gradient(circle at 36% 30%,#e4ff9a,#a8e83e 40%,#6cbb1a,#4a8f10);box-shadow:inset 0 0 0 2px #ffffff8c,inset 0 -3px 6px #285a0a59,0 3px 10px #285a0a2e}.swatch.cherry{background:radial-gradient(circle at 46% 44%,#ffffff 0 5%,transparent 6%),radial-gradient(circle at 56% 58%,#8c0a1e 0 24%,transparent 26%),radial-gradient(circle at 36% 30%,#fff,#f1eef0 45%,#d9d2d6);box-shadow:inset 0 0 0 2px #fffc,inset 0 -3px 6px #503c4640,0 3px 10px #503c4626}.pill{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:500;font-size:15px;color:#fff;background:var(--plum);border-radius:999px;height:46px;padding:0 22px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 20px #6a2d4842;transition:transform .12s,background .15s,opacity .15s}.pill svg{width:18px;height:18px;flex:none}.pill:hover{background:var(--plum-deep)}.pill:active{transform:translateY(2px) scale(.985)}.pill:disabled{opacity:.45;cursor:default;transform:none}.pill.ghost{background:#ffffff8c;color:var(--plum);border:1.5px solid var(--line);box-shadow:none}.pill.ghost:hover{background:#fff}.pill:focus-visible{outline:3px solid var(--plum);outline-offset:3px}.seg{display:flex;gap:6px}.seg button{appearance:none;border:1.5px solid var(--line);background:#ffffff59;color:var(--mauve);min-width:28px;height:28px;padding:0 8px;border-radius:7px;font:inherit;font-size:12px;cursor:pointer}.seg button[aria-pressed=true]{border-color:var(--plum);color:var(--plum);background:#fff}.seg button:focus-visible{outline:3px solid var(--plum);outline-offset:3px}@media(max-width:760px),(max-height:520px){.brand{left:18px;top:14px;font-size:clamp(34px,10vw,56px)}.credits{top:16px;right:16px;gap:3px}.credits a{font-size:13px}.credits .toys{gap:10px}}