.experimental-celebration{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);cursor:pointer;touch-action:manipulation;background:0 0;border:0;outline:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.experimental-celebration[open]{place-items:center;display:grid}.experimental-celebration::backdrop{background:#f3f3f3b3;animation:2s both unlock-scrim}.unlock-scene{pointer-events:none;width:720px;height:400px;animation:2s both unlock-scene-fade;position:relative}.unlock-copy{width:612px;font-family:var(--font);text-align:center;flex-direction:column;align-items:center;gap:16px;margin:0;font-size:28.8px;font-weight:400;line-height:1.16;display:flex;position:absolute;top:calc(50% + 17.52px);left:calc(50% - 2.48px);transform:translate(-50%,-50%)}.unlock-copy span,.unlock-copy strong{text-box-trim:trim-both;text-box-edge:cap alphabetic;animation:.5s cubic-bezier(.2,.9,.3,1.3) both unlock-word-pop;display:block}.unlock-copy strong{color:var(--purple-dark);letter-spacing:-.576px;font-size:57.6px;font-weight:400;animation-delay:.1s}.unlock-art{position:absolute;inset:0}.unlock-doodle{transform:translate(-50%, -50%) rotate(var(--doodle-rotation,0deg)) scaleX(var(--doodle-flip,1));position:absolute}.unlock-doodle img{max-width:none;animation:.7s cubic-bezier(.2,.8,.3,1) both unlock-doodle-draw;animation-delay:var(--doodle-delay,.1s);display:block}.unlock-doodle-1{--doodle-rotation:44.71deg;--doodle-delay:.14s;top:199.05px;left:617.45px}.unlock-doodle-2{--doodle-rotation:52.24deg;--doodle-delay:60ms;top:155.2px;left:91.2px}.unlock-doodle-3{--doodle-flip:-1;--doodle-delay:.25s;top:73.1px;left:557.15px}.unlock-doodle-4{--doodle-delay:.32s;top:17.4px;left:485.75px}.unlock-doodle-5{--doodle-delay:.38s;top:382.7px;left:536.95px}.unlock-doodle-6{--doodle-flip:-1;--doodle-delay:.3s;top:290.9px;left:72.5px}.unlock-doodle-7{--doodle-delay:.42s;top:307.55px;left:178.8px}@keyframes unlock-scrim{0%,to{opacity:0}12%,85%{opacity:1}}@keyframes unlock-scene-fade{0%{opacity:0}8%,85%{opacity:1}to{opacity:0}}@keyframes unlock-word-pop{0%{opacity:0;transform:translateY(12px)scale(.88)rotate(-2deg)}70%{opacity:1;transform:translateY(-2px)scale(1.04)rotate(1deg)}to{opacity:1;transform:none}}@keyframes unlock-doodle-draw{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:scale(.92)rotate(-4deg)}65%{opacity:1;clip-path:inset(0);transform:scale(1.04)rotate(2deg)}to{opacity:1;clip-path:inset(0);transform:none}}@media (max-width:700px){.unlock-scene{width:min(360px,100vw - 24px);height:min(420px,100dvh - 48px)}.unlock-copy{gap:12px;width:100%;font-size:24px;top:50%;left:50%}.unlock-copy strong{letter-spacing:-.44px;font-size:clamp(36px,11.3vw,44px)}.unlock-doodle{transform:translate(-50%, -50%) rotate(var(--doodle-rotation,0deg)) scaleX(var(--doodle-flip,1)) scale(.65)}.unlock-doodle-1{top:76%;left:78%}.unlock-doodle-2{top:24%;left:24%}.unlock-doodle-3{top:23%;left:77%}.unlock-doodle-4{top:10%;left:62%}.unlock-doodle-5{top:94%;left:64%}.unlock-doodle-6{top:74%;left:14%}.unlock-doodle-7{top:81%;left:37%}}.experimental-celebration.reduced-motion .unlock-copy span,.experimental-celebration.reduced-motion .unlock-copy strong,.experimental-celebration.reduced-motion .unlock-doodle img{animation:none}@media (prefers-reduced-motion:reduce){.experimental-celebration .unlock-copy span,.experimental-celebration .unlock-copy strong,.experimental-celebration .unlock-doodle img{animation:none}}.relay-app{position:relative}.workspace-preferences{z-index:8;align-items:center;gap:20px;display:flex;position:absolute;bottom:56px;left:60px}.workspace-preferences[hidden]{display:none}.mode-toggle{isolation:isolate;background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;width:112px;height:64px;display:flex;position:relative}.mode-skin{z-index:-1;pointer-events:none;--skin-shape:capsule;position:absolute;inset:-3px -6px -7px -3px}.mode-skin canvas{opacity:.17;width:100%;height:100%;display:block;position:absolute}.mode-toggle button{background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;transition:background-color .18s,transform .18s cubic-bezier(.2,.9,.3,1);display:grid}.mode-toggle button[aria-pressed=true]{background:#eadfff}.mode-toggle button:disabled{cursor:default;opacity:.55}.mode-toggle button:active:not(:disabled){transform:scale(.94)}.mode-icon{place-items:center;width:30px;height:30px;display:grid;position:relative}.mode-icon img{max-width:none;position:absolute}.mode-icon .native-24{transform:scale(1.25)}.mode-icon-active,[aria-pressed=true] .mode-icon-inactive{opacity:0}[aria-pressed=true] .mode-icon-active{opacity:1}.sound-toggle.relay-button{background:#fff;width:68px;min-width:68px;height:64px;min-height:64px;padding:0}.sound-toggle .button-skin{opacity:.17}.sound-toggle .button-art{--skin-shape:capsule}.sound-icons{place-items:center;width:28px;height:28px;display:grid}.sound-icons img{max-width:none}.playback-sound-toggle .sound-icons,.playback-sound-toggle .sound-icons img{width:20px;height:20px}.mode-fallback,.sound-fallback{display:none}.not-ready .workspace-preferences{visibility:hidden}.artwork-fallback .mode-skin,.artwork-fallback .mode-icon,.artwork-fallback .sound-icons,.control-artwork-fallback .sound-icons{display:none}.artwork-fallback .mode-toggle{background:#fff;border:2px solid #d9d9d9;border-radius:999px}.artwork-fallback .mode-fallback{font-size:11px;display:inline}.artwork-fallback .mode-toggle button{border-radius:999px;width:auto;padding:0 4px}.artwork-fallback .mode-toggle{width:auto;padding:0 6px}.artwork-fallback .sound-fallback,.control-artwork-fallback .sound-fallback{font-size:12px;display:inline}.welcome-actions .icon{width:34px;height:34px}.welcome p{line-height:1.16}.is-celebrating .welcome{opacity:0}.welcome-actions .choice-no{min-width:160px}.welcome-actions .choice-yes{min-width:174px}@media (min-width:701px) and (max-width:1000px){.workspace-preferences{gap:12px;bottom:48px;left:40px}.workspace-preferences .mode-toggle{gap:4px;width:96px;height:56px}.workspace-preferences .sound-toggle{width:56px;min-width:56px;height:56px;min-height:56px}}@media (max-width:700px){.workspace-actions .header-button .button-art{--skin-shape:capsule}.workspace-preferences{gap:0;position:relative;inset:auto}.workspace-preferences .sound-toggle{visibility:hidden;pointer-events:none;position:absolute;top:0;left:0}.mode-toggle{gap:8px;width:88px;height:48px}.mode-toggle button{width:32px;height:32px}.mode-icon{width:24px;height:24px}.mode-icon .native-24{transform:none}.mode-icon .native-30{transform:scale(.8)}.mode-skin{inset:-2px -5px -6px -2px}.workspace-actions{gap:10px}.workspace-actions .download-menu{left:calc(50% - 12px)}.artwork-fallback .mode-toggle{flex-direction:column;gap:0;width:88px;padding:0}.artwork-fallback .mode-toggle button{width:100%;height:22px}.welcome-actions .choice-no{min-width:140px}.welcome-actions .choice-yes{min-width:150px}}@media (max-width:389px){.workspace-actions{gap:8px}.workspace-actions .header-button.replay,.workspace-actions .header-button.download{width:48px}.workspace-actions .header-button.start-over{width:116px;font-size:14px;padding:8px 10px!important}.mode-toggle{gap:0;width:80px}.artwork-fallback .mode-toggle{width:80px}}@media (max-width:350px){.workspace-actions{gap:6px}.workspace-actions .header-button.start-over{width:104px;font-size:13px}.workspace-actions .header-button.replay,.workspace-actions .header-button.download{width:42px}.workspace-actions .header-button .button-content{gap:3px}.welcome-actions .choice-no{min-width:124px}.welcome-actions .choice-yes{min-width:132px}}@media (prefers-reduced-motion:reduce){.mode-toggle button{transition:none}}