body{margin:0;padding:0;background-color:#f0f0f0}.flipbook-container{width:100dvw;height:100dvh;position:relative;background:linear-gradient(to bottom,#71b4e4b3,#449843b3)}.flipbook{width:100%;height:100%}.controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px}.controls-top-right{position:absolute;top:20px;right:20px;display:flex;gap:10px}.sound-btn-placeholder{width:46px}.audio-container{display:none}@keyframes gummy-btn-hover{40%{transform:scale(1.05);border-radius:10px}70%{transform:scale(1.05);border-radius:16px}to{transform:scale(1.05);border-radius:10px}}@keyframes gummy-btn-press{75%{transform:scale(.85);border-radius:32px}to{transform:scale(.9);border-radius:20px}}button{position:relative;padding:4px 2px 2px;background-color:#4f5;color:#000;border:3px solid #0a0;border-radius:16px;font-family:inherit;font-size:1rem;font-weight:700;transition:all linear .2s}button:hover{transform:scale(1.05);border-radius:10px;animation:.5s linear gummy-btn-hover;cursor:pointer}button:active{transform:scale(.9);border-radius:20px;animation:.2s linear gummy-btn-press}button:before{content:"";position:absolute;top:4px;right:6px;width:30%;height:4px;background-color:#fff;border-radius:8px}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover{transform:none;border-radius:16px;animation:none}button>img{width:36px;height:36px}.gummy-cherry{background-color:#f46;border-color:#a24}.gummy-strawberry{background-color:#fad;border-color:#d7b}.gummy-raspberry{background-color:#3df;border-color:#57c}.gummy-lemon{background-color:#ff0;border-color:#b90}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation-duration:1ms!important}}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-kAwBdRge.woff2) format("woff2"),url(/assets/material-icons-Dr0goTwe.woff) format("woff")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-outlined-DZhiGvEA.woff2) format("woff2"),url(/assets/material-icons-outlined-BpWbwl2n.woff) format("woff")}.material-icons-outlined{font-family:Material Icons Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-round-DrirKXBx.woff2) format("woff2"),url(/assets/material-icons-round-BDlwx-sv.woff) format("woff")}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Sharp;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-sharp-gidztirS.woff2) format("woff2"),url(/assets/material-icons-sharp-CH1KkVu7.woff) format("woff")}.material-icons-sharp{font-family:Material Icons Sharp;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Two Tone;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-two-tone-DuNIpaEj.woff2) format("woff2"),url(/assets/material-icons-two-tone-B7wz7mED.woff) format("woff")}.material-icons-two-tone{font-family:Material Icons Two Tone;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}