.answerbookShell{background:radial-gradient(900px 500px at 15% 10%,#0000000f,#0000 60%),radial-gradient(700px 420px at 85% 15%,#0000000d,#0000 55%),radial-gradient(680px 520px at 60% 90%,#0000000d,#0000 55%);border-radius:28px;padding:18px}.answerbookHero{background:linear-gradient(#ffffffdb,#ffffffbd),radial-gradient(220px 120px at 10% 30%,#0000000d,#0000 60%),radial-gradient(180px 120px at 92% 25%,#0000000a,#0000 60%);border:1px solid #0000001a;border-radius:26px;margin-top:10px;padding:18px 18px 16px;box-shadow:0 18px 50px #0000001a,inset 0 1px #ffffffa6}.answerbookTitle{letter-spacing:-.03em}.answerbookSub{margin-top:6px;line-height:1.6}.bookStage{background:linear-gradient(#fffffff0,#ffffffd1),radial-gradient(600px 320px at 50% 30%,#0000000f,#0000 62%),radial-gradient(260px 140px at 15% 70%,#0000000a,#0000 62%),radial-gradient(260px 140px at 85% 70%,#0000000a,#0000 62%);border:1px solid #0000001f;border-radius:26px;width:100%;max-width:860px;height:380px;margin:0 auto;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 26px 70px #0000001f,0 10px 24px #0000000f,inset 0 1px #ffffffb3}.bookStage:before{content:"";opacity:.22;pointer-events:none;background:radial-gradient(circle at 20% 30%,#ffffffa6,#0000 38%),radial-gradient(circle at 70% 25%,#ffffff80,#0000 42%),radial-gradient(circle at 55% 70%,#ffffff59,#0000 45%);position:absolute;inset:-40%;transform:rotate(10deg)}.bookStage:after{content:"";pointer-events:none;border-radius:26px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 -30px 60px #0000000d}.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:.6;transform:scale(1.1)rotate(-6deg)}to{opacity:0;transform:scale(1.25)rotate(-2deg)}}.answerOverlay{opacity:0;pointer-events:none;place-items:center;padding:22px;transition:opacity .3s,transform .3s;display:grid;position:absolute;inset:0 0 20%;transform:translateY(10px)}.answerOverlay.show{opacity:1;transform:translateY(0)}.answerCard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#fffc,#ffffffa8),radial-gradient(220px 120px at 15% 30%,#0000000a,#0000 60%);border:1px solid #0000002e;border-radius:22px;width:min(560px,92%);padding:18px 20px;box-shadow:0 18px 46px #00000029,inset 0 1px #ffffffa6}.answerTitle{letter-spacing:-.03em;color:#111;font-size:17px;font-weight:900}.answerLine{color:#000000db;margin-top:12px;font-size:15px;font-weight:800;line-height:1.75}.answerHint{color:#0000009e;border-top:1px dashed #0000002e;margin-top:14px;padding-top:12px;font-size:12px;line-height:1.6}.answerBadge{color:#000000b3;background:#ffffffb3;border:1px solid #0003;border-radius:9999px;padding:2px 10px;font-size:11px;box-shadow:0 6px 16px #00000014}@media (max-width:640px){.answerbookShell{padding:12px}.answerbookHero{padding:14px}.bookStage{border-radius:22px;height:320px}.answerOverlay{padding:14px;inset:0 0 22%}.answerCard{border-radius:18px;padding:14px}.answerLine{font-size:14px}}