@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#24251f;background:#b8a3ee;font-synthesis:none;--ink:#24251f;--acid:#e6ff54}*{box-sizing:border-box}body{margin:0}button{-webkit-tap-highlight-color:transparent;font:inherit;color:inherit;cursor:pointer;border:0}button:hover{filter:brightness(.97)}button:focus-visible{outline:3px solid #24251f;outline-offset:5px}.app-shell,.machine{width:100%;height:100svh;height:100dvh;margin:0}.stage{width:100%;height:100%;position:relative;isolation:isolate;overflow:hidden;background:var(--stage-color);display:flex;align-items:center;justify-content:center}.stage-grain{position:absolute;inset:0;background-image:radial-gradient(#24251f22 .65px,transparent .65px);background-size:5px 5px;pointer-events:none;z-index:-1}.media-frame{position:absolute;inset:0;padding:60px 5vw 165px;display:flex;align-items:center;justify-content:center}.media-frame img,.media-frame video{width:100%;height:100%;object-fit:contain}.floating-controls{position:absolute;top:max(24px,env(safe-area-inset-top));right:max(28px,env(safe-area-inset-right));display:flex;gap:10px;z-index:10}.sound-toggle,.info-button{border:1.5px solid var(--ink);border-radius:30px;background:#fffdf6cc;min-height:44px;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 13px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:.3px}.info-button{width:44px;padding:0;font-size:18px}.sound-toggle>span:first-child{font-size:20px;line-height:1}.switch{width:25px;height:14px;background:#dbd9cf;border:1px solid var(--ink);border-radius:15px;padding:2px}.switch i{display:block;width:8px;height:8px;border-radius:50%;background:var(--ink)}.switch.on{background:var(--acid)}.switch.on i{transform:translate(10px)}.content-badge,.category,.little-stamp,.interlude p{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:10px;letter-spacing:1.2px}.content-badge{position:absolute;top:max(28px,env(safe-area-inset-top));left:max(32px,env(safe-area-inset-left));border:1px solid var(--ink);border-radius:30px;padding:8px 11px;background:#fffdf64d;z-index:1}.stage-star{position:absolute;font-size:60px;pointer-events:none}.star-one{left:12%;top:35%;transform:rotate(10deg)}.star-two{right:13%;top:48%;font-size:90px;transform:rotate(10deg)}.little-stamp{position:absolute;bottom:190px;left:40px;border:1px solid var(--ink);border-radius:50%;height:65px;width:65px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;line-height:1.3;transform:rotate(-13deg)}.caption{position:absolute;bottom:36px;left:40px;max-width:calc(100% - 470px);display:flex;gap:20px;align-items:center}.category{text-transform:uppercase;font-size:9px;letter-spacing:1.8px}.caption h1{font-family:Space Grotesk,sans-serif;font-size:clamp(24px,2.8vw,40px);letter-spacing:-1.4px;line-height:1.1;margin:9px 0}.caption p{font-size:14px;line-height:1.5;margin:0}.caption-smile{font-size:45px;transform:rotate(12deg)}.action-area{position:absolute;right:40px;bottom:24px;z-index:10;text-align:center}.next-button{display:flex;align-items:center;justify-content:space-between;width:340px;max-width:100%;margin:auto;border:2px solid var(--ink);border-radius:12px;background:var(--acid);font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;letter-spacing:.5px;padding:19px 22px;box-shadow:4px 4px 0 var(--ink);transition:transform .12s,box-shadow .12s}.next-button:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}.next-button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.next-button[aria-disabled=true]{cursor:wait}.arrow{font-size:30px;line-height:20px}.key-hint{font-size:11px;margin:13px 0 0}kbd{font-family:inherit;border:1px solid #24251f66;border-radius:4px;padding:0 5px;margin:0 2px}.playback{position:absolute;bottom:155px;left:50%;transform:translate(-50%);display:flex;gap:7px;white-space:nowrap;z-index:2}.playback button{background:#fffdf6;border:1.5px solid var(--ink);border-radius:30px;min-height:44px;padding:10px 14px;font-size:13px;display:flex;gap:8px;align-items:center}.audio-art{display:flex;flex-direction:column;align-items:center}.record{width:clamp(160px,28vw,320px);aspect-ratio:1;border:2px solid var(--ink);border-radius:50%;background:repeating-radial-gradient(var(--ink) 0 2px,#3b3b34 3px 4px);display:grid;place-items:center;position:relative;box-shadow:5px 7px #24251f33}.record svg{width:55%;color:var(--acid)}.record-hole{width:9px;height:9px;background:var(--ink);border:1px solid #fff;border-radius:50%;position:absolute;left:calc(50% - 4px);top:calc(50% - 4px)}.sound-wave{display:flex;gap:4px;align-items:center;height:32px;margin-top:16px}.sound-wave i{height:var(--h);width:4px;background:var(--ink);border-radius:4px}.audio-art>p{font-size:12px;margin:8px 0}.is-playing .record{animation:spin 5s linear infinite}.is-playing .sound-wave i{animation:wave .6s var(--delay) infinite alternate}.fallback{text-align:center;padding:20px}.fallback svg{color:var(--acid);width:105px}.fallback h2{font-family:Space Grotesk,sans-serif;letter-spacing:-1px;margin:8px 0}.fallback p{font-size:13px;line-height:1.6}.interlude{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--acid);overflow:hidden}.interlude-art{height:170px;display:flex;align-items:center;justify-content:center;width:100%;gap:14px}.interlude p{font-size:10px;text-align:center;position:absolute;bottom:140px}.interlude.bounce{background:#ffa6c7}.bounce i{width:70px;height:70px;background:var(--acid);border:2px solid var(--ink);border-radius:50%;box-shadow:4px 4px 0 var(--ink);animation:boing .45s ease-in-out infinite alternate}.bounce i:nth-child(2){background:#b8a3ee;animation-delay:-.15s;border-radius:15px}.bounce i:nth-child(3){background:#9edccf;animation-delay:-.3s}.runner .interlude-art svg{color:#b8a3ee;width:140px;animation:run .75s linear infinite}.wipe{background:#b8a3ee}.wipe .interlude-art span{font-family:Space Grotesk,sans-serif;font-size:80px;line-height:.85;font-weight:700;letter-spacing:-7px;transform:rotate(-8deg);animation:pop .4s ease-out both}.orbit{background:#9edccf}.orbit .interlude-art svg{width:130px;color:#ffa6c7;animation:wobble .45s ease-in-out infinite alternate}.orbit b{font-size:70px;animation:spin 1.2s linear infinite}.orbit b:last-child{color:#7a53c7;animation-direction:reverse}dialog{border:2px solid var(--ink);border-radius:20px;padding:0;background:#fffdf6;color:var(--ink);max-width:480px;max-height:calc(100dvh - 32px);width:calc(100% - 32px);box-shadow:7px 7px 0 var(--ink)}dialog::backdrop{background:#24251faa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.about{padding:30px}.about>svg{width:65px;color:var(--acid)}.about h2{font-family:Space Grotesk,sans-serif;font-size:33px;line-height:1.05;letter-spacing:-1.5px}.about p{font-size:14px;line-height:1.6}.about .credit{font-size:11px;color:#63645b}.about .next-button{margin-top:25px;font-size:12px;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.playback-message{position:absolute;top:80px;left:20px;right:20px;text-align:center;font-size:13px;z-index:3}@keyframes boing{0%{transform:translateY(-40px) rotate(-15deg)}to{transform:translateY(35px) rotate(20deg)}}@keyframes run{0%{transform:translate(-50vw) rotate(-30deg)}to{transform:translate(50vw) rotate(80deg)}}@keyframes pop{0%{transform:scale(.3) rotate(-20deg)}to{transform:scale(1) rotate(-8deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wobble{to{transform:rotate(20deg) scale(1.15)}}@keyframes wave{to{transform:scaleY(.35)}}@media(max-width:750px){.floating-controls{top:max(18px,env(safe-area-inset-top));right:18px;gap:8px}.content-badge{top:24px;left:18px;font-size:8px;padding:8px}.sound-toggle{font-size:10px;gap:6px;padding:10px}.media-frame{padding:75px 12px 265px}.caption{left:24px;right:24px;bottom:135px;max-width:none}.caption h1{font-size:28px;letter-spacing:-1px;margin:8px 0}.caption p{font-size:12px}.caption-smile{display:none}.action-area{left:24px;right:24px;bottom:max(24px,env(safe-area-inset-bottom))}.next-button{width:100%;max-width:420px}.playback{bottom:250px}.little-stamp{left:24px;bottom:280px;width:50px;height:50px;font-size:7px}.star-one{left:7%;top:28%;font-size:35px}.star-two{right:6%;top:41%;font-size:50px}.record{width:180px}.sound-wave{margin-top:8px}.audio-art>p{display:none}}@media(max-width:390px){.caption h1{font-size:24px}.caption{bottom:128px;left:20px;right:20px}.caption p{font-size:11px}.action-area{left:20px;right:20px}.next-button{font-size:14px;padding:18px}.content-badge{left:14px;font-size:7px;letter-spacing:.6px}.floating-controls{right:14px}.sound-toggle .switch{display:none}.media-frame{padding-bottom:250px}.playback{bottom:240px}.record{width:150px}.little-stamp{display:none}}@media(max-height:500px)and (min-width:650px){.media-frame{padding:40px 170px 115px}.caption{left:24px;bottom:22px;max-width:calc(100% - 350px)}.caption h1{font-size:24px}.caption p{font-size:11px}.caption-smile,.little-stamp,.sound-wave,.audio-art>p{display:none}.action-area{right:24px;bottom:18px}.next-button{width:280px;font-size:13px;padding:15px 18px}.key-hint{margin-top:9px}.playback{bottom:125px}.record{width:145px}.star-one{font-size:35px}.star-two{font-size:50px}.interlude p{bottom:110px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.interlude .interlude-art svg{transform:none}.bounce i{transform:none}}.youtube-content{width:min(100%,1000px);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:1}.youtube-player{width:100%;aspect-ratio:16/9;min-height:200px;max-height:100%;background:#24251f;border:2px solid var(--ink);border-radius:14px;overflow:hidden}.youtube-player iframe{display:block;width:100%;height:100%;min-height:200px;border:0}.youtube-launch{width:100%;height:100%;min-height:200px;padding:22px;background:#24251f;color:#fffdf6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.youtube-launch>span{font-size:42px;color:var(--acid)}.youtube-launch strong{font-family:Space Grotesk,sans-serif;font-size:20px}.youtube-launch small{font-size:12px;max-width:300px;line-height:1.5}.youtube-link{color:var(--ink);font-size:12px;text-underline-offset:4px;padding:6px}.youtube-link:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.youtube-player:focus-within{outline:3px solid var(--acid);outline-offset:3px}@media(max-height:500px)and (min-width:650px){.media-frame.youtube{padding:70px 180px 60px}.youtube-content{gap:0;transform:translateY(-15px)}.youtube-player{max-width:390px}.youtube-link{font-size:10px;padding:4px}}.instagram-content{width:min(100%,420px);height:100%;min-height:0;justify-content:center}.instagram-player{aspect-ratio:auto;height:min(100%,600px);min-height:200px;flex:1;max-height:600px;background:#fff}.instagram-player iframe{height:100%;width:100%;background:#fff}.instagram-content .youtube-link{flex-shrink:0}.media-frame.instagram{padding-bottom:160px}.stage:has(.instagram-content) .stage-star,.stage:has(.instagram-content) .little-stamp{display:none}@media(max-width:750px){.media-frame.instagram{padding:75px 12px 250px}.instagram-player{min-height:200px}}@media(max-height:500px)and (min-width:650px){.media-frame.instagram{padding:75px 180px 115px}.instagram-content{transform:none}.instagram-player,.instagram-player iframe{min-height:160px}}