:root{--ink:#23331d;--cream:#fffbea;--leaf:#3f8f3a;--leaf-dark:#2b6a28;--petal:#ffd84a;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#bfe3ff;margin:0;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.progress{top:calc(var(--safe-top) + 10px);background:var(--cream);pointer-events:none;filter:drop-shadow(0 3px 6px #1e3c1440);border:3px solid #fff;border-radius:50%;width:76px;height:76px;padding:6px;position:fixed;left:50%;transform:translate(-50%)}.progress svg{width:100%;height:100%}.petal{fill:#e9e2c8;stroke:#fff;stroke-width:2px;transition:fill .3s,transform .3s}.petal.is-full{fill:var(--petal)}.centre{fill:#f08a2c;stroke:#fff;stroke-width:2px}.round-button{background:var(--cream);width:56px;height:56px;color:var(--ink);cursor:pointer;border:3px solid #fff;border-radius:50%;font-size:26px;position:fixed;box-shadow:0 4px 10px #1e3c1438}.mute{top:calc(var(--safe-top) + 14px);right:calc(var(--safe-right) + 14px)}.mute.is-muted .note{opacity:.35}.mute.is-muted:after{content:"";border-top:3px solid var(--ink);position:absolute;top:12px;bottom:12px;left:12px;right:12px;transform:rotate(-45deg)translateY(12px)}.hint{left:50%;bottom:calc(var(--safe-bottom) + 22px);white-space:nowrap;pointer-events:none;background:#fffbeaeb;border-radius:999px;margin:0;padding:12px 20px;font-size:18px;font-weight:700;transition:opacity .4s;position:fixed;transform:translate(-50%);box-shadow:0 4px 12px #1e3c1433}.hint.is-hidden{opacity:0}.card-screen{padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 16px);background:radial-gradient(circle at 50% 40%,#ffffff26,#28501e59);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.card-screen--low{background:0 0;align-items:end}.card-screen[hidden]{display:none}.card{background:var(--cream);text-align:center;border:4px solid #fff;border-radius:32px;width:min(100%,360px);padding:26px 22px 22px;box-shadow:0 14px 34px #1e3c1447}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--leaf);margin:0 0 4px;font-size:13px;font-weight:800}h1{color:#b8282d;margin:0 0 10px;font-size:clamp(30px,9vw,40px);line-height:1.05}.lead{margin:0 0 20px;font-size:17px;font-weight:600}.big-button{background:var(--leaf);width:100%;min-height:64px;box-shadow:0 6px 0 var(--leaf-dark);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:999px;font-size:26px;font-weight:800}.credit{opacity:.55;margin:14px 0 0;font-size:11px}.big-button:active{box-shadow:0 3px 0 var(--leaf-dark);transform:translateY(3px)}.big-button:disabled{opacity:.6;cursor:progress}@media (orientation:landscape) and (max-height:500px){.card{padding:16px 20px}h1{font-size:30px}.lead{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}