*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#fff;background:linear-gradient(160deg,#0f172a,#1e3a8a 55%,#0d9488);background-attachment:fixed}
#app{max-width:520px;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(110px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));text-align:center}
.logo{font-size:3rem;font-weight:900;margin-top:30px;text-shadow:0 4px 0 #0005}.tag{font-size:1.2rem;opacity:.9}
.btn{display:block;width:100%;border:0;border-radius:22px;padding:22px 14px;margin:14px 0;font-size:1.45rem;font-weight:800;color:#0f172a;background:#fde047;box-shadow:0 6px 0 #a16207;cursor:pointer;font-family:inherit}
.btn:active{transform:translateY(4px);box-shadow:0 2px 0 #a16207}
.btn.w{background:#fff;box-shadow:0 6px 0 #94a3b8}
.btn.g{background:#ffffff26;color:#fff;box-shadow:none;font-size:1.1rem;padding:14px}
.bar{height:10px;background:#ffffff30;border-radius:9px;margin:10px 0 24px}.bar i{display:block;height:100%;background:#fde047;border-radius:9px}
.q{font-size:1.9rem;font-weight:800;margin:20px 0 24px;min-height:2.6em}
#card{width:100%;border-radius:18px;box-shadow:0 10px 30px #0007;margin-top:10px}
.ad{position:fixed;left:0;right:0;bottom:0;padding:14px 14px calc(14px + env(safe-area-inset-bottom));background:#000a;text-align:center;font-size:.95rem;border-top:1px dashed #fff6}
#card{-webkit-touch-callout:default;user-select:none}.hint{font-size:.95rem;opacity:.85;margin:6px 0 0}
html,body{overscroll-behavior:none}

.btn.big{font-size:1.5rem;min-height:84px;padding:22px}.btn.sel{outline:5px solid #fde047;outline-offset:2px;transform:scale(1.02)}.btn.back{width:auto;min-width:96px;font-size:1.6rem}
#toast{position:fixed;left:50%;bottom:120px;transform:translateX(-50%);background:#fde047;color:#0f172a;font-weight:900;font-size:1.4rem;padding:14px 28px;border-radius:30px;opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}

.picker{margin-top:18px}.btn.qz{display:flex;align-items:center;gap:14px;text-align:left;min-height:84px;font-size:1.4rem}.qe{font-size:2rem}.qt{flex:1}.qb{font-size:1.3rem}.btn.locked{opacity:.8}
.nav{display:flex;justify-content:center;gap:14px}.nav .btn{margin:14px 0}
#paywall{position:fixed;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}#paywall[hidden]{display:none}
.pwc{background:#0f172a;border:2px solid #fde047;border-radius:26px;padding:22px;max-width:400px;width:100%;text-align:center}.pwt{font-size:1.6rem;font-weight:900}.pws{font-size:1.1rem;opacity:.9}
#pwEmail{width:100%;font-size:1.2rem;padding:16px;border-radius:16px;border:0;margin-top:6px}#pwMsg{min-height:1.2em;font-weight:700}
html{background-color:#0d9488}