.reading{inset:0;width:100%;max-width:none;height:100%;max-height:100%;margin:0;padding:0;border:0;background:radial-gradient(ellipse at 5% 30%,#25303966,transparent 48%),#101719;color:#ece6d9;overflow-y:auto;overscroll-behavior:contain;box-shadow:none}
.reading::backdrop{background:#0b1114e8}.reading-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:16px clamp(22px,5vw,80px);background:#101719f5;border-bottom:1px solid #bdad821f}.reading-wordmark{color:#d7c596;text-decoration:none;font-size:17px;letter-spacing:.12em}.reading .quiet{color:#c6bcaa;letter-spacing:.03em;min-height:44px}.reading-layout{max-width:1320px;margin:auto;padding:64px clamp(24px,5vw,80px) 80px;display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.2fr);gap:clamp(40px,6vw,96px)}.reading-aside{position:sticky;top:130px;align-self:start;text-align:center}.reading p{margin:0;color:#bcbdb4}.reading .reading-kicker{font-family:Georgia,serif;font-size:10px;letter-spacing:.3em;color:#baaa80;margin-bottom:17px}.reading h2{font-size:24px;font-weight:400;letter-spacing:.08em;margin:0 0 30px}.reading-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.reading-cards figure{margin:0;min-width:0}.reading-cards img{display:block;width:100%;aspect-ratio:300/527;object-fit:contain;filter:drop-shadow(0 12px 16px #0006);border-radius:2px}.reading-cards img.reversed{transform:rotate(180deg)}.reading-cards figcaption{font-size:14px;margin:14px 0 5px}.reading-cards small{display:block;font-size:11px;color:#ada792}.reading-cards .position{font-size:11px;letter-spacing:.12em;margin:0 0 12px;color:#d5c496}.reading .spread-note{margin-top:26px;font-size:11px;letter-spacing:.16em;color:#8e978e}.reading-seal{font-size:65px;color:#ad996766;margin:44px auto 0;border:1px solid #b49c6226;border-radius:50%;width:112px;height:112px;display:grid;place-items:center}.reading-story{min-width:0;padding-top:2px}.reading h1{font-size:clamp(28px,3vw,40px);line-height:1.5;letter-spacing:.04em;font-weight:400;margin:0 0 26px;text-wrap:pretty}.reading h1:focus{outline:none}.reading label{display:block;font-size:14px;color:#c2bcae;margin-bottom:12px}.reading textarea{display:block;width:100%;resize:vertical;min-height:132px;max-height:260px;font:16px/1.9 Georgia,'Songti SC','STSong',serif;border:1px solid #b8a77750;border-radius:3px;background:#0b111480;color:#f0e6d2;padding:18px;outline-offset:4px}.reading textarea:focus-visible{outline:1px solid #c6b175}.reading textarea::placeholder{color:#89918a}.reading-form-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}.reading-form-foot>span{font-size:11px;color:#8e968c}.reading .gold-button{width:auto;margin:0;font-size:13px;padding:12px 21px}.reading .question-echo{font-size:14px;line-height:1.9;padding:0 0 26px;border-bottom:1px solid #b8a77730;margin-bottom:30px;color:#aeb7ae;overflow-wrap:anywhere}.reading .reading-lead{font-size:18px;line-height:1.95;color:#e3dfcf;margin:0 0 34px}.reading-section{padding:26px 0;border-top:1px solid #b8a77730}.reading-section .section-index{font:11px Georgia,serif;color:#b8a777;margin-right:14px}.reading-section h3{font-size:18px;font-weight:400;margin:0 0 13px;color:#decfaa}.reading-section p{font-size:16px;line-height:1.95;color:#bac2ba;white-space:pre-line;overflow-wrap:anywhere}.reading-next{padding:24px 26px;border-left:2px solid #bca36e;background:#bdaf7610;margin-top:12px}.reading-next h3{font-size:16px;font-weight:400;color:#d8c99d;margin:0 0 13px}.reading-next p{font-size:15px;line-height:1.95;color:#d1d0bf}.reading-next p+p{margin-top:12px}.reading .reading-footnote{margin-top:36px;font-size:11px;line-height:1.9;color:#828d84}.reading-actions{display:flex;align-items:center;gap:22px;border-top:1px solid #b8a77730;margin-top:32px;padding-top:10px;flex-wrap:wrap}.reading-actions span{font-size:12px;color:#b4bfa9}.reading-loading{display:flex;align-items:center;gap:18px;padding:26px 0;min-height:130px}.reading-loading>span{font-size:42px;color:#c1ac79;animation:readingGlow 2s ease-in-out infinite alternate}.reading-loading p{font-size:15px}.reading-loading small{display:block;font-size:12px;color:#8a968a;margin-top:7px}.reading-error{padding:18px 0;font-size:14px;line-height:1.8;color:#e1bba3}.reading-demo-note{font-size:12px;color:#c5b68d;background:#c5b68d12;padding:12px 16px;margin-bottom:26px;border:1px solid #c5b68d33}.reading-image-error{aspect-ratio:300/527;display:grid;place-items:center;border:1px solid #b8a77750;font-size:12px;color:#c9b98e}
@keyframes readingGlow{to{opacity:.4}}
@media(max-width:760px){.reading-bar{padding:10px 20px}.reading-wordmark{font-size:15px}.reading-layout{display:block;padding:30px 24px 46px}.reading-aside{position:static;margin-bottom:34px}.reading-aside>.reading-kicker,.reading-aside>h2,.reading-seal,.reading .spread-note{display:none}.reading-cards{max-width:420px;margin:auto;gap:16px}.reading-cards img{max-height:225px}.reading-cards figcaption{font-size:12px;margin-top:10px}.reading-cards small{font-size:10px}.reading-cards .position{margin-bottom:9px}.reading h1{font-size:28px;margin-bottom:20px}.reading .reading-kicker{font-size:9px;margin-bottom:12px}.reading textarea{font-size:16px;padding:14px}.reading-form-foot{gap:10px}.reading .gold-button{padding:12px 16px}.reading .reading-lead{font-size:17px;line-height:1.95}.reading-section{padding:24px 0}.reading-section p{font-size:16px}.reading-next{padding:20px}.reading .question-echo{font-size:13px;margin-bottom:24px}.reading-loading{gap:10px;flex-wrap:wrap}.reading .reading-footnote{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.reading-loading>span{animation:none}}
/* Antique manuscript requested by the user: readable ink over a real paper asset. */
.reading{background:linear-gradient(#100d0bf0,#17120fee),url('assets/academy-blender-still.jpg') center/cover fixed}
.reading::backdrop{backdrop-filter:none}
.reading-bar{background:#15110df5;border-bottom-color:#d3ba8030}
.reading-layout{max-width:1450px;grid-template-columns:minmax(300px,.8fr) minmax(0,1.3fr);gap:clamp(30px,4vw,64px);padding-top:38px}
.reading-story{position:relative;padding:76px clamp(42px,5vw,78px) 100px;color:#38271e;background:#e9d3a8 url('assets/reading-parchment.jpg') center/100% 100% no-repeat;box-shadow:0 18px 55px #0007;clip-path:polygon(1% 0,98% .3%,100% 3%,99% 22%,100% 45%,99% 68%,100% 96%,98% 100%,1% 99.6%,0 96%,.5% 73%,0 42%,1% 20%)}
.reading-story .reading-kicker{color:#885032}.reading-story h1{color:#622d26;font-size:clamp(27px,2.6vw,37px)}
.reading-story label{color:#644734}.reading-story textarea{color:#38271e;background:#fff6df4d;border-color:#825a3d60;box-shadow:inset 0 2px 5px #6040230b}.reading-story textarea::placeholder{color:#897359}.reading-story textarea:focus-visible{outline-color:#7f4e34}.reading-form-foot>span{color:#816b52}.reading-story .gold-button{background:#643e2d;color:#f3e2bf;border-color:#694530;box-shadow:none}.reading-story .gold-button:hover{background:#80513b}.reading-story .quiet{color:#704732}.reading-story .question-echo{color:#79624b;border-bottom-color:#8e69433a}.reading-story .reading-lead{color:#433122}.reading-section{border-top-color:#8e694340}.reading-section h3{color:#73382b}.reading-section .section-index{color:#916a45}.reading-section p{color:#57432f}.reading-next{background:#9b633611;border-left-color:#8e4c32}.reading-next h3{color:#713b2c}.reading-next p{color:#57402b}.reading-story .reading-footnote{color:#897054}.reading-actions{border-top-color:#8e694340}.reading-actions span{color:#706144}.reading-loading>span{color:#8b5739}.reading-loading p{color:#654b32}.reading-loading small{color:#8b7053}.reading-error{color:#873e2e}.reading-demo-note{color:#82583a;background:#a37b3610;border-color:#966a3a40}.reading-aside{top:130px;padding-top:38px}
@media(max-width:760px){.reading-layout{padding:22px 10px 26px}.reading-aside{padding:0 16px;margin-bottom:24px}.reading-cards{gap:14px;max-width:350px}.reading-cards img{max-height:180px}.reading-story{padding:46px 28px 68px}.reading-story h1{font-size:27px}.reading-story .reading-lead{font-size:17px}.reading-next{padding:18px 16px}.reading-demo-note{font-size:11px;padding:10px 12px}.reading-form-foot{flex-wrap:wrap}.reading-form-foot>span{font-size:10px}.reading .gold-button{font-size:12px}}
/* Nine-slice paper keeps the quill and paper grain in proportion on long readings. */
.reading-story{background:#e9d3a8;background-clip:padding-box;border-style:solid;border-color:transparent;border-width:92px 52px 170px;border-image-source:url('assets/reading-parchment-clean.jpg');border-image-slice:200 100 470 100 fill;border-image-width:92px 52px 170px;border-image-repeat:stretch round;padding:0 20px 0;clip-path:none}
@media(max-width:760px){.reading-story{border-width:64px 24px 120px;border-image-width:64px 24px 120px;padding:0 10px}.reading-story h1{font-size:25px}.reading-story .reading-lead{font-size:16px}}
/* Read as one consultation, with card references retained for screen readers. */
.reading-story .reading-lead,.reading-section p,.reading-next p{font-size:17px;line-height:2;color:#503b2b}
.reading-story .reading-lead{margin-bottom:23px}.reading-section{padding:0;margin:0 0 23px;border:0}.reading-next{padding:0;margin:0;background:none;border:0}.reading-section h3.sr-only,.reading-next h3.sr-only{margin:0}
@media(max-width:760px){.reading-story .reading-lead,.reading-section p,.reading-next p{font-size:16px;line-height:2}}
/* A handwritten letter: local Chinese pen-style face, with no generated headline. */
.reading-story{font-family:'Tarot Handwriting','Kaiti SC','STKaiti','KaiTi',serif;font-weight:400;font-synthesis:none}
.reading-story textarea{font-family:inherit;font-weight:400}
.reading-story .reading-lead,.reading-section p,.reading-next p{font-size:20px;line-height:1.95;letter-spacing:.025em}
.reading-story .question-echo{font-size:19px;line-height:1.85;padding-bottom:22px;margin-bottom:25px;color:#694733}
.reading-story h1.sr-only{margin:0;padding:0;font-size:1px;line-height:1}
.reading-demo-note{font:11px/1.7 system-ui,sans-serif;border:0;background:none;padding:0;color:#8a7054;margin-bottom:22px}
.reading-story .reading-footnote,.reading-story .reading-actions,.reading-form-foot{font-family:system-ui,sans-serif}
@media(max-width:760px){.reading-story .reading-lead,.reading-section p,.reading-next p{font-size:19px;line-height:1.95;letter-spacing:.015em}.reading-story .question-echo{font-size:18px}.reading-story{border-top-width:48px;border-image-width:48px 24px 120px}.reading-demo-note{font-size:10px}}

/* The paper stays still; one transparent quill travels from the resting corner. */
.reading-loading{display:block;padding:0 0 22px;min-height:0}
.quill-message{margin:20px 0 10px;min-height:3.6em;font-family:"Snell Roundhand","Segoe Script","STKaiti",cursive;font-size:clamp(20px,2.2vw,29px);font-weight:300;line-height:1.8;letter-spacing:.04em;color:#765039!important}
.quill-heart{display:inline-block;margin-left:.25em;color:#9a4f43;font-size:1.35em;transform:rotate(-8deg);animation:quillHeart 1.8s ease-in-out infinite}
@keyframes quillHeart{0%,100%{transform:rotate(-8deg) scale(1)}50%{transform:rotate(4deg) scale(1.08)}}
.reading-wait-caption{display:flex;align-items:center;gap:20px;min-height:44px}
.reading-wait-caption p{font-size:14px}
.reading-quill{position:absolute;left:0;top:0;width:76px;height:auto;pointer-events:none;transform-origin:15% 96.8%;filter:drop-shadow(2px 4px 2px #39281725);z-index:1}
.reading-ink{display:inline-block;white-space:pre}
.quill-active .reading-quill{will-change:transform}
.reading-reveal{animation:readingReveal 1s cubic-bezier(.22,.61,.36,1) both}
@keyframes readingReveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.reading-quill{width:58px}}
@media(max-width:760px){.quill-message{font-size:21px;line-height:1.75}}
@media(prefers-reduced-motion:reduce){.reading-quill{transform:none!important}.reading-reveal{animation:none}}