/* RESULT */
.result{position:fixed;inset:0;z-index:110;background:rgba(10,23,35,.55);backdrop-filter:blur(8px);display:none;align-items:end;justify-content:center}
.result.open{display:flex}
.rc{background:var(--ink);width:min(540px,100%);border-radius:28px 28px 0 0;padding:26px 22px 30px;animation:up .5s cubic-bezier(.2,.9,.25,1);border-top:6px solid var(--gc,#4AB0EC)}
@keyframes up{from{transform:translateY(100%)}}
.rc h2{font-size:34px}
.stats{display:flex;gap:10px;margin:16px 0}
.stat{flex:1;background:var(--ink2);border-radius:16px;padding:14px;text-align:center}
.stat b{display:block;font-family:Fraunces,serif;font-size:26px;font-weight:500}
.stat span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pure{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;background:var(--gc,#4AB0EC);color:var(--ink);padding:5px 10px;border-radius:20px;margin-top:6px}
.reacts{display:flex;gap:8px;margin:6px 0 18px;flex-wrap:wrap}
.reacts button{padding:8px 12px;border-radius:30px;border:1px solid var(--line);font-size:15px}
.reacts button.on{background:var(--paper);color:var(--ink)}
.reacts small{font-size:12px;margin-left:4px;opacity:.7}
.rc .q{font-size:13px;color:var(--muted);margin-bottom:6px}
.rc .act{display:flex;gap:10px;flex-wrap:wrap}
