:root{--bg1: #ffe3ec;--bg2: #e6e0ff;--ink: #3b2a5a;--muted: #7a6c93;--pri: #ff6b9d;--pri2: #8f7bff;--ok: #2fbf71;--no: #ff5a5f;--card: rgba(255, 255, 255, .92);--radius: 22px;font-family:Nunito,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(160deg,var(--bg1),var(--bg2)) fixed;padding:0 14px 40px}main{max-width:480px;margin:0 auto}header.top{max-width:480px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 2px}.brand{font-weight:800;font-size:18px;color:var(--ink);text-decoration:none}.top-right{display:flex;gap:8px;align-items:center}.lang,.icon-btn{border:0;background:var(--card);border-radius:999px;padding:6px 12px;font:inherit;color:var(--ink);cursor:pointer}.card{background:var(--card);border-radius:var(--radius);padding:22px 20px;margin:0 0 16px;box-shadow:0 10px 30px #50328c1f}.card.warn{border:2px dashed #ffb347}.center{text-align:center}.pop{animation:pop .35s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{0%{transform:scale(.94) translateY(8px);opacity:0}}h1{font-size:26px;margin:6px 0 8px}h2{font-size:20px;margin:6px 0 12px}h3{margin:0 0 12px}.muted{color:var(--muted)}.kicker{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;color:var(--pri);margin:0}.footnote{text-align:center;font-size:12px;color:var(--muted);padding:0 10px}.hero{text-align:center}.hero-emoji,.q-emoji{font-size:64px;line-height:1.1;text-align:center}.q-emoji{font-size:52px;margin-top:8px}.q{text-align:center}.btn{border:0;border-radius:999px;padding:12px 20px;font:inherit;font-weight:800;color:#fff;background:linear-gradient(90deg,var(--pri),var(--pri2));cursor:pointer;transition:transform .1s}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5}.btn.big{font-size:18px;padding:15px 28px;margin-top:10px}.btn.small{padding:7px 12px;font-size:14px}.btn.ghost{background:#f3eefc;color:var(--ink)}.btn.danger{background:#ffe1e3;color:var(--no)}.btn.wide{width:100%;margin-top:10px}.row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}.tools{margin-top:16px}.field{display:block;margin:0 0 14px;text-align:left}.field span{display:block;font-weight:800;margin-bottom:6px}.text,.link{width:100%;font:inherit;padding:12px 14px;border-radius:14px;border:2px solid #eadff7;background:#fff;color:var(--ink);margin:6px 0}.text:focus,.link:focus{outline:none;border-color:var(--pri2)}.link{font-size:14px;text-align:center}.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opt{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;border-radius:18px;border:2px solid #eadff7;background:#fff;font:inherit;font-weight:700;color:var(--ink);cursor:pointer;min-height:104px;transition:transform .12s,border-color .12s,background .12s}.opt:hover{border-color:var(--pri2)}.opt.chosen{border-color:var(--pri);background:#fff0f5;transform:scale(1.04)}.opt-emoji{font-size:34px}.opt-edit{display:flex;align-items:center;gap:8px;grid-column:span 2}.opt-edit .opt-emoji{font-size:26px}.progress{position:relative;height:22px;border-radius:999px;background:#f3eefc;overflow:hidden;margin-bottom:10px}.progress .bar{height:100%;background:linear-gradient(90deg,var(--pri),var(--pri2));transition:width .3s}.progress span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:12px;font-weight:800}.share .qr{display:block;margin:16px auto 0;border-radius:12px}.ring{--p: 0;width:150px;height:150px;margin:12px auto;border-radius:50%;background:conic-gradient(var(--pri) calc(var(--p) * 1%),#f3eefc 0);display:grid;place-items:center;animation:pop .6s cubic-bezier(.2,1.4,.4,1)}.ring span{width:118px;height:118px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:30px;font-weight:900}.review{padding-left:20px;margin:0}.review li{margin:0 0 10px}.review .rq{font-weight:700}.review .ra{font-size:14px}.board,.list{list-style:none;padding:0;margin:0}.board li,.list li{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid #f1eaf9}.board li.me{background:#fff0f5;border-radius:10px}.medal{width:28px;text-align:center}.grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.answer{border-bottom:1px solid #f1eaf9;padding:8px 0}.answer summary{display:flex;gap:10px;align-items:center;cursor:pointer;list-style:none}.answer summary small{font-size:11px}.answer .review{margin:10px 0;font-size:14px}.spinner{width:36px;height:36px;margin:10px auto;border-radius:50%;border:4px solid #eadff7;border-top-color:var(--pri);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;z-index:10;transition:opacity .4s}.toast.out{opacity:0}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9}@media(prefers-reduced-motion:reduce){.pop,.ring{animation:none}}