.answer-reaction{display:flex;align-items:center;gap:18px}.reaction-pip{position:relative;display:block;flex-shrink:0;font-size:48px;line-height:1.2}.reaction-pip i{position:absolute;right:-8px;top:-6px;font-style:normal;font-size:22px;color:#b18322}.answer-reaction strong{display:block;font-size:clamp(20px,2.5vw,26px);line-height:1.35}.answer-reaction p{font-size:clamp(17px,2vw,21px);line-height:1.55;margin:8px 0 0}.happy .reaction-pip,.pip-note[data-reaction=happy]>span{animation:pip-high-paw .65s ease-out}.happy .reaction-pip i{animation:pip-twinkle .7s ease-out}.encourage .reaction-pip,.pip-note[data-reaction=encourage]>span{animation:pip-nod .6s ease-out}.encourage .reaction-pip i{color:#a46a52}#helpDialog{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 40px);border:2px solid #d9b553;border-radius:24px;padding:28px;background:#fffdf4;color:#243d3a;box-shadow:0 20px 90px #172e3155;overflow-y:auto;overscroll-behavior:contain}#helpDialog[open]{animation:helper-arrive .18s ease-out}#helpDialog::backdrop{background:#142b36a8;backdrop-filter:blur(3px)}body:has(#helpDialog[open]){overflow:hidden}.help-dialog-header{display:flex;align-items:center;gap:16px}.help-pip{font-size:52px}.help-dialog-header>div{flex:1}.help-dialog-header .eyebrow{font-size:10px;color:#806025;margin:0 0 8px}.help-dialog-header h2{font-size:clamp(23px,4vw,30px);margin:0;line-height:1.2}.close-help{width:44px;height:44px;flex-shrink:0;border:1px solid #dbd7c1;border-radius:50%;background:#f6f0dc;font-size:29px;color:#4a5b44;cursor:pointer}.help-question{text-align:center;font-size:32px;font-weight:bold;margin:24px 0 8px}.help-tip{background:#ffedb2;border:2px solid #d8b34b;border-radius:16px;padding:20px;text-align:center;margin:22px 0}.help-tip strong{font-size:21px}.help-tip p{font-size:19px;line-height:1.6;margin:10px 0 0}.counting-sum{display:inline-block;font-size:clamp(21px,3vw,27px);font-weight:700;margin-top:10px;overflow-wrap:anywhere}.help-return{display:block;width:100%;min-height:60px;font-size:21px;font-weight:700;padding:17px;border-radius:13px}.close-help:focus-visible,.help-return:focus-visible{outline:3px solid #46784c;outline-offset:3px}#helpTitle:focus{outline:none}#helpDialog .groups{margin-top:18px}#helpDialog .group-caption{font-size:16px}@keyframes pip-high-paw{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-9px) rotate(-10deg)}65%{transform:rotate(7deg)}}@keyframes pip-twinkle{0%{opacity:0;transform:scale(.4)}50%{opacity:1;transform:scale(1.2)}100%{opacity:1;transform:scale(1)}}@keyframes pip-nod{0%,100%{transform:rotate(0)}40%{transform:rotate(8deg)}70%{transform:rotate(-3deg)}}@keyframes helper-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){#helpDialog{padding:22px 18px;border-radius:20px}.help-dialog-header{gap:10px}.help-pip{font-size:42px}.help-dialog-header .eyebrow{font-size:8px}.help-dialog-header h2{font-size:23px}.answer-reaction{align-items:flex-start;gap:12px}.reaction-pip{font-size:37px}.help-tip{padding:18px 12px}}@media(prefers-reduced-motion:reduce){.happy .reaction-pip,.happy .reaction-pip i,.encourage .reaction-pip,.pip-note[data-reaction]>span,#helpDialog[open]{animation:none}#helpDialog::backdrop{backdrop-filter:none}}