*{box-sizing:border-box;margin:0;padding:0}:root{--aqua:#0fb5de;--aqua-deep:#0a93b5;--aqua-light:#e3f6fb;--pink:#f25fa6;--pink-soft:#f49ac2;--pink-light:#fdeaf3;--yellow:#ffc107;--yellow-light:#fff6dc;--gold:#0fb5de;--gold-light:#e3f6fb;--gold-mid:#3fc9ea;--red:#e23b3b;--red-light:#fdeaea;--green:#2e9e5b;--green-light:#e7f6ee;--bg:#fff;--bg2:#f2fafc;--txt:#15323a;--txt3:#8aa3ab;--border:#d2eaf1}body{background:#e8f4f8;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#root{min-height:100vh}.app-bg{background:#e8f4f8;min-height:100dvh;padding:24px 16px}.app-frame{background:var(--bg);border-radius:24px;flex-direction:column;max-width:430px;min-height:calc(100vh - 48px);margin:0 auto;display:flex;overflow:hidden;box-shadow:0 12px 40px #0fb5de1f}@media (width<=480px){.app-bg{padding:0}.app-frame{max-width:none;box-shadow:none;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border-radius:0}}input[type=text]{-webkit-user-select:text;user-select:text}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes hbw-kenburns{0%{transform:scale(1)translate(0)}to{transform:scale(1.14)translate(-2%,-2%)}}@keyframes hbw-bubble{0%{opacity:0;transform:translateY(12px)scale(.5)}14%{opacity:.9}85%{opacity:.5}to{opacity:0;transform:translateY(-160px)scale(1.05)}}@keyframes hbw-shimmer{0%{transform:translate(-130%)skew(-18deg)}to{transform:translate(240%)skew(-18deg)}}@keyframes hbw-wave-slide{0%{background-position-x:0}to{background-position-x:120px}}@keyframes hbw-gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes hbw-ball{0%{opacity:0;transform:translate(-50%,-135%)scale(.16)rotate(0)}8%{opacity:1}48%{opacity:1;transform:translate(-50%,-50%)scale(1.8)rotate(230deg)}53%{opacity:1;transform:translate(-50%,-50%)scale(1.55)rotate(245deg)}66%{opacity:0;transform:translate(-50%,-50%)scale(1.5)rotate(250deg)}to{opacity:0}}@keyframes hbw-crack{0%,48%{opacity:0;transform:translate(-50%,-50%)scale(.35)}52%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}58%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:.9;transform:translate(-50%,-50%)scale(1)}95%{opacity:0}to{opacity:0}}@keyframes hbw-impacto{0%,49%{opacity:0}52%{opacity:.55}60%{opacity:0}to{opacity:0}}
