/* The complete interpretation stays above its horizontally browsed cards. */
.result-carousel .reading-overall{flex:0 0 auto;max-width:72ch;margin:24px auto 18px;text-align:center;color:#e1d2f4}
.reading-overall>p{font-size:17px;line-height:1.6;margin:0;text-wrap:pretty}
.reading-overall-details{margin-top:9px;font-size:13px}
.reading-overall-details>summary{cursor:pointer;color:#bca5db;transition:color .2s;list-style:none;min-height:32px;padding:6px}
.reading-overall-details>summary:hover{color:#fff}
.reading-overall-details>div{max-height:200px;overflow:auto;text-align:left;padding:8px 18px;font-size:15px;line-height:1.7}
.reading-overall-details strong{display:block;color:#f8f5ff;margin-bottom:5px}
.reading-carousel{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:22px;flex:1 1 auto;min-height:0}
.reading-carousel--single{grid-template-columns:minmax(0,1fr)}
.result-carousel .reading-panel{margin:0;min-height:0;padding:12px 18px 22px;scrollbar-gutter:stable;touch-action:pan-y}
.result-carousel .reading-detail{grid-template-columns:170px minmax(0,1fr);gap:32px}
.result-carousel .reading-action{margin-top:24px}
.reading-navigation{align-self:start;display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:16px}
.reading-arrows{display:flex;gap:9px}
.reading-arrow{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;border:1px solid #b695e52e;background:#c6a7fa0d;color:#dfcff7;transition:color .25s,background .3s,border-color .3s}
.reading-arrow:hover:not(:disabled){color:#fff;background:#c6a7fa24;border-color:#cfb2fb70}
.reading-arrow:disabled{opacity:.25;cursor:default}
.reading-arrow--next .icon{transform:rotate(180deg)}
.reading-preview{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;max-width:118px;border:0;background:transparent;color:#cbbddd;padding:7px 8px;font-size:12px;line-height:1.4;transition:color .25s}
.reading-preview__face{position:relative;width:92px;aspect-ratio:420/710;transform:rotate(7deg);filter:saturate(.65);opacity:.62;transition:transform .4s var(--ease),opacity .4s,filter .4s;clip-path:inset(0 22% 0 0 round 6px)}
.reading-preview__face img{display:block;width:100%;height:100%;object-fit:contain;border-radius:6px}
.reading-preview:hover{color:#fff}
.reading-preview:hover .reading-preview__face{transform:rotate(3deg) translateY(-5px);opacity:.95;filter:none}
.reading-preview:hover .reading-choice__shine:after{animation:violet-card-shine .75s ease-out}
.reading-last{color:#ae9aba;font-size:12px;text-align:center}
.reading-progress{display:flex;justify-content:center;gap:0;flex:0 0 auto;margin-top:4px}
.reading-progress button{border:0;background:transparent;padding:12px;min-width:44px;min-height:44px;display:grid;place-items:center;color:#baa0f6}
.reading-progress button span{width:6px;height:6px;background:currentColor;opacity:.35;border-radius:50%;transition:opacity .2s,width .25s}
.reading-progress button[aria-current=true] span{width:20px;border-radius:8px;opacity:1}
.reading-count{align-self:center;margin-left:8px;font-size:12px;color:#cbbddd;font-variant-numeric:tabular-nums}
.result-carousel .result-note{margin-top:0}
.account-actions{display:flex;gap:12px;align-items:center}
.account-form{display:flex;flex-direction:column;gap:12px}
.account-form label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#cbbddd}
.account-input-shell{background:#130d20;border:1px solid #9876c552;border-radius:18px;display:flex;padding:12px 16px;min-height:48px}
.account-input-shell:focus-within{border-color:#baa0f6;box-shadow:0 0 0 3px #baa0f620}
.account-input-shell input{width:100%;border:0;background:transparent;outline:0;color:#f8f5ff;min-width:0;font:inherit;font-size:16px}
.account-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px}
.account-links a{color:#cbbddd;text-underline-offset:3px}
.account-form .field-error{min-height:18px;font-size:12px;margin:0}
.account-balance{font-size:30px;font-weight:700;display:flex;gap:12px;align-items:center;margin:22px 0}
.account-balance .icon{color:#baa0f6;width:28px;height:28px}
.checkout-session-notice{color:#cbbddd;font-size:13px;margin:0 0 15px;line-height:1.5}
.checkout-session-notice button{background:transparent;border:0;color:#e0cfff;font:inherit;text-decoration:underline;text-underline-offset:3px;padding:0}
.checkout-account-email{display:flex;align-items:center;gap:14px;margin:0 0 24px;color:#cbbddd}
.checkout-account-email>.icon{flex-shrink:0;width:28px;height:28px;color:#baa0f6}
.checkout-account-email>div{min-width:0;display:flex;flex-direction:column;gap:5px;font-size:13px;line-height:1.5}
.checkout-account-email strong{color:#f8f5ff;font-size:16px;overflow-wrap:anywhere}
.checkout-account-email small{font-size:12px}
.app-main--payment{display:grid;place-items:center}
.payment-status{width:100%;max-width:680px;margin:auto;min-height:0;padding:48px 22px;text-align:center}
.payment-status>.icon{width:52px;height:52px;margin:0 auto 22px;color:#baa0f6}
.payment-status h1{font-size:32px}
.payment-status p{margin:22px 0;color:#cbbddd;line-height:1.6}
.billing-retry{text-align:center;margin:18px}
@media(min-width:761px) and (max-height:800px){
 .result-carousel .reading-overall{margin:14px auto 10px;max-width:72ch}
 .reading-overall>p{font-size:15px;line-height:1.45}
 .result-carousel .reading-detail{grid-template-columns:130px minmax(0,1fr);gap:26px}
 .reading-preview__face{width:76px}
 .reading-navigation{gap:12px}
 .result-carousel .reading-panel{padding-top:8px}
}
@media(max-width:760px){
 .result-carousel .reading-overall{margin:17px auto 8px;max-width:100%}
 .reading-overall>p{font-size:14px;line-height:1.55}
 .reading-overall-details{font-size:12px;margin-top:4px}
 .reading-overall-details>div{max-height:160px;padding:6px 2px;font-size:14px}
 .reading-carousel{grid-template-columns:minmax(0,1fr) 48px;gap:8px}
 .reading-carousel--single{grid-template-columns:minmax(0,1fr)}
 .result-carousel .reading-detail{grid-template-columns:86px minmax(0,1fr);gap:15px}
 .result-carousel .reading-panel{padding:10px 0 14px}
 .reading-navigation{gap:18px;padding-top:8px;overflow:clip}
 .reading-arrows{flex-direction:column;gap:8px}
 .reading-arrow{width:44px;height:44px}
 .reading-preview{padding:6px 0;max-width:48px;font-size:10px;gap:9px}
 .reading-preview__face{width:54px;clip-path:inset(0 35% 0 0 round 5px)}
 .reading-preview>span:last-child{display:none}
 .reading-last{font-size:10px;max-width:45px}
 .reading-progress{margin-top:0}
 .reading-progress button{padding:11px;min-height:38px}
 .result-carousel .reading-panel .reading-body,.result-carousel .reading-panel .reading-action{font-size:14px;line-height:1.65}
 .result-carousel .reading-card-heading h2{font-size:21px}
 .result-carousel .reading-card-heading .position{font-size:10px}
 .account-actions{gap:8px}
 .site-header .account-button{min-width:44px;padding:8px}
 .site-header .account-button .account-label{display:none}
}
@media(prefers-reduced-motion:reduce){
 .reading-preview:hover .reading-preview__face{transform:rotate(7deg);transition:opacity .15s}
 .reading-preview .reading-choice__shine{display:none}
}