.sa-bubbles{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.sa-after,.sa-bubble{opacity:0;animation:sa-in .55s ease forwards}.sa-after{gap:16px}.sa-after,.sa-picked{display:flex;flex-direction:column}.sa-picked{align-items:flex-end;gap:8px}.sa-picked .pp-answer{max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;font:inherit}.sa-lines{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:180px;justify-content:flex-end}.sa-progress{height:3px;background:#ffffff26;border-radius:3px;overflow:hidden}.sa-progress span{display:block;height:100%;width:100%;background:#ecd2a4;transform-origin:left;animation:sa-bar 9s ease-out forwards}.sa-progress span.is-done{animation:none;transform:none}.sa-front{display:flex;flex-direction:column;gap:18px;padding-top:12px}.sa-front .ex-art-card{margin-bottom:0;animation:sa-rise .7s ease both}.sa-flip{animation:sa-flip .6s ease both;transform-origin:50% 0}.sa-page-no{letter-spacing:.12em;margin:4px 0 14px}.sa-mode,.sa-page-no{display:block;color:#ecd2a4;font-size:12px}.sa-mode{letter-spacing:.1em;margin:14px 0 0}.sa-meta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 16px}.sa-meta span{border:1px solid #ffffff33;border-radius:999px;padding:4px 12px;font-size:13px}.sa-result blockquote{margin:0 0 8px;padding-left:14px;border-left:2px solid #ecd2a4;opacity:.9}@keyframes sa-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes sa-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes sa-flip{0%{opacity:0;transform:perspective(900px) rotateY(-80deg)}to{opacity:1;transform:none}}@keyframes sa-bar{0%{transform:scaleX(0)}to{transform:scaleX(.95)}}@media(prefers-reduced-motion:reduce){.sa-after,.sa-bubble,.sa-flip,.sa-front .ex-art-card{animation:none;opacity:1;transform:none}.sa-progress span{animation:none;transform:scaleX(.6)}.sa-progress span.is-done{transform:none}}.sa-result,.sa-result.pp-result{width:100%}