.answer-tool{max-width:760px;margin:2rem auto 3rem}.answer-controls{border:0;min-width:0;margin:0;padding:0}.answer-question{gap:.6rem;font-size:.85rem;font-weight:600;display:grid}.answer-question input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:50px;color:var(--ink);font:inherit;border-radius:.6rem;padding:.85rem 1rem;font-weight:400}.answer-modes{border:1px solid var(--line);background:var(--surface-muted);border-radius:.75rem;justify-content:center;gap:.4rem;max-width:460px;margin:1.3rem auto .75rem;padding:.4rem;display:flex}.answer-modes button{min-height:46px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.5rem;flex:1;padding:.6rem .8rem;font-size:.85rem}.answer-modes button[aria-pressed=true]{background:var(--surface);border-color:var(--line);font-weight:700;box-shadow:0 2px 5px #0001}.answer-probability,.answer-rule{text-align:center;color:var(--muted);font-size:.8rem;line-height:1.6}.answer-stage{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:1.1rem;place-items:center;min-height:270px;margin:1.4rem 0;padding:2rem;display:grid;overflow:hidden}.answer-stage p{overflow-wrap:anywhere;max-width:520px;margin:.75rem auto;font-size:.95rem;line-height:1.5}.answer-stage h2{letter-spacing:-.03em;margin:.6rem 0;font-size:1.7rem}.answer-placeholder{background:var(--surface-muted);width:72px;height:72px;color:var(--muted);border-radius:50%;place-items:center;font-size:2.8rem;display:inline-grid}.answer-empty p{color:var(--muted)}.answer-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;display:block}.answer-reveal strong{letter-spacing:-.06em;font-size:clamp(3.5rem,10vw,6rem);font-weight:800;line-height:1.15;display:block}.answer-mark{border:1px solid;border-radius:50%;place-items:center;width:34px;height:34px;margin-top:.8rem;font-size:1.2rem;display:inline-grid}.answer-0{color:#294d1d;background:#e5f4d3;border-color:#c1dda4}.answer-1{color:#822e30;background:#fae6e5;border-color:#ebc1bd}.answer-2{color:#695019;background:#fbf0d6;border-color:#e6d4a6}.answer-reveal{animation:.22s cubic-bezier(.16,1,.3,1) answer-arrive}.answer-draw{justify-content:space-between;align-items:center;width:min(100%,360px);min-height:54px;margin:0 auto;font-size:1rem;display:flex}.answer-draw span{font-size:1.5rem}.answer-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;margin:1rem 0;display:flex}.answer-actions .button{font-size:.8rem}.answer-rule{margin-top:1rem}.answer-tool button:disabled{opacity:.45;cursor:default}.answer-feedback{min-height:1.4rem;font-size:.85rem}.answer-manual{gap:.5rem;font-size:.8rem;display:grid}.answer-manual textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);font:inherit;resize:vertical;border-radius:.5rem;padding:.75rem}.answer-manual small,.answer-storage{color:var(--muted);font-size:.75rem;line-height:1.6}.answer-history{border-top:1px solid var(--line);margin-top:1rem}.answer-history summary{cursor:pointer;min-height:44px;padding:.8rem 0;font-size:.85rem;font-weight:600}.answer-counts{gap:.6rem;display:flex}.answer-counts span{border:1px solid var(--line);text-align:center;border-radius:.5rem;flex:1;padding:.7rem;font-size:.8rem}.answer-counts b{margin-top:.25rem;font-size:1.2rem;display:block}.answer-history ol{max-height:300px;padding:0;list-style:none;overflow:auto}.answer-history li{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.7rem .2rem;font-size:.85rem;display:flex}.answer-history li span{overflow-wrap:anywhere;min-width:0}.answer-history li strong{flex-shrink:0}.answer-text-button{min-width:44px;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:.5rem;font-size:.8rem;text-decoration:underline}.answer-storage .answer-text-button{display:block}@keyframes answer-arrive{0%{opacity:0;transform:translateY(7px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.answer-reveal{animation:none}}@media (max-width:600px){.answer-tool{margin-top:1.5rem}.answer-stage{min-height:290px;padding:1.25rem}.answer-actions .button{flex:1}.answer-modes button{padding:.6rem;font-size:.8rem}.answer-stage h2{font-size:1.45rem}}
