/* The free reading is a small illustrated book, with one chapter visible at a time. */
.reading-journal{--journal-gold:#d8b784;--journal-light:#eee0cd;max-width:1120px;padding:36px 28px 65px}
.journal-hero{isolation:isolate;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:30px 32px;border:1px solid #c4a16b3d;border-radius:18px;background:radial-gradient(ellipse at 20% 80%,#62395730,transparent 70%),#1d1423cc;overflow:hidden;box-shadow:0 24px 70px #08040d40}
.journal-welcome{position:relative;z-index:1;min-width:0}.journal-welcome .eyebrow{font-size:9px;letter-spacing:2.7px;color:#c1a481;margin:0 0 15px}.journal-seal{display:inline-flex;align-items:center;gap:8px;border:1px solid #cda47450;border-radius:50px;padding:6px 12px;color:#e2c293;background:#e4b36c0b;font-size:11px;margin:0 0 15px}.journal-seal span{font-size:13px}
.journal-welcome h1{font-weight:500;color:#f3dfc7;font-size:clamp(25px,3vw,35px);letter-spacing:-1.1px;line-height:1.45;text-wrap:balance;margin:0 0 14px}.journal-question{font-size:12px;line-height:1.9;color:#c7b4c1;word-break:keep-all;overflow-wrap:anywhere;margin:0;max-width:420px}
.journal-mini-spread{display:flex;align-items:flex-start;justify-content:center;gap:18px;max-width:280px;margin:25px 0 15px}.journal-mini-spread button{padding:0;flex:1;min-width:0;transition:transform .25s;background:none;cursor:pointer}.journal-mini-spread img{width:100%;height:auto;aspect-ratio:3/5;border:1px solid #d9b07891;border-radius:4px;box-shadow:0 8px 18px #0006}.journal-mini-spread button:hover{transform:translateY(-7px)}.journal-mini-spread span{display:block;font-size:11px;color:#d8bc9c;margin-top:7px;text-align:center}.journal-guide{display:flex;align-items:center;gap:8px;font-size:10px;color:#af98a9;margin:18px 0 0}.journal-guide img{width:25px;height:25px;border-radius:50%;object-fit:cover;object-position:top}
.journal-hero .reader-result-scene{position:relative;z-index:1;width:100%;border-color:#dfb58445}.journal-hero .reader-result-art img{aspect-ratio:4/3;object-fit:cover;object-position:center}.journal-hero .reader-result-scene figcaption{padding:15px 18px}.journal-hero .result-art-quote{font-size:12px}.journal-hero .result-art-switch{margin-top:10px}
.reading-journal[data-lustre=golden]{--journal-gold:#f3ca79}.reading-journal[data-lustre=golden] .journal-hero{border-color:#e5b34d9c;background:radial-gradient(ellipse at 10% 10%,#ba7d3138,transparent 65%),#201722;box-shadow:0 0 55px #d1993022,0 20px 60px #07030b55}.reading-journal[data-lustre=golden] .journal-seal{background:linear-gradient(120deg,#62441f,#281b26);color:#ffe2a6;border-color:#e7bc71}.reading-journal[data-lustre=golden] .journal-welcome h1{background:linear-gradient(100deg,#dba762,#fff2c8 45%,#e8b56d);background-clip:text;color:transparent}.reading-journal[data-lustre=radiant] .journal-hero{border-color:#d7bc9770;background:radial-gradient(ellipse at 15% 20%,#a481b12b,transparent 70%),#211626}
.journal-book{position:relative;margin:26px 0 0;border:1px solid #c4a16b42;border-radius:14px;background:linear-gradient(140deg,#281e2ef5,#1d1524fa);overflow:hidden;box-shadow:0 14px 50px #0c061b2b;scroll-margin-top:20px}.journal-book-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 28px 12px;color:#b89b7c;font-size:9px;letter-spacing:2.5px}.journal-book-heading span:last-child{font:13px Georgia,serif;letter-spacing:2px;color:var(--journal-gold)}
.journal-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 22px;border-bottom:1px solid #c4a16b30;gap:5px}.journal-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;font:inherit;font-size:12px;cursor:pointer;color:#ad98ae;border:0;border-bottom:2px solid transparent;padding:15px 5px;background:none}.journal-tabs button span{font:12px Georgia,serif;color:#9f7f68}.journal-tabs button[aria-selected=true]{color:#ffe0ad;border-color:#dfb87c;background:linear-gradient(0deg,#d8ab6516,transparent)}.journal-tabs button[aria-selected=true] span{color:#eac795}.journal-tabs button:hover{color:#f3d8b7}
.journal-pages{padding:28px 34px}.journal-panel[hidden]{display:none!important}.journal-panel{animation:journal-page-in .5s ease both;outline:none}.journal-panel:focus-visible{outline:1px solid #dfb777;outline-offset:10px;border-radius:3px}.journal-panel>.micro-label,.journal-card-copy>.micro-label{color:#c4a57e;font-size:10px;letter-spacing:1px;line-height:1.7;margin:0 0 10px}.journal-panel h2{font-size:24px;font-weight:500;line-height:1.6;letter-spacing:-.5px;color:#f0d8b7;margin:0 0 15px;text-wrap:balance}.journal-panel p{font-size:13px;line-height:1.9;color:#cdbccc;word-break:keep-all;overflow-wrap:anywhere}.journal-panel .journal-answer{font-size:15px;line-height:1.95;color:#e2d2df;max-width:850px}.journal-focus{border-left:2px solid #997290;padding-left:15px;margin-top:14px}.journal-first-step{padding:19px 23px;margin:24px 0 18px;border:1px solid #c8a27135;background:linear-gradient(105deg,#d6a6610e,transparent);border-radius:9px}.journal-first-step>span{display:flex;align-items:center;gap:8px;color:#dabb8e;font-size:10px}.journal-first-step h3{font-size:16px;font-weight:500;color:#eed8bb;margin:10px 0 5px}.journal-first-step p{margin:0}.journal-panel .reading-reasons{margin:16px 0 0}.journal-panel .reading-reasons summary,.journal-symbols summary{font-size:12px;color:#c9b091;cursor:pointer;padding:8px 0}.journal-panel .journal-caption{font-size:10px;color:#aa95a3;margin-top:15px}
.journal-card-story{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;align-items:center;min-height:390px}.journal-card-art{position:relative;isolation:isolate;margin:0;text-align:center;padding:15px 5px}.journal-card-art>img{position:relative;width:172px;max-width:100%;height:auto;aspect-ratio:3/5;object-fit:contain;box-shadow:0 15px 40px #0008;border:1px solid #d3b08280;border-radius:7px}.journal-card-halo{position:absolute;z-index:-1;inset:15% -12% 12%;background:radial-gradient(ellipse,#cda05a24,transparent 67%);border:1px solid #cfa26f24;border-radius:50%;transform:rotate(-20deg)}.journal-card-halo:after{content:'';position:absolute;inset:15px;border:1px dashed #d2af7c40;border-radius:50%}.journal-card-art figcaption{font-size:19px;color:#e8cba5;margin-top:18px}.journal-card-art small{display:block;font-size:10px;color:#af99aa;margin-top:7px}.journal-card-copy h2{font-size:23px}.journal-card-copy .note-advice{background:#d8aa6810;padding:15px 18px;border-radius:0 6px 6px 0}.journal-card-copy .note-advice p{font-size:13px;margin:6px 0 0}.journal-symbols{margin:18px 0 0;border-top:1px solid #c6a17626;padding-top:5px}.journal-symbols p{font-size:12px;margin:8px 0 0}.journal-symbols blockquote{font-size:14px;line-height:1.9;color:#e7d2bd;padding:12px 20px;margin:12px 0;border-left:2px solid #b99870}
.journal-steps{display:grid;gap:18px;list-style:none;margin:24px 0;padding:0}.journal-steps li{display:flex;gap:18px;align-items:flex-start}.journal-steps li>span{font:italic 22px Georgia,serif;color:#cbaa79;line-height:1.3}.journal-steps h3{font-size:15px;color:#ead6ba;margin:0 0 5px;font-weight:500}.journal-steps p{margin:0}.journal-branches{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 0}.journal-branches>div{padding:15px 18px;border:1px solid #a29d8042;border-radius:7px;background:#6c8b7110}.journal-branches>div:last-child{border-color:#b0808147;background:#9a6b7610}.journal-branches h3{color:#d5c8a6;font-size:12px;margin:0 0 6px}.journal-branches>div:last-child h3{color:#deb9bd}.journal-branches p{font-size:12px;margin:0}.journal-avoid strong{display:block;color:#bc9fac;font-size:10px;margin-bottom:3px}.journal-panel .journal-avoid{font-size:11px;margin-top:17px}
.journal-pagination{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-top:1px solid #c4a16b25;gap:15px;background:#140e1e50}.journal-pagination button{display:inline-flex;align-items:center;gap:9px;padding:9px 0;font-size:12px;color:#e2c398;cursor:pointer;background:none}.journal-pagination button:disabled{opacity:.3;cursor:default}.journal-pagination>span{font-size:10px;color:#9b849a}.journal-pagination .ui-icon{width:17px;height:17px}
.journal-afterword{margin:18px 4px 0}.journal-extra{border-bottom:1px solid #c4a16b24}.journal-extra>summary{display:flex;align-items:center;gap:9px;color:#c7b1bc;font-size:12px;line-height:1.7;list-style:none;cursor:pointer;padding:17px 2px}.journal-extra>summary::-webkit-details-marker{display:none}.journal-extra>summary:after{content:'+';margin-left:auto;font-size:18px;font-weight:300;color:#c5a47e}.journal-extra[open]>summary:after{content:'−'}.journal-extra>summary>.ui-icon{width:17px;height:17px;color:#cfb085}.journal-extra>div{padding:4px 18px 18px}.journal-extra>div>p{font-size:13px;line-height:1.9;color:#c4b2c3;margin:10px 0}.journal-extra h2{font-size:20px;color:#e5ceb2;font-weight:500}.journal-extra blockquote{font-size:15px;line-height:1.8;margin:20px 0;color:#e3c398}.journal-afterword .reading-actions{margin:25px 0 12px}.journal-afterword .storage-note{font-size:10px;line-height:1.8;color:#a58b9c}.journal-deeper{border:1px solid #bd935848;background:linear-gradient(110deg,#9261391b,#6e456c14);border-radius:9px;padding:0 15px;margin:20px 0 8px}.journal-deeper summary{color:#ecd2b1}.journal-deeper summary>span{margin-left:auto;border:1px solid #d9b17a40;border-radius:30px;padding:3px 9px;font-size:9px;color:#c9a578}.journal-deeper summary:after{margin-left:3px}.journal-deeper .premium-note{margin:0}.journal-feedback>summary,.journal-about>summary{font-size:10px;color:#aa92a3}.journal-feedback .feedback-buttons{flex-wrap:wrap}.reading-journal button:focus-visible,.journal-extra>summary:focus-visible,.journal-symbols>summary:focus-visible{outline:2px solid #edc892;outline-offset:4px}.reading-journal.reading-short .note-context{display:block}
/* The chosen guide speaks inside each chapter, not only in the hero portrait. */
.journal-speaker{display:flex;align-items:flex-start;gap:14px;margin:0 0 23px;padding:0 0 21px;border-bottom:1px solid #bfa08530}.journal-speaker-avatar{display:block;flex:none;width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid #dfb88280;box-shadow:0 3px 16px #08050c55}.journal-speaker-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.8);transform-origin:50% 12%}.journal-speaker>div{min-width:0;flex:1}.journal-panel .journal-speaker-name{display:flex;align-items:center;gap:10px;margin:0 0 7px;color:#f0d4ac;font-size:13px;font-weight:600}.journal-speaker-name>span{font-size:10px;font-weight:400;color:#ae94aa}.journal-panel .journal-spoken{position:relative;margin:0;padding:13px 17px;border-radius:0 13px 13px 13px;background:linear-gradient(115deg,#cfaa7d16,#af85b30b);border:1px solid #cfad802b;color:#eadbe5;font-size:15px;line-height:1.85}.journal-panel .journal-topic{margin:0 0 25px;font-size:12px}.journal-panel .journal-answer-intro{font-size:13px;color:#ccadb9;margin:0 0 9px}.journal-panel .journal-card-lens{color:#d0b69b;margin:0 0 12px;font-size:13px}.journal-farewell{border-top:1px solid #bfa08530;padding-top:18px;margin-top:25px}.journal-farewell>span{display:block;color:#b69bb0;font-size:11px;margin-top:18px}.journal-farewell>blockquote{color:#efd1b4;font-size:17px;line-height:1.85;margin:8px 0 0;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:760px){.journal-speaker{gap:10px;margin-bottom:20px;padding-bottom:18px}.journal-speaker-avatar{width:39px;height:39px}.journal-panel .journal-spoken{padding:11px 13px;font-size:13px}.journal-panel .journal-speaker-name{font-size:12px;gap:8px}.journal-speaker-name>span{font-size:9px}.journal-farewell>blockquote{font-size:15px}}
/* Shared gold reveal: long, smooth movement rather than flashes. */
.reading-spectacle{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;color:#e9bf79}.reading-spectacle>i{display:block;position:absolute;left:50%;top:50%;aspect-ratio:1}.spectacle-rays{width:1100px;max-width:160vw;border-radius:50%;background:repeating-conic-gradient(from 8deg,transparent 0deg 12deg,#d2a14412 13deg 15deg,transparent 17deg 30deg);mask-image:radial-gradient(circle,transparent 10%,#000 30%,transparent 68%);transform:translate(-50%,-50%)}.spectacle-ring{width:440px;border:1px solid #e5be6d44;border-radius:50%;transform:translate(-50%,-50%);opacity:0}.spectacle-ring.ring-two{width:580px;border-style:dashed;border-color:#e5be6d33}.reading-spectacle>b{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;background:currentColor;box-shadow:0 0 8px currentColor;border-radius:50%;opacity:0}.journal-hero .reading-spectacle{z-index:0}.reading-journal:not([data-lustre=golden]) .spectacle-rays{opacity:.25}
.reading-journal.is-entered .journal-welcome{animation:journal-page-in .85s .15s ease both}.reading-journal.is-entered .reader-result-scene{animation:journal-art-in 1.25s .15s ease both}.reading-journal.is-entered .journal-mini-spread button{animation:journal-card-in .9s calc(.35s + var(--card)*.17s) ease both}.reading-journal.is-entered .journal-book{animation:journal-page-in .8s .55s ease both}.reading-journal.is-entered .reading-spectacle>b{animation:spectacle-dust 4s var(--wait) ease-out both}.reading-journal.is-entered[data-lustre=golden] .spectacle-ring{animation:spectacle-ring 4s .2s ease-out both}.reading-journal.is-entered[data-lustre=golden] .spectacle-rays{animation:spectacle-turn 18s linear both}
.card-ritual[data-lustre=golden] .ritual-cosmos{background:radial-gradient(ellipse at 50% 48%,#ac702647,transparent 63%),radial-gradient(ellipse at 15% 90%,#65465b55,transparent 50%),#130e1a}.card-ritual[data-lustre=golden] .ritual-orbit{border-color:#f1c05a7a;box-shadow:0 0 90px #d39c4626,inset 0 0 100px #b1766033}.card-ritual[data-lustre=golden] h2{font-size:clamp(27px,4vw,44px);background:linear-gradient(90deg,#d9a45b,#fff2c6,#e6b66f);background-clip:text;color:transparent}.ritual-result-seal{position:relative;display:grid;place-items:center;aspect-ratio:1;width:62px;border:1px solid #dcb77970;border-radius:50%;margin-bottom:20px;box-shadow:0 0 32px #d3a45530;color:#efd28f;font:32px Georgia,serif;animation:journal-art-in 1.1s ease both}.ritual-result-seal:after{content:'';position:absolute;inset:-7px;border:1px dashed #e5b56655;border-radius:50%}.ritual-outcome .ritual-spread{margin-top:30px}.ritual-outcome .reading-spectacle{position:fixed;z-index:-1}.ritual-outcome .reading-spectacle>b{animation:spectacle-dust 4.5s var(--wait) ease-out both}.ritual-outcome .spectacle-ring{animation:spectacle-ring 4s .1s ease-out both}.ritual-outcome .spectacle-rays{animation:spectacle-turn 18s linear both}.card-ritual[data-lustre=golden] .ritual-spread img{border-color:#ffe09d;box-shadow:0 15px 50px #0008,0 0 45px #dba64370}.ritual-open-reading{margin-top:28px}.card-ritual[data-card-light=true] .ritual-halo{background:radial-gradient(circle,#ffc46455,transparent 67%);box-shadow:0 0 70px #dea24038;border-color:#ebc57a99}.card-ritual[data-card-light=true] .ritual-rays{background:repeating-conic-gradient(from 10deg,transparent 0deg 12deg,#ffd17e4d 14deg 17deg,transparent 19deg 30deg)}.card-ritual[data-card-light=true] .ritual-front{box-shadow:0 12px 50px #000a,0 0 50px #ecc16e77}.ritual-back img{object-fit:fill}
@keyframes journal-page-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes journal-art-in{from{opacity:0;transform:scale(.95);filter:brightness(.6)}to{opacity:1;transform:scale(1);filter:brightness(1)}}@keyframes journal-card-in{from{opacity:0;transform:translateY(22px) rotate(calc((var(--card) - 1)*8deg))}to{opacity:1;transform:none}}@keyframes spectacle-dust{0%{opacity:0;transform:translate(0,25px) scale(.3)}25%{opacity:.9}100%{opacity:0;transform:translate(var(--drift),-130px) scale(.3)}}@keyframes spectacle-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}30%{opacity:.7}100%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes spectacle-turn{from{transform:translate(-50%,-50%) rotate(-16deg)}to{transform:translate(-50%,-50%) rotate(35deg)}}
@media(max-width:760px){.reading-journal{padding:22px 18px 40px}.journal-hero{grid-template-columns:1fr;gap:22px;padding:25px 22px}.journal-welcome h1{font-size:28px}.journal-hero .reader-result-art img{aspect-ratio:16/10}.journal-hero .reader-result-scene figcaption{padding:12px 15px}.journal-mini-spread{max-width:205px;gap:15px;margin-top:22px}.journal-guide{margin-top:15px}.journal-book{margin-top:20px}.journal-tabs{padding:0 8px;gap:0}.journal-tabs button{flex-direction:column;gap:7px;font-size:10px;padding:12px 3px}.journal-book-heading{padding:17px 20px 10px;font-size:8px}.journal-pages{padding:23px 22px}.journal-panel h2{font-size:21px}.journal-panel .journal-answer{font-size:14px}.journal-first-step{padding:17px;margin-top:19px}.journal-first-step h3{font-size:15px}.journal-pagination{padding:14px 20px}.journal-pagination>span{display:none}.journal-pagination button{font-size:11px}.journal-card-story{grid-template-columns:1fr;gap:26px;min-height:0}.journal-card-art{max-width:230px;width:100%;margin:auto;padding-top:4px}.journal-card-art>img{width:145px}.journal-card-art figcaption{font-size:18px;margin-top:12px}.journal-card-art small{font-size:9px}.journal-card-copy h2{font-size:21px}.journal-branches{grid-template-columns:1fr;gap:12px}.journal-extra>summary{font-size:11px}.journal-deeper{padding:0 12px}.journal-deeper summary>span{display:none}.journal-deeper summary:after{margin-left:auto}.journal-extra>div{padding:4px 5px 15px}.journal-afterword .reading-actions{gap:15px 20px}.journal-afterword .reading-actions .primary-action{font-size:11px}.journal-afterword .text-action{font-size:11px}.journal-extra h2{font-size:18px}.ritual-outcome .ritual-spread{margin-top:25px}.ritual-result-seal{width:49px;font-size:28px;margin-bottom:22px}.card-ritual[data-lustre=golden] h2{font-size:28px}.ritual-open-reading{margin-top:24px}}
.journal-hero .reader-result-art img{aspect-ratio:16/10}
@media(max-width:600px){.journal-hero{grid-template-columns:.95fr 1.05fr;gap:14px}.journal-welcome{display:contents}.journal-welcome>.eyebrow,.journal-welcome>.journal-seal,.journal-welcome>h1,.journal-welcome>.journal-question{grid-column:1/-1;margin:0}.journal-welcome>.eyebrow{font-size:8px}.journal-welcome>.journal-seal{justify-self:start;font-size:10px}.journal-welcome>h1{font-size:26px}.journal-welcome>.journal-question{font-size:11px}.journal-welcome>.journal-mini-spread{grid-column:1;grid-row:5;margin:8px 0;gap:7px}.journal-mini-spread span{font-size:9px}.journal-welcome>.journal-guide{grid-column:1/-1;grid-row:6;margin:0;font-size:9px}.journal-hero .reader-result-scene{grid-column:2;grid-row:5;align-self:center}.journal-hero .reader-result-scene figcaption{display:none}.journal-hero .reader-result-art img{aspect-ratio:1.2}.journal-hero .result-art-enlarge{font-size:8px;right:5px;bottom:5px;padding:3px 5px}.journal-hero .result-art-enlarge .ui-icon{width:11px;height:11px}}
@media(max-height:760px) and (min-width:601px){.ritual-outcome .ritual-result-seal{width:38px;margin-bottom:16px;font-size:25px}.card-ritual[data-lustre] h2{font-size:32px;line-height:1.3}.ritual-outcome .ritual-spread{margin:20px 0 13px;gap:26px}.ritual-outcome .ritual-spread figure{max-width:133px}.ritual-outcome .ritual-spread figcaption{font-size:15px;margin-top:10px}.ritual-outcome .ritual-spread figcaption span{font-size:9px}.ritual-outcome .ritual-open-reading{margin-top:20px;padding:12px 23px}}
@media(prefers-reduced-motion:reduce){.reading-journal *, .ritual-outcome *{animation:none!important;transition:none!important}.reading-spectacle>b{opacity:.25}.spectacle-ring{opacity:.25}.spectacle-rays{opacity:.35}}