@font-face{font-family:dm;src:url(/fonts/dmsans.woff2) format("woff2");font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#0d0f14;color:#f4f6fb;font:16px/1.45 dm,system-ui,sans-serif}
#app{max-width:480px;margin:0 auto;padding:16px 18px 32px;min-height:100vh}
header{display:flex;align-items:center;gap:8px;margin-bottom:18px}.logo{font-size:24px}.logo span{color:#3cf2a0}header small{color:#8a93a6;flex:1}
.pill{background:#1d2230;padding:6px 12px;border-radius:99px;font-weight:700}
h1{font-size:32px;line-height:1.1;margin:8px 0}h2{font-size:23px;line-height:1.25;margin:6px 0 22px}h3{margin:0 0 8px;font-size:17px}
.sub{color:#9aa3b5;margin:6px 0}.tag{color:#3cf2a0;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.chips button{background:#1d2230;color:#f4f6fb;border:2px solid transparent;border-radius:99px;padding:10px 14px;font:inherit}
.chips button[aria-pressed=true]{border-color:#3cf2a0;background:#143326}
details{margin:10px 0}summary{cursor:pointer;color:#9aa3b5}textarea{width:100%;margin-top:8px;background:#1d2230;color:#fff;border:0;border-radius:12px;padding:12px;font:inherit}
.cta{display:block;width:100%;margin:14px 0 0;padding:16px;border:0;border-radius:14px;background:#3cf2a0;color:#0d0f14;font:700 18px dm,sans-serif}
.cta.wa{background:#25d366}.link{background:none;border:0;color:#8a93a6;text-decoration:underline;font:inherit;margin-top:18px}
.big{display:flex;flex-direction:column;align-items:center;justify-content:center;width:200px;height:200px;margin:10px auto;border-radius:50%;border:0;background:#3cf2a0;color:#0d0f14;font:700 18px dm,sans-serif;box-shadow:0 0 0 10px #143326}
.big #rec-ico{font-size:52px}.big.on{background:#ff5470;color:#fff;box-shadow:0 0 0 10px #3a1820;animation:p 1.2s infinite}.big:disabled{opacity:.5}
@keyframes p{50%{box-shadow:0 0 0 20px #3a182000}}#v-q{text-align:center}
.score{display:flex;gap:16px;align-items:center;background:#143326;border-radius:18px;padding:16px;margin-bottom:12px}#score-n{font-size:52px;font-weight:800;color:#3cf2a0;min-width:80px;text-align:center}
.card{background:#171b25;border-radius:16px;padding:14px 16px;margin:10px 0}.card ul{margin:6px 0 0;padding-left:20px}.card li{margin:4px 0}
.answer{background:#0d0f14;border-left:3px solid #3cf2a0;padding:10px 12px;border-radius:8px;margin:0 0 6px}.next{border:2px solid #3cf2a0}
.share{margin:18px 0 0;text-align:center;border-radius:18px;padding:18px;background:linear-gradient(135deg,#3cf2a0,#2a7bff);color:#0d0f14;font-weight:700}.share b{font-size:56px;display:block;line-height:1}.share p{margin:4px 0}
.hook{text-align:center;color:#ffd166;font-weight:700;margin-top:16px}footer{text-align:center;color:#5f6778;font-size:13px;margin-top:28px}
[hidden]{display:none!important}
.prog{margin:-4px 0 14px}.bar{height:10px;background:#1d2230;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:#3cf2a0;transition:width .4s}
.prog .sub{font-weight:700;margin:6px 0 0}.up{text-align:center;color:#3cf2a0;font-weight:700;margin:12px 0 0}.up:empty{display:none}
.cta.ghost{background:#1d2230;color:#f4f6fb}.party{font-size:64px;text-align:center;animation:pop .8s ease-out}@keyframes pop{0%{transform:scale(.2) rotate(-20deg)}70%{transform:scale(1.2)}100%{transform:scale(1)}}#v-done{text-align:center}
.rate{text-align:center}.rate button[data-th]{font-size:26px;background:#1d2230;border:2px solid transparent;border-radius:12px;margin:0 4px;padding:4px 12px}.rate button[aria-pressed=true]{border-color:#3cf2a0}
.rate textarea{margin:10px 0 0}.mini{margin-top:8px;padding:8px 18px;border:0;border-radius:10px;background:#3cf2a0;color:#0d0f14;font:700 15px dm,sans-serif}
.stars{font-size:38px}.stars button{background:none;border:0;color:#ffd166;font-size:38px;padding:0 4px}
.tagline{color:#3cf2a0;font-weight:700;margin:-8px 0 14px}