.bookStage{background:linear-gradient(#fffffffa,#f8fafcf5),radial-gradient(580px 280px at 50% 18%,#1428a00d,#0000 62%),radial-gradient(220px 140px at 14% 72%,#0f172a0a,#0000 60%),radial-gradient(220px 140px at 86% 72%,#0f172a0a,#0000 60%);border:1px solid #e5eaf2;border-radius:24px;width:100%;max-width:960px;height:420px;margin:0 auto;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 24px 64px #0f172a1a,0 8px 20px #0f172a0d,inset 0 1px #fffc}.bookStage:before{content:"";opacity:.22;pointer-events:none;background:radial-gradient(circle at 18% 26%,#ffffffb8,#0000 36%),radial-gradient(circle at 70% 20%,#ffffff80,#0000 42%),radial-gradient(circle at 58% 70%,#ffffff52,#0000 45%);position:absolute;inset:-40%;transform:rotate(8deg)}.bookStage:after{content:"";pointer-events:none;border-radius:24px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 -24px 48px #0f172a0a}.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:radial-gradient(circle at 50% 60%,#fffffff2,#fff0 58%),linear-gradient(115deg,#0000 0%,#ffffff59 45%,#0000 70%);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{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffffeb,#ffffffd1),radial-gradient(220px 120px at 12% 26%,#1428a00a,#0000 60%);border:1px solid #0f172a1a;border-radius:20px;width:min(580px,92%);padding:20px 22px;box-shadow:0 20px 46px #0f172a24,inset 0 1px #ffffffbf}.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:linear-gradient(#fffffff0,#eff6ffd1),radial-gradient(220px 120px at 12% 26%,#3b82f614,#0000 60%);border-color:#3b82f638}.tone-push{background:linear-gradient(#fffffff0,#fff7edd6),radial-gradient(220px 120px at 12% 26%,#f9731614,#0000 60%);border-color:#f9731638}.tone-warm{background:linear-gradient(#fffffff0,#fdf2f8d6),radial-gradient(220px 120px at 12% 26%,#ec489914,#0000 60%);border-color:#ec489933}.tone-calm{background:linear-gradient(#fffffff0,#ecfdf5d6),radial-gradient(220px 120px at 12% 26%,#10b98114,#0000 60%);border-color:#10b98133}.answerBadge{border:1px solid #d5dde8;border-radius:9999px;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:18px;width:min(96%,580px);padding:16px 18px}.answerLine{font-size:14px}}@media (max-width:640px){.bookStage{border-radius:20px;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}}