@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background:#0a0a0a;color:#fff;font-family:Plus Jakarta Sans,system-ui,sans-serif}.shell{width:100%;max-width:420px;margin:0 auto;min-height:100dvh;background:#0a0a0a;display:flex;flex-direction:column;position:relative}.hdr{position:sticky;top:0;z-index:50;padding:12px 16px;background:#0a0a0aeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between}.bnav{position:sticky;bottom:0;background:#0a0a0aeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.06);display:flex;z-index:50}.bnav button{flex:1;padding:10px 0 16px;display:flex;flex-direction:column;align-items:center;gap:3px;border:0;background:transparent;cursor:pointer}.zone{border:1.5px dashed rgba(255,255,255,.2);border-radius:20px;background:#ffffff08;position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.zone:active{border-color:#ffffff73}.card{background:#141414;border-radius:20px}.ovl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000d9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:flex-end;justify-content:center}.ovlc{background:#111;border-radius:28px 28px 0 0;width:100%;max-width:420px;padding:28px 20px 40px}.scrb{overflow-y:auto;scrollbar-width:none}.scrb::-webkit-scrollbar{display:none}.scrhx{overflow-x:auto;scrollbar-width:none}.scrhx::-webkit-scrollbar{display:none}.coin-pill{background:#8b5cf6e6;border-radius:999px;padding:6px 12px;display:flex;align-items:center;gap:6px;cursor:pointer}.streak-pill{background:#ffffff14;border-radius:999px;padding:6px 10px;display:flex;align-items:center;gap:5px}.inspire-tile{position:relative;border-radius:14px;overflow:hidden;cursor:pointer}.inspire-tile:active{opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes coinFly{0%{transform:scale(.5) rotate(-10deg);opacity:0}60%{transform:scale(1.2) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn .3s ease both}.fade-up{animation:fadeUp .5s cubic-bezier(.34,1.2,.64,1) both}.scale-in{animation:scaleIn .6s cubic-bezier(.34,1.2,.64,1) both}.slide-up{animation:slideUp .4s cubic-bezier(.34,1.2,.64,1) both}.coin-anim{animation:coinFly .5s cubic-bezier(.34,1.56,.64,1) both}.gen-spin{animation:spin 1s linear infinite}.pulse{animation:pulse 2.5s ease-in-out infinite}.glow-pulse{animation:glowPulse 2.5s ease-in-out infinite}.intro-logo{animation:scaleIn .7s cubic-bezier(.34,1.3,.64,1) both}.intro-video{animation:fadeUp .8s cubic-bezier(.25,1,.5,1) .2s both}.intro-title{animation:fadeUp .6s ease .5s both}.intro-sub{animation:fadeUp .6s ease .65s both}.intro-btn{animation:fadeUp .6s ease .8s both}.logo-img{transition:transform .2s ease}.logo-img:hover{transform:scale(1.05)}
