*,:after,:before{box-sizing:border-box}:root{color-scheme:dark;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--edge:clamp(20px,3.4vw,40px);--edge-t:calc(var(--edge) + env(safe-area-inset-top, 0px));--edge-r:calc(var(--edge) + env(safe-area-inset-right, 0px));--edge-b:calc(var(--edge) + env(safe-area-inset-bottom, 0px));--edge-l:calc(var(--edge) + env(safe-area-inset-left, 0px));--track:0.3em;--track-label:0.16em;--r-inner:8px;--hairline:rgba(255,255,255,0.16);--ring:rgba(255,255,255,0.92);--ease-out:cubic-bezier(0.22,0.61,0.36,1);--ease-settle:cubic-bezier(0.16,1,0.3,1);--scrim-rest:1;--scrim-hold:0.55}body,html{height:100%;margin:0;padding:0}html{text-size-adjust:100%}body,html{background:#000}body{color:#fff;font-family:var(--font);font-size:16px;line-height:1.5;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font-family:inherit}::selection{background:rgba(255,255,255,.22);color:#fff}.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.stage{position:fixed;top:0;left:0;height:100vh;height:100dvh;overflow:hidden;isolation:isolate}.film,.hold,.stage{width:100%;background:#000}.film,.hold{position:absolute;inset:0;display:block;height:100%;border:0;pointer-events:none;object-fit:cover;object-position:50% 50%}.film{z-index:0}@media (orientation:portrait){.film,.hold{object-position:50% 44%}}.film::-webkit-media-controls{display:none!important}.hold{z-index:1;opacity:0}.hold[data-held=true]{opacity:1}.defocus{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(48px) saturate(.78) brightness(.45);backdrop-filter:blur(48px) saturate(.78) brightness(.45);transition:opacity .7s var(--ease-out)}[data-phase=blocked] .defocus,[data-phase=still] .defocus{opacity:.65;transition:opacity .9s var(--ease-out)}[data-phase=rest] .defocus{opacity:0;transition:opacity .9s var(--ease-out)}@media (max-width:700px){.defocus{-webkit-backdrop-filter:blur(26px) saturate(.78) brightness(.45);backdrop-filter:blur(26px) saturate(.78) brightness(.45)}}@supports not (((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px)))){.defocus{background:rgba(0,0,0,.55)}}.scrim{position:absolute;inset:0;z-index:3;pointer-events:none;background:#000;opacity:0;transition:opacity .6s var(--ease-out)}[data-phase=blocked] .scrim,[data-phase=still] .scrim{opacity:var(--scrim-hold);transition:opacity .9s var(--ease-out)}[data-phase=rest] .scrim{opacity:var(--scrim-rest);transition:opacity 1.5s var(--ease-settle) 60ms}.veil{inset:0;z-index:4;background:linear-gradient(180deg,rgba(0,0,0,.68) 0,rgba(0,0,0,.3) 12%,rgba(0,0,0,0) 26%),linear-gradient(0deg,rgba(0,0,0,.55) 0,rgba(0,0,0,.16) 18%,rgba(0,0,0,0) 42%)}.frame,.veil{position:absolute;pointer-events:none}.frame{top:0;left:0;right:0;z-index:5;height:100vh;height:100dvh;height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:var(--edge-t) var(--edge-r) var(--edge-b) var(--edge-l)}.top{grid-row:1;justify-content:space-between;gap:16px}.brand,.top{display:flex;align-items:flex-start}.brand{flex-direction:column;gap:18px;pointer-events:auto}.wordmark{display:block;margin:0;font-size:clamp(1.25rem,1.1rem + .55vw,1.4375rem);letter-spacing:var(--track);white-space:nowrap;text-shadow:0 1px 22px rgba(0,0,0,.45);margin-right:calc(var(--track) * -1);margin-left:-.02em;animation:markIn 1.2s var(--ease-out) .22s backwards}.play,.wordmark{font-weight:600;line-height:1;color:#fff}.play{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:0 15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--hairline);border-radius:var(--r-inner);background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);font-size:.75rem;letter-spacing:var(--track-label);text-transform:uppercase;cursor:pointer;touch-action:manipulation;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s var(--ease-out),visibility 0s linear .6s,background-color .2s linear,border-color .2s linear}[data-phase=blocked] .play,[data-phase=still] .play{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .9s var(--ease-out) .2s,visibility 0s linear .2s,background-color .2s linear,border-color .2s linear}.play__icon{flex:none;width:10px;height:12px;fill:currentColor;margin-left:-1px}.play__label{margin-right:calc(var(--track-label) * -1)}.sound{display:inline-flex;align-items:center;gap:9px;margin:-6px -13px 0 0;padding:13px;border:0;border-radius:var(--r-inner);background:none;color:rgba(255,255,255,.92);font-size:.75rem;font-weight:600;line-height:1.125rem;letter-spacing:var(--track-label);text-transform:uppercase;cursor:pointer;touch-action:manipulation;text-shadow:0 1px 20px rgba(0,0,0,.5);pointer-events:auto;opacity:1;visibility:visible;transition:opacity .7s var(--ease-out),visibility 0s linear 0s,color .2s linear;animation:fadeIn 1.2s var(--ease-out) .42s backwards}[data-phase=rest] .sound{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s var(--ease-out),visibility 0s linear .8s,color .2s linear}.sound__label{margin-right:calc(var(--track-label) * -1)}.sound__led{flex:none;width:7px;height:7px;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:transparent;transition:background-color .24s var(--ease-out),border-color .24s var(--ease-out)}.sound[aria-pressed=true] .sound__led{background:#fff;border-color:#fff}.play:focus-visible,.sound:focus-visible{outline:2px solid var(--ring);outline-offset:3px;color:#fff}@media (hover:hover){.play:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.3)}.sound:hover{color:#fff}}.dock{position:absolute;left:50%;top:50%;width:min(400px,calc(100% - var(--edge-l) - var(--edge-r)));pointer-events:auto;--lift:0px;transform:translate3d(-50%,calc(-50% - var(--lift)),0);transition:transform .24s var(--ease-out)}.card{position:relative;padding:0;border:0;background:none;box-shadow:none;text-align:left;opacity:0;visibility:hidden;transform:translate3d(0,14px,0);transition:opacity .48s var(--ease-out),transform .48s var(--ease-out),visibility 0s linear .48s}[data-phase=rest] .card{opacity:1;visibility:visible;transform:translateZ(0);transition:opacity 1.1s var(--ease-settle) .9s,transform 1.2s var(--ease-settle) .9s,visibility 0s linear .9s}[data-phase=blocked] .card,[data-phase=still] .card{opacity:1;visibility:visible;transform:translateZ(0);transition:opacity .8s var(--ease-out) .26s,transform .9s var(--ease-out) .26s,visibility 0s linear .26s}.lede{margin:0 0 14px;font-size:.9375rem;font-weight:400;line-height:1.4;letter-spacing:-.004em;color:rgba(255,255,255,.88);text-wrap:pretty;transition:opacity .38s var(--ease-out)}[data-status=success] .lede{opacity:0}.swap{display:grid}.swap>*{grid-area:1/1}.form{opacity:1;visibility:visible;transition:opacity .38s var(--ease-out),visibility 0s linear 0s}.form[data-off=true]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s var(--ease-out),visibility 0s linear .32s}.control{position:relative;display:flex;align-items:stretch;gap:8px;border:0;border-bottom:1px solid rgba(255,255,255,.3);border-radius:0;background:none;transition:border-color .22s var(--ease-out),box-shadow .22s var(--ease-out)}.control:focus-within{border-bottom-color:rgba(255,255,255,.6)}@supports selector(:has(*)){.control:has(.field:focus-visible){border-bottom-color:#fff;box-shadow:0 1px 0 0 #fff}}@supports not selector(:has(*)){.control:focus-within{border-bottom-color:#fff;box-shadow:0 1px 0 0 #fff}}[data-status=error] .control{border-bottom-color:rgba(255,255,255,.5);border-bottom-style:dashed}@media (hover:hover){.control:hover{border-bottom-color:rgba(255,255,255,.45)}}.field{flex:1 1 auto;min-width:0;height:44px;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;background:transparent;outline:none;color:#fff;font-size:1rem;line-height:normal;letter-spacing:-.003em}.field::placeholder{color:rgba(255,255,255,.58)}.field[readonly]{color:rgba(255,255,255,.72)}.field:-webkit-autofill,.field:-webkit-autofill:focus,.field:-webkit-autofill:hover{-webkit-text-fill-color:#fff;caret-color:#fff;-webkit-box-shadow:inset 0 0 0 1000px rgba(20,20,21,.94);-webkit-transition:background-color 9999s ease-out 0s;transition:background-color 9999s ease-out 0s}.submit{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;background:none;color:rgba(255,255,255,.72);cursor:pointer;touch-action:manipulation;transition:color .2s var(--ease-out),transform .22s var(--ease-out)}.submit__icon{display:block;width:18px;height:12px}.submit[aria-disabled=true]{color:rgba(255,255,255,.42);cursor:default}.submit:active{color:#fff}.submit:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:3px;color:#fff}@media (hover:hover){.submit:hover:not([aria-disabled=true]){color:#fff;transform:translateX(2px)}}@media (prefers-reduced-motion:reduce){.submit,.submit:hover{transform:none!important}}.pulse{position:absolute;left:0;right:0;bottom:-1px;height:1px;background:#fff;transform:scaleX(0);transform-origin:0 50%;opacity:0;pointer-events:none}[data-status=submitting] .pulse{opacity:1;animation:sweep 1.2s var(--ease-out) infinite}.done{margin:0;align-self:center;font-size:.9375rem;font-weight:400;line-height:1.5;letter-spacing:-.004em;color:#fff;opacity:0;pointer-events:none;outline:none;transition:opacity .42s var(--ease-out)}.done[data-on=true]{opacity:1;pointer-events:auto;transition:opacity .7s var(--ease-out) .16s}.done:focus-visible{outline:2px solid var(--ring);outline-offset:4px;border-radius:3px}.msgSlot{position:relative;min-height:1.1rem;margin-top:10px}.msg{position:absolute;top:0;left:0;right:0;margin:0;font-size:.8125rem;font-weight:400;line-height:1.1rem;letter-spacing:.004em;color:rgba(255,255,255,.9)}@keyframes markIn{0%{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sweep{0%{transform:scaleX(0);transform-origin:0 50%}50%{transform:scaleX(1);transform-origin:0 50%}50.01%{transform:scaleX(1);transform-origin:100% 50%}to{transform:scaleX(0);transform-origin:100% 50%}}@media (max-height:560px){:root{--edge:18px}.brand{gap:12px}.lede{margin-bottom:10px;font-size:.875rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:1ms!important;transition-delay:0s!important}.sound,.wordmark{animation:none!important;opacity:1}.defocus,[data-phase=blocked] .defocus,[data-phase=rest] .defocus,[data-phase=still] .defocus{transition-property:opacity!important;transition-duration:.26s!important;transition-timing-function:linear!important}.scrim,[data-phase=blocked] .scrim,[data-phase=rest] .scrim,[data-phase=still] .scrim{transition-property:opacity!important;transition-duration:.3s!important;transition-timing-function:linear!important}.card,[data-phase=blocked] .card,[data-phase=rest] .card,[data-phase=still] .card{transform:none!important;transition-property:opacity,visibility!important;transition-duration:.28s,0s!important;transition-timing-function:linear!important}.play,.sound,[data-phase=blocked] .play,[data-phase=rest] .sound,[data-phase=still] .play{transition-property:opacity,visibility,color!important;transition-duration:.24s,0s,.15s!important;transition-timing-function:linear!important}.done,.done[data-on=true],.form,.form[data-off=true]{transition-property:opacity,visibility!important;transition-duration:.2s,0s!important;transition-timing-function:linear!important}.dock{transition:none!important}.pulse{display:none}}