/* Reading experience added to the approved V3 homepage. Original style.css is unchanged. */
[hidden]{display:none!important}.skip-link{position:absolute;top:-100px;left:16px;padding:12px 20px;background:#fff;color:#32113e;z-index:100}.skip-link:focus{top:12px}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #a477cf;outline-offset:5px}.topics button{transition:box-shadow .2s,transform .2s,border-color .2s}.topics button:hover,.topics button[aria-pressed=true]{border-color:#8751a4;box-shadow:0 8px 25px #6b3b7730;transform:translateY(-3px)}.reading-studio{position:relative;z-index:1;padding:64px 5vw 32px;background:radial-gradient(ellipse at 12% 12%,#e6d7f5 0,transparent 42%),radial-gradient(ellipse at 95% 72%,#ead9ed 0,transparent 40%),#faf5fc;scroll-margin-top:20px;color:#38204d}.studio-inner{max-width:1180px;margin:0 auto}.studio-heading{text-align:center}.studio-eyebrow{font-size:12px;letter-spacing:3px;color:#89629b}.studio-heading h2{font-size:clamp(30px,3.5vw,44px);font-weight:700;line-height:1.5;margin:10px 0;color:#4e1c67}.studio-heading>p{color:#735782;font-size:17px;line-height:1.8;margin:4px 0 22px}.reading-steps{list-style:none;display:flex;justify-content:center;gap:18px;margin:20px auto 30px;padding:0;font-size:13px;color:#806b89}.reading-steps li{display:flex;align-items:center;gap:7px}.reading-steps li:not(:last-child):after{content:"—";margin-left:12px;color:#b8a0c5}.reading-steps li[aria-current]{color:#572079;font-weight:bold}.reading-steps span{display:grid;place-items:center;border:1px solid #d6c0e1;border-radius:50%;width:26px;height:26px;flex:none}.reading-steps li[aria-current] span{background:#6a378b;color:white;border-color:#6a378b}.reader-setup{max-width:830px;margin:0 auto;padding:30px 34px;background:#fffafd;border:1px solid #e3d2ea;border-radius:24px;box-shadow:0 12px 35px #4e1c6710}.field-label{display:block;font-weight:bold;font-size:16px;margin:0 0 13px}.optional{font-weight:normal;color:#806b89;font-size:13px}.reader-topics{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.topic-pill{min-height:46px;flex:1 1 auto;border:1px solid #d8bfdf;border-radius:30px;background:#fbf5fe;color:#61406f;font-size:15px;padding:10px 16px;transition:background .2s}.topic-pill[aria-pressed=true]{background:#61307f;color:white;border-color:#61307f;box-shadow:0 4px 12px #61307f22}.topic-pill span{margin-right:6px}#personal-question{display:block;width:100%;resize:vertical;min-height:90px;max-height:240px;padding:14px 16px;border:1px solid #cfb6d9;border-radius:12px;background:#fff;color:#38204d;font:16px/1.8 Arial,sans-serif}#personal-question::placeholder{color:#97839e}.question-explanation{font-size:12px;line-height:1.9;color:#7b6685;margin:12px 0 20px}.begin-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.begin-row>span{font-size:12px;color:#806b89;line-height:1.8}.reader-primary,.reader-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;border-radius:30px;padding:12px 25px;font-size:15px;font-weight:600;line-height:1.5;transition:transform .2s,box-shadow .2s;text-decoration:none}.reader-primary{color:#fff8ff;background:linear-gradient(135deg,#8e51af,#572273);border:1px solid #bb8cc8;box-shadow:0 5px 20px #70418830}.reader-primary:hover{box-shadow:0 7px 25px #70418850;transform:translateY(-2px)}.reader-secondary{background:#fff9fc;color:#653d78;border:1px solid #ceb2dc}.reader-secondary:hover{background:#f1e5f8}.reader-primary:disabled,.reader-secondary:disabled{opacity:.6;transform:none}.reader-text-button{min-height:44px;border:0;background:transparent;color:#744a87;text-decoration:underline;text-underline-offset:4px;padding:8px 10px;font-size:13px}.reading-session-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #decbe6;max-width:1040px;margin:0 auto 14px;padding:12px 6px}.reading-session-bar>div{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.session-deck{font-size:13px;color:#81668e}#session-topic{font-size:17px;color:#542571}.spread-panel{text-align:center;border:1px solid #d7bedf;background:radial-gradient(ellipse at 50% 70%,#7c5090 0,#4b285b 45%,#291536 100%);padding:26px 10px 30px;border-radius:28px;box-shadow:0 15px 40px #48215525;overflow:hidden;position:relative;color:#fff4fc;isolation:isolate}.spread-panel:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;pointer-events:none;background-image:radial-gradient(#f8dda8 1px,transparent 1.5px),radial-gradient(#fff 1px,transparent 1.5px);background-size:93px 79px,137px 101px;background-position:13px 7px,57px 36px}.spread-heading h3{font-size:26px;line-height:1.7;margin:0 0 4px;color:#f5dfb6}.spread-heading p{font-size:13px;line-height:1.8;color:#dec8e8;margin:0}.fan-viewport{position:relative;overflow-x:auto;overflow-y:hidden;max-width:1100px;margin:0 auto;touch-action:pan-x pan-y;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ad82c0 #321b3e;padding:0 0 5px}.card-fan{position:relative;height:300px;margin:0 auto;min-width:100%;--card-w:108px;--step:51px;width:1075px}.fan-card{position:absolute;left:calc(52px + var(--slot)*var(--step));top:calc(34px + var(--arc));width:var(--card-w);height:calc(var(--card-w)*1.6);border:1px solid #c7a3d0;border-radius:12px;padding:0;background:#5e3378;box-shadow:0 7px 16px #170c2660;transform:translateY(0) rotate(var(--angle));transform-origin:50% 95%;transition:transform .25s,filter .25s;z-index:var(--layer);-webkit-tap-highlight-color:transparent}.fan-card img{width:100%;height:100%;display:block;object-fit:contain;border-radius:11px;pointer-events:none;user-select:none;-webkit-user-drag:none}.fan-card:hover,.fan-card:focus-visible{z-index:50!important;transform:translateY(-19px) rotate(var(--angle)) scale(1.045);filter:brightness(1.06);box-shadow:0 12px 25px #130b2370,0 0 15px #f4dbba70}.fan-card:focus-visible{outline:3px solid #f3d7a3;outline-offset:4px}.fan-card:disabled{cursor:default}.fan-card .slot-number{position:absolute;bottom:7px;left:8px;width:23px;height:23px;border-radius:50%;background:#291536d9;color:#fff0dd;display:grid;place-items:center;font-size:10px;pointer-events:none}.fan-entrance .fan-card{animation:fan-unfold .6s both;animation-delay:calc(var(--slot)*15ms)}@keyframes fan-unfold{from{opacity:0;transform:translateX(calc((8.5 - var(--slot))*var(--step))) rotate(0deg) scale(.9)}to{opacity:1;transform:translateX(0) rotate(var(--angle)) scale(1)}}.fan-nav{display:flex;align-items:center;justify-content:center;gap:24px;margin:6px 0}.reader-round{width:46px;height:46px;border-radius:50%;border:1px solid #bb95c9;background:#ffffff0f;color:#fff2fb;font:30px/1 Georgia,serif;display:grid;place-items:center}.reader-round:hover{background:#ffffff26}.reader-round:disabled{opacity:.3}.fan-nav strong{display:block;font-size:14px}.fan-nav small{display:block;color:#dcc5e7;font-size:12px;margin-top:5px}.fan-help{font-size:12px;line-height:1.9;color:#d8c1e3;margin:14px auto 18px;padding:0 12px}.spread-panel .reader-secondary{background:#ffffff10;border-color:#af86bf;color:#f7eafd}.shuffle-scene{text-align:center;min-height:395px;padding:35px 0 20px;background:radial-gradient(ellipse,#6c4082,#2a1838);border-radius:26px;border:1px solid #c3a2d4;color:#f8e6ff}.shuffle-stack{position:relative;width:230px;height:240px;margin:auto}.shuffle-stack img{position:absolute;width:113px;height:181px;left:57px;top:26px;border-radius:12px;border:1px solid #d3b1df;box-shadow:0 8px 20px #0003;transform:rotate(calc((var(--stack) - 3)*3deg));animation:shuffle-cards 1s ease-in-out infinite;animation-delay:calc(var(--stack)*65ms)}@keyframes shuffle-cards{0%,100%{transform:translateX(0) rotate(calc((var(--stack) - 3)*3deg))}40%{transform:translateX(calc((var(--stack) - 3)*19px)) rotate(calc((var(--stack) - 3)*13deg))}75%{transform:translateX(calc((3 - var(--stack))*9px)) rotate(calc((3 - var(--stack))*5deg))}}.shuffle-scene p{font-size:18px;line-height:1.9;margin:2px}.shuffle-scene small{font-size:13px;color:#d8c0e6}.reading-result{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);gap:42px;align-items:start;padding:34px;background:#fffafd;border:1px solid #e0cbe9;border-radius:28px;box-shadow:0 15px 40px #61307813}.result-art{min-width:0;text-align:center;padding:12px 0}.flip-card{width:min(100%,310px);aspect-ratio:5/8;margin:0 auto;perspective:1400px}.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 900ms cubic-bezier(.25,.7,.2,1)}.flip-card.is-open .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:17px;overflow:hidden;box-shadow:0 14px 32px #44235b35;border:1px solid #ad89bd;background:#3d234b}.flip-face img{display:block;width:100%;height:100%;object-fit:contain}.flip-front{transform:rotateY(180deg)}.selected-position{font-size:12px;color:#856b91;margin:18px 0 6px}.image-loading{font-size:13px;color:#6e4c7d;line-height:1.9;padding:0 12px}.result-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 14px}.result-meta span:first-child{border-radius:30px;padding:7px 14px;background:#efe2f5;color:#653282;font-size:13px;font-weight:bold}.result-meta span:last-child{font-size:12px;color:#8d7499}.result-copy h2{font-size:32px;color:#4d2069;margin:0;line-height:1.7;scroll-margin-top:20px}.result-english{margin:2px 0 14px;color:#897393;font:italic 17px Georgia,serif}.result-keywords{padding:0 0 20px;border-bottom:1px solid #eadbef;font-size:13px;color:#84638f;line-height:1.9;margin:0 0 20px}.your-question{margin:0 0 22px;padding:12px 16px;border-left:3px solid #c4a2d5;background:#f6edf9;border-radius:0 10px 10px 0}.your-question>span{font-size:11px;color:#90779a}.your-question>p{font-size:14px;color:#71517f;line-height:1.9;margin:4px 0;overflow-wrap:anywhere;white-space:pre-wrap}.reading-headline{font-size:20px;line-height:1.8;color:#60367a;margin:0 0 13px}.reading-paragraphs p{font-size:17px;line-height:2;color:#4b3b53;margin:0 0 18px;overflow-wrap:break-word}.malee-advice{background:linear-gradient(135deg,#f1e2f7,#fbf2e6);border:1px solid #e4cfe6;border-radius:16px;margin:25px 0 18px;padding:20px}.malee-advice>span{font-size:13px;color:#8e607f;font-weight:bold}.malee-advice p{font-size:17px;color:#542b66;line-height:1.9;margin:8px 0 0}.reading-notice{font-size:12px;color:#806b86;line-height:1.9;margin:0 0 15px;padding:0 3px}.reading-source{border-top:1px solid #eee0f1;padding:12px 0;margin:8px 0 18px;font-size:12px;color:#866c91;line-height:1.9}.reading-source summary{cursor:pointer;color:#71527f;min-height:30px}.reading-source p{margin:10px 0}.result-actions{display:flex;gap:10px;flex-wrap:wrap}.result-actions .reader-primary,.result-actions .reader-secondary{font-size:13px;padding:11px 18px}.share-privacy{font-size:11px;color:#8e7797;margin:13px 0 0;line-height:1.8}.result-enter{animation:reading-appear .45s both}@keyframes reading-appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reader-status{font-size:13px;color:#765383;line-height:1.9;text-align:center;min-height:24px;margin:16px 0 4px}.reader-status:empty{min-height:0;margin:0}.reader-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-top:12px;border-top:1px solid #e2cee9}.reader-bottom>span{font-size:11px;line-height:1.8;color:#8b7396;text-align:right}.reader-toast{position:fixed;z-index:1000;bottom:28px;left:50%;transform:translateX(-50%);max-width:min(90vw,620px);padding:15px 22px;background:#311940f2;color:#fff4ff;border:1px solid #bd97d1;box-shadow:0 10px 30px #32113d33;border-radius:16px;font-size:14px;line-height:1.8;text-align:center}.no-script{position:fixed;z-index:1000;bottom:0;left:0;right:0;padding:20px;background:#fff;color:#552577;text-align:center}.copy-dialog{position:fixed;inset:10vh 5vw;max-width:680px;margin:auto;z-index:1001;background:#fff9fd;color:#4e2b65;border:1px solid #bf9bd0;border-radius:20px;padding:24px;box-shadow:0 0 0 100vmax #1d092ac2;max-height:78vh;overflow:auto}.copy-dialog textarea{width:100%;height:40vh;font:15px/1.9 Arial,sans-serif;border:1px solid #cdb3dc;border-radius:10px;padding:14px}.copy-dialog h2{font-size:21px}.copy-dialog .reader-secondary{margin-top:12px}.copy-dialog p{line-height:1.8;font-size:13px}
@media(max-width:800px){.reading-studio{padding:45px 18px 24px}.studio-heading>p{font-size:15px}.studio-eyebrow{font-size:10px;letter-spacing:2px}.reading-steps{gap:8px;font-size:11px;margin:16px 0 25px}.reading-steps li{gap:5px}.reading-steps li:not(:last-child):after{margin-left:4px}.reading-steps span{width:23px;height:23px}.reader-setup{padding:24px 20px}.topic-pill{font-size:14px;flex:1 0 27%;padding:9px 13px}.topic-pill:last-child{flex-grow:2}.reader-topics{gap:8px}.field-label{font-size:15px;line-height:1.8}.optional{font-size:12px}.begin-row{gap:12px}.begin-row .reader-primary{width:100%}.begin-row>span{display:block;text-align:center;width:100%}.reading-session-bar{padding:8px 0}.reading-session-bar>div{gap:7px}.session-deck{font-size:11px}#session-topic{font-size:15px}.spread-panel{border-radius:22px;padding:22px 0 26px}.spread-heading h3{font-size:22px}.spread-heading p{font-size:12px;padding:0 14px}.card-fan{--card-w:94px;--step:46px;width:982px;height:275px}.fan-card{top:calc(32px + var(--arc))}.fan-help{font-size:11px;margin-top:16px}.fan-nav{gap:22px}.reader-round{width:48px;height:48px}.reading-result{grid-template-columns:1fr;gap:18px;padding:25px 21px;border-radius:22px}.result-art{padding:2px 0}.flip-card{width:min(73vw,260px)}.selected-position{margin-top:15px}.result-copy h2{font-size:29px}.reading-paragraphs p{font-size:16px;line-height:2}.reading-headline{font-size:19px}.malee-advice{padding:18px}.malee-advice p{font-size:16px}.result-actions{gap:9px}.result-actions .reader-primary{flex:1 1 100%}.result-actions .reader-secondary{flex:1}.reader-bottom{align-items:flex-start;gap:12px}.reader-bottom>span{max-width:50%}.reader-text-button{font-size:12px}.reader-toast{bottom:16px;font-size:13px}.copy-dialog{inset:8vh 4vw;padding:20px}.shuffle-scene{min-height:355px}.shuffle-stack{height:215px}.shuffle-scene p{font-size:17px}}
@media(max-width:380px){.reading-steps{font-size:10px;gap:5px}.reading-steps li:not(:last-child):after{margin-left:0}.reader-setup{padding:20px 16px}.topic-pill{font-size:13px;padding:8px 10px}.reading-result{padding:20px 16px}.result-actions .reader-secondary{font-size:12px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fan-entrance .fan-card,.shuffle-stack img,.result-enter{animation:none!important}.flip-inner,.fan-card,.reader-primary,.reader-secondary,.topics button{transition:none!important}.fan-card:hover,.fan-card:focus-visible{transform:rotate(var(--angle))}}
@media print{header,.hero,.question,.decks,.about,footer,.reader-setup,.reading-session-bar,.reading-steps,.spread-panel,.shuffle-scene,.reader-bottom,.result-actions,.share-privacy,.reader-toast,.your-question{display:none!important}.reading-studio{padding:0;background:white}.reading-result{box-shadow:none;border:0;grid-template-columns:220px 1fr}.flip-card{width:200px}.flip-card .flip-inner{transform:none}.flip-back{display:none}.flip-front{transform:none;position:relative}.reading-source{display:none}}
/* These headings receive programmatic focus for screen readers, not an input-style border. */
#studio-title:focus,#spread-title:focus,#result-title:focus{outline:none}