.sb{--sb-ease:cubic-bezier(.23, 1, .32, 1);--sb-dusk:1.1s;--sb-shadow:inset 0 0 0 .5px #ffffff2e, inset 0 1px 0 #ffffff73, 0 0 0 .5px #2b0d3359, 0 1px 1px #2b0d3338, 0 4px 8px -2px #3c0f3738, 0 14px 26px -10px #ff4fa373, 0 22px 36px -20px #3c0f3759;--sb-pressed:inset 0 0 0 .5px #ffffff24, inset 0 1px 0 #ffffff4d, 0 0 0 .5px #2b0d3366, 0 1px 1px #2b0d334d, 0 3px 6px -2px #3c0f3740, 0 8px 16px -10px #ff4fa359;isolation:isolate;color:#fff;min-width:212px;height:52px;font:inherit;letter-spacing:.01em;cursor:pointer;box-shadow:var(--sb-shadow);transition:scale .16s var(--sb-ease), translate .16s var(--sb-ease), box-shadow .16s var(--sb-ease);-webkit-tap-highlight-color:transparent;background:#2b0d33;border:0;border-radius:999px;place-items:center;padding:0 40px;font-size:15px;font-weight:650;display:inline-grid;position:relative}.sb:active:not(:disabled){box-shadow:var(--sb-pressed);translate:0 1px;scale:.985}.sb:focus-visible{outline-offset:3px;outline:2px solid #2d2d2d}.sb:disabled{cursor:default;filter:grayscale(.85);opacity:.55}.sb-scene{z-index:-1;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.sb-scene>*{position:absolute}.sb-sky{background:linear-gradient(#4f6bff 0%,#9b4dff 34%,#ff4fa3 66%,#ff9a4a 100%);inset:0}.sb-night{opacity:0;transition:opacity var(--sb-dusk) var(--sb-ease);background:linear-gradient(#0a0a2c 0%,#1f0e46 52%,#46154f 100%);inset:0}.sb-stars{inset:0}.sb-stars i{opacity:0;transition:opacity var(--sb-dusk) var(--sb-ease);background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 3px #fffc}.sb-sun{width:64px;height:32px;transition:translate var(--sb-dusk) var(--sb-ease), opacity var(--sb-dusk) var(--sb-ease);background:linear-gradient(#ffe66d 0,#ffb347 8px,#ff7a6b 14px);border-radius:32px 32px 0 0;margin-left:-32px;bottom:0;left:50%;translate:0 20px;box-shadow:0 0 16px #ffa05080;-webkit-mask-image:linear-gradient(#000 7px,#0000 7px 8.5px,#000 8.5px);mask-image:linear-gradient(#000 7px,#0000 7px 8.5px,#000 8.5px)}.sb-glow{mix-blend-mode:soft-light;background:radial-gradient(closest-side,#ffffff47,#fff0);border-radius:50%;height:80%;bottom:-40%;left:14%;right:14%}.sb-gloss{border-radius:inherit;background:linear-gradient(#0000 55%,#1e00282e 100%);inset:0}.sb-gloss:before{content:"";background:linear-gradient(#ffffff9e 0%,#ffffff29 70%,#ffffff0a 100%);border-radius:999px 999px 40% 40%/999px 999px 18px 18px;height:46%;position:absolute;top:2px;left:9px;right:9px}.sb-label{color:#ffe4f6;text-shadow:0 1px 1px #2b0d3399,0 0 1px #2b0d3366;transition:color .5s var(--sb-ease), text-shadow .5s var(--sb-ease);position:relative}@media (hover:hover) and (pointer:fine){.sb:not(:disabled):not([data-playing]):hover .sb-sun{translate:0 26px}.sb:not(:disabled):not([data-playing]):hover .sb-night{opacity:.45}.sb:not(:disabled):not([data-playing]):hover .sb-stars i{opacity:.35}}.sb[data-playing] .sb-night{opacity:1}.sb[data-playing] .sb-sun{opacity:0;translate:0 34px}.sb[data-playing] .sb-stars i{opacity:1;animation:2.8s ease-in-out infinite sb-twinkle}@keyframes sb-twinkle{0%,to{opacity:1}50%{opacity:.25}}.sb[data-playing] .sb-label{color:#ffe4f6;text-shadow:0 0 2px #fff,0 0 6px #ff4fa3,0 0 14px #ff4fa3,0 0 22px #c23cff;animation:.9s step-end sb-neon-on}@keyframes sb-neon-on{0%{opacity:.35}18%{opacity:1}26%{opacity:.4}40%{opacity:1}48%{opacity:.55}60%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.sb,.sb-night,.sb-sun,.sb-stars i,.sb-label{transition-duration:.2s}.sb[data-playing] .sb-stars i,.sb[data-playing] .sb-label{animation:none!important}.sb:active:not(:disabled){translate:0}}.gd{--ink:#2d2d2d;--muted:#6b6466;--ease-out:cubic-bezier(.23, 1, .32, 1);isolation:isolate;height:100svh;min-height:560px;color:var(--ink);-webkit-font-smoothing:antialiased;background:#f7f1f3;font-family:ui-sans-serif,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden}.gd-stage{outline:none;position:absolute;inset:0}.gd-stage:focus-visible{box-shadow:inset 0 0 0 2px #0000004d}.gd-canvas{cursor:grab;opacity:0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;transition:opacity .9s var(--ease-out), transform 1.2s var(--ease-out);display:block;transform:scale(.97)}.gd-canvas[data-ready]{opacity:1;transform:none}.gd-canvas:active{cursor:grabbing}.gd-foot{pointer-events:none;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:clamp(20px,4vw,36px);left:0;right:0}.gd-sound{pointer-events:auto}@media (prefers-reduced-motion:reduce){.gd-canvas{transition:opacity .3s;transform:none}}.gd-sound{animation:gd-arrive .7s var(--ease-out) .65s both}@keyframes gd-arrive{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.gd-sound{animation-name:gd-fade}@keyframes gd-fade{0%{opacity:0}}}html,body{background:#f7f1f3;margin:0}
