#cfSheet{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-end;justify-content:center;background:rgba(30,20,50,.45);opacity:0;transition:opacity .2s;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}
#cfSheet.on{opacity:1}
#cfSheet .cfc{background:#fff;border-radius:28px;max-width:440px;width:100%;padding:24px 20px 20px;text-align:center;font-family:Nunito,system-ui,sans-serif;box-shadow:0 12px 40px rgba(0,0,0,.25);transform:translateY(30px);transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
#cfSheet.on .cfc{transform:none}
#cfSheet .cfav{width:64px;height:64px;border-radius:50%;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:34px;background:#f3eaff}
#cfSheet .cft{font-weight:900;font-size:22px;color:#3a2a5a;margin:0 0 6px}
#cfSheet .cfm{font-weight:700;font-size:16px;color:#6a5a85;margin:0 0 18px}
#cfSheet .cfb{display:flex;gap:12px}
#cfSheet button{flex:1;min-height:64px;border:0;border-radius:20px;font:900 20px Nunito,system-ui,sans-serif;cursor:pointer;-webkit-touch-callout:none;user-select:none;touch-action:none}
#cfSheet .cfk{background:#eee6fa;color:#3a2a5a}
#cfSheet .cfd{position:relative;background:#e5364d;color:#fff}
#cfSheet .cfd .ring{inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px)}
#cfSheet .cfd.holding .ring{opacity:1}
#cfSheet .cfd .ring rect{fill:none;stroke-width:6}
#cfSheet .cfd .rbg{stroke:#ffd0d6}#cfSheet .cfd .rfg{stroke:#a3001a;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}
#cfSheet .cfh{font-size:13px;font-weight:700;color:#9a8ab5;margin-top:10px}
#cfSheet.info .cfd,#cfSheet.info .cfh{display:none}