.bookStage{width:100%;height:420px;box-shadow:none;background:#f8fafc;border:1px solid #e5eaf2;border-radius:6px;margin:0 auto;position:relative;overflow:hidden;transform:translateZ(0)}.bookStage:before{content:"";opacity:.22;pointer-events:none;background:#f8fafc;position:absolute;inset:-40%;transform:rotate(8deg)}.bookStage:after{content:"";pointer-events:none;box-shadow:none;border-radius:6px;position:absolute;inset:0}.imgFit{object-fit:cover;object-position:center}.closedBook,.openBook{background:0 0;position:absolute;inset:0}.closed .closedBook{opacity:1;transform:scale(1)}.closed .openBook{opacity:0;pointer-events:none;transform:scale(.985)}.open .closedBook{animation:.6s cubic-bezier(.2,.8,.2,1) forwards closedFade}.open .openBook{opacity:1;animation:.95s cubic-bezier(.2,.8,.2,1) forwards openPop}.spark{opacity:0;pointer-events:none;background:#f8fafc;position:absolute;inset:-40%;transform:scale(.55)rotate(-12deg)}.open .spark{animation:.95s cubic-bezier(.2,.8,.2,1) forwards spark}@keyframes closedFade{0%{opacity:1;filter:blur();transform:scale(1)rotate(-.2deg)}to{opacity:0;filter:blur(2px);transform:scale(.98)rotate(-1.2deg)}}@keyframes openPop{0%{opacity:0;transform:perspective(1200px)rotateX(14deg)scale(.97)}55%{opacity:1;transform:perspective(1200px)rotateX(0)scale(1.015)}to{opacity:1;transform:perspective(1200px)rotateX(0)scale(1)}}@keyframes spark{0%{opacity:0;transform:scale(.55)rotate(-12deg)}45%{opacity:.55;transform:scale(1.08)rotate(-6deg)}to{opacity:0;transform:scale(1.22)rotate(-2deg)}}.answerOverlay{opacity:0;pointer-events:none;place-items:center;padding:24px;transition:opacity .3s,transform .3s;display:grid;position:absolute;inset:0 0 18%;transform:translateY(10px)}.answerOverlay.show{opacity:1;transform:translateY(0)}.answerCard{width:min(580px,92%);box-shadow:none;background:#f8fafc;border:1px solid #0f172a1a;border-radius:6px;padding:20px 22px}.answerTitle{letter-spacing:-.03em;color:#0f172a;font-size:18px;font-weight:800}.answerLine{color:#0f172ae0;letter-spacing:-.01em;margin-top:12px;font-size:15px;font-weight:700;line-height:1.85}.answerHint{color:#475569eb;border-top:1px dashed #94a3b880;margin-top:14px;padding-top:12px;font-size:12px;line-height:1.7}.tone-logic{background:#f8fafc;border-color:#3b82f638}.tone-push{background:#f8fafc;border-color:#f9731638}.tone-warm{background:#f8fafc;border-color:#ec489933}.tone-calm{background:#f8fafc;border-color:#10b98133}.answerBadge{border:1px solid #d5dde8;border-radius:6px;justify-content:center;align-items:center;min-height:30px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.answerBadge-neutral{color:#64748b;background:#f8fafc}.answerBadge.tone-logic{color:#1d4ed8;background:#eef4ff;border-color:#d7e5ff}.answerBadge.tone-push{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.answerBadge.tone-warm{color:#be185d;background:#fdf2f8;border-color:#fbcfe8}.answerBadge.tone-calm{color:#047857;background:#ecfdf5;border-color:#bbf7d0}@media (max-width:768px){.bookStage{height:360px}.answerOverlay{padding:16px;inset:0 0 20%}.answerCard{border-radius:6px;width:min(96%,580px);padding:16px 18px}.answerLine{font-size:14px}}@media (max-width:640px){.bookStage{border-radius:6px;height:320px}.answerOverlay{padding:14px;inset:0 0 22%}.answerCard{padding:14px 16px}.answerTitle{font-size:16px}.answerLine{font-size:13px;line-height:1.75}.answerHint{font-size:11px}}.bookStage:before,.bookStage:after,.spark{display:none}.answerCard{background:#fff}@media (prefers-reduced-motion:reduce){.open .closedBook{opacity:0;animation:none}.open .openBook{opacity:1;animation:none}.answerOverlay{transition:none}}