.reading-page{min-height:calc(100vh - var(--navbar-h));background:radial-gradient(circle at top,#8b7ab00d 0%,#0000 60%);padding:40px 0 80px}.reading-container{max-width:var(--container);margin:0 auto;padding:0 24px}.step-indicator{justify-content:center;align-items:center;gap:0;margin-bottom:48px;padding:0 20px;display:flex}.step-item{align-items:center;gap:0;display:flex}.step-circle{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.9rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.step-circle.completed{background:linear-gradient(135deg, var(--purple) 0%, var(--purple-2) 100%);color:#fff;box-shadow:0 4px 16px var(--purple-glow)}.step-circle.active{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-2) 100%);color:#fff;animation:2s ease-in-out infinite goldGlow}.step-circle.future{background:var(--glass);border:2px solid var(--border);color:var(--muted-2)}.step-label{color:var(--muted);white-space:nowrap;margin-top:8px;font-size:.8rem;font-weight:600}.step-label.active{color:var(--gold)}.step-label.completed{color:var(--purple)}.step-info{flex-direction:column;align-items:center;gap:0;display:flex}.step-line{background:var(--border);width:100px;height:2px;transition:background .4s}.step-line.completed{background:linear-gradient(90deg, var(--purple), var(--purple-2))}.step-header{text-align:center;margin-bottom:40px;animation:.6s fadeIn}.step-header h2{font-family:var(--font-heading);color:var(--text);margin-bottom:8px;font-size:1.8rem}.step-header p{color:var(--muted);font-size:.95rem}.topic-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;max-width:820px;margin:0 auto;animation:.6s .1s both fadeIn;display:grid}.topic-card{background:var(--glass-strong);-webkit-backdrop-filter:blur(16px);border:2px solid var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;padding:28px 18px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.topic-card:before{content:"";background:linear-gradient(135deg, var(--purple-soft), transparent);opacity:0;transition:opacity .35s;position:absolute;inset:0}.topic-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-4px)}.topic-card:hover:before{opacity:.4}.topic-card.selected{border-color:var(--purple);box-shadow:0 0 24px var(--purple-glow), 0 8px 32px #8b7ab01f;transform:translateY(-4px)}.topic-card.selected:before{opacity:.6}.topic-icon{z-index:1;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;display:flex;position:relative}.topic-icon img{object-fit:contain;filter:drop-shadow(0 4px 8px #8b7ab026);width:100%;height:100%}.topic-name{font-family:var(--font-heading);color:var(--text);z-index:1;margin-top:6px;font-size:1rem;font-weight:600;display:block;position:relative}.topic-desc{color:var(--muted);z-index:1;margin-top:6px;font-size:.78rem;display:block;position:relative}.spread-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;max-width:820px;margin:0 auto;animation:.6s .1s both fadeIn;display:grid}.spread-card{background:var(--glass-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;padding:32px 20px;transition:all .35s cubic-bezier(.4,0,.2,1)}.spread-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.spread-card.selected{border-color:var(--gold);box-shadow:0 0 24px var(--gold-glow), 0 8px 32px #c9a84c1f;transform:translateY(-4px)}.spread-diagram-image{justify-content:center;align-items:center;height:120px;margin-bottom:20px;display:flex;position:relative}.spread-diagram-image img{object-fit:contain;width:auto;max-width:100%;height:100%}.spread-name{font-family:var(--font-heading);color:var(--text);margin-bottom:4px;font-size:1.1rem;font-weight:600}.spread-count{color:var(--gold);font-size:.82rem;font-weight:600}.card-selection-section{animation:.6s fadeIn}.card-selection-header{text-align:center;margin-bottom:24px;position:relative}.card-selection-header:before{content:"✦ ✦ ✦";color:var(--gold);letter-spacing:12px;margin-bottom:12px;font-size:1.1rem;animation:3s ease-in-out infinite glowPulse;display:block}.card-selection-header h2{font-family:var(--font-heading);margin-bottom:6px;font-size:clamp(1.4rem,3vw,1.8rem)}.card-selection-header p{color:var(--muted);font-size:.9rem}.circle-wrapper{justify-content:center;margin:20px auto 40px;display:flex}.circle-container{--r-outer:-210px;--r-inner:-155px;width:500px;height:500px;margin:0 auto;position:relative}.center-orb{width:var(--orb-sz,170px);height:var(--orb-sz,170px);border-radius:var(--radius-full);z-index:2;pointer-events:none;background:radial-gradient(circle,#c9a84c40 0%,#8b7ab026 50%,#0000 75%);border:1px solid #c9a84c40;animation:4s ease-in-out infinite orbPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 30px #8b7ab01a,0 0 40px #c9a84c33}.center-orb:before,.center-orb:after{content:"";border-radius:var(--radius-full);border:1px dashed #c9a84c40;position:absolute;top:50%;left:50%}.center-orb:before{width:80%;height:80%;transform:translate(-50%,-50%)}.center-orb:after{width:55%;height:55%;transform:translate(-50%,-50%)}@keyframes orbPulse{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 40px #c9a84c33,inset 0 0 20px #8b7ab01a}50%{transform:translate(-50%,-50%)scale(1.03);box-shadow:0 0 60px #c9a84c59,inset 0 0 30px #8b7ab033}}.circle-card{width:var(--card-w,32px);height:var(--card-h,52px);margin-left:calc(var(--card-w,32px) / -2);margin-top:calc(var(--card-h,52px) / -2);cursor:pointer;z-index:2;transition:all .3s cubic-bezier(.25,.8,.25,1);position:absolute;top:50%;left:50%}.circle-card img{object-fit:cover;border:1px solid #ffffff1a;border-radius:4px;width:100%;height:100%;transition:all .3s;box-shadow:0 2px 6px #00000026}.circle-card:hover{z-index:100!important}.circle-card:hover img{box-shadow:0 0 16px var(--gold-glow), 0 4px 12px #00000040;border-color:var(--gold);transform:scale(1.3)translateY(-10px)}.circle-card.selected img{box-shadow:0 0 20px var(--gold-glow);animation:1.5s ease-in-out infinite goldGlow}.circle-card.disabled{pointer-events:none;opacity:.3}.circle-card.picked{opacity:0;pointer-events:none;transition:all .5s;transform:scale(.5)translateY(50px)}.progress-section{text-align:center;margin-bottom:24px}.progress-counter{color:var(--text);font-size:1.1rem;font-weight:600}.progress-counter span{color:var(--gold);font-size:1.35rem;font-weight:700}.card-slots{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:36px;animation:.6s .2s both fadeIn;display:flex}.card-slot{flex-direction:column;align-items:center;gap:8px;display:flex}.slot-box{border:2px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--glass);perspective:1000px;justify-content:center;align-items:center;width:80px;height:124px;transition:all .4s;display:flex;position:relative;overflow:hidden}.slot-box.filled{border-style:solid;border-color:var(--gold);box-shadow:0 0 16px var(--gold-soft)}.slot-label{color:var(--muted);text-align:center;max-width:90px;font-size:.72rem;font-weight:600}.slot-number{color:var(--muted-2);font-size:.85rem}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.flip-card-inner.flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:4px;position:absolute;inset:0;overflow:hidden}.flip-card-front img,.flip-card-back img{object-fit:contain;width:100%;height:100%}.flip-card-back{transform:rotateY(180deg)}.flip-card-back img.reversed{transform:rotate(180deg)}.result-section{max-width:820px;margin:0 auto;animation:.8s fadeIn}.result-cards{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:40px;display:flex}.result-card{text-align:center;animation:.5s cubic-bezier(.34,1.56,.64,1) both scaleIn}.result-card:nth-child(2){animation-delay:.1s}.result-card:nth-child(3){animation-delay:.2s}.result-card:nth-child(4){animation-delay:.3s}.result-card:nth-child(5){animation-delay:.4s}.result-card-image{border-radius:var(--radius-md);width:108px;height:168px;box-shadow:var(--shadow-md);object-fit:cover;border:1px solid var(--border);margin:0 auto 10px}.result-card-image.reversed{transform:rotate(180deg)}.result-card-name{color:var(--text);max-width:120px;font-size:.82rem;font-weight:600}.result-card-position{color:var(--gold);margin-bottom:6px;font-size:.72rem;font-weight:600}.reversed-badge{border-radius:var(--radius-full);background:var(--gold-soft);color:var(--gold);margin-top:6px;padding:2px 8px;font-size:.68rem;font-weight:600;display:inline-block}.loading-orb{border-radius:var(--radius-full);background:radial-gradient(circle at 35% 35%, var(--gold), var(--purple), var(--purple-dark));width:64px;height:64px;box-shadow:0 0 32px var(--purple-glow);margin:48px auto 24px;animation:2s linear infinite spin,1.5s ease-in-out infinite glowPulse}.loading-text{text-align:center;color:var(--muted);font-size:.95rem;animation:.5s infinite alternate fadeIn}.result-box{background:var(--glass-strong);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-light);margin-bottom:36px;padding:36px;line-height:1.8;animation:.8s fadeIn;box-shadow:0 4px 20px #0000001a}.result-box h3{font-family:var(--font-heading);color:var(--gold);border-bottom:1px dashed var(--border);margin-bottom:20px;padding-bottom:12px;font-size:1.3rem}.markdown-content h2{font-family:var(--font-heading);color:var(--purple-2);margin-top:32px;margin-bottom:16px;font-size:1.4rem}.markdown-content h3{font-family:var(--font-heading);color:var(--gold-2);border:none;margin-top:24px;margin-bottom:12px;padding:0;font-size:1.15rem}.markdown-content p{margin-bottom:16px}.markdown-content strong{color:var(--text);font-weight:600}.markdown-content hr{border:none;border-top:1px solid var(--border);margin:24px 0}.reading-audio-card{border-radius:var(--radius-xl);background:radial-gradient(circle at 0 0,#8b7ab01f,#0000 42%),#ffffff9e;border:1.5px solid #8b7ab02e;align-items:flex-start;gap:18px;margin-bottom:28px;padding:24px 26px;animation:.7s fadeIn;display:flex;box-shadow:0 12px 30px #44355b14}.reading-audio-icon{border-radius:var(--radius-full);background:linear-gradient(135deg,#8b7ab029,#c9a84c29);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.35rem;display:flex}.reading-audio-content{flex:1;min-width:0}.reading-audio-eyebrow{color:var(--gold-2);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:.72rem;font-weight:800;display:inline-flex}.reading-audio-card h3{font-family:var(--font-heading);color:var(--text);margin-bottom:6px;font-size:1.18rem}.reading-audio-card p{color:var(--muted);margin-bottom:14px;font-size:.9rem;line-height:1.55}.reading-audio-player{flex-direction:column;gap:10px;display:flex}.reading-audio-player audio{width:100%;max-width:760px;accent-color:var(--purple);display:block}.reading-audio-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.reading-audio-player span{color:var(--muted-2);font-size:.78rem}.reading-audio-upsell{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.reading-audio-notice{color:var(--purple-2)!important;margin:12px 0 0!important;font-size:.84rem!important}.reading-audio-error{color:#a34646!important;margin:12px 0 0!important;font-size:.84rem!important}.unlock-offer-card{border:1.5px solid var(--border-gold);border-radius:var(--radius-xl);text-align:center;background:radial-gradient(circle at 0 0,#c9a84c33,#0000 36%),linear-gradient(135deg,#ffffffdb 0%,#fcf7eebd 100%);margin-bottom:28px;padding:34px 36px;animation:.7s fadeIn;position:relative;overflow:hidden;box-shadow:0 18px 42px #c9a84c29}.unlock-offer-card:after{content:"✦";color:#c9a84c47;pointer-events:none;font-size:4rem;line-height:1;position:absolute;top:18px;right:26px}.unlock-offer-eyebrow{border-radius:var(--radius-full);color:var(--gold-2);letter-spacing:1px;text-transform:uppercase;background:#c9a84c21;justify-content:center;align-items:center;margin-bottom:14px;padding:6px 14px;font-size:.74rem;font-weight:800;display:inline-flex}.unlock-offer-card h3{z-index:1;font-family:var(--font-heading);color:var(--text);margin-bottom:12px;font-size:1.55rem;position:relative}.unlock-offer-card p{z-index:1;color:var(--muted);max-width:720px;margin:0 auto;line-height:1.65;position:relative}.unlock-offer-points{z-index:1;flex-wrap:wrap;justify-content:center;gap:10px;margin:22px 0 24px;display:flex;position:relative}.unlock-offer-points span{border-radius:var(--radius-full);color:var(--purple-2);background:#8b7ab01a;border:1px solid #8b7ab029;padding:8px 13px;font-size:.82rem;font-weight:700}.unlock-offer-actions{z-index:1;flex-wrap:wrap;justify-content:center;gap:14px;display:flex;position:relative}.unlock-offer-note{font-size:.82rem;color:var(--muted-2)!important;margin-top:14px!important}.locked-preview-card{border-radius:var(--radius-xl);background:linear-gradient(135deg,#8b7ab014,#c9a84c0f);border:1.5px solid #8b7ab02e;margin:-10px 0 34px;padding:28px;animation:.8s fadeIn;box-shadow:0 10px 32px #44355b14}.locked-preview-header{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.locked-preview-header>span{border-radius:var(--radius-full);background:#c9a84c24;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.locked-preview-header h3{font-family:var(--font-heading);color:var(--text);margin-bottom:4px;font-size:1.25rem}.locked-preview-header p{color:var(--muted);font-size:.9rem;line-height:1.55}.locked-preview-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.locked-preview-item{border-radius:var(--radius-lg);background:#ffffff7a;border:1px solid #8b7ab029;padding:18px;position:relative;overflow:hidden}.locked-preview-item h4{color:var(--purple-2);font-family:var(--font-heading);margin-bottom:8px;font-size:.98rem}.locked-preview-item p{color:var(--muted);margin-bottom:14px;font-size:.82rem;line-height:1.5}.locked-blur-lines{filter:blur(2px);opacity:.58;flex-direction:column;gap:7px;display:flex}.locked-blur-lines span{border-radius:var(--radius-full);background:linear-gradient(90deg,#8b7ab06b,#c9a84c33);height:8px;display:block}.locked-blur-lines span:nth-child(2){width:82%}.locked-blur-lines span:nth-child(3){width:62%}.locked-preview-btn{width:fit-content;margin:22px auto 0;display:flex}.unlock-sticky-cta{display:none}.paywall-card{border:2px solid var(--border-gold);border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#ffffff0d 0%,#c9a84c05 100%);margin-bottom:40px;padding:44px 32px;animation:.8s fadeIn;position:relative;box-shadow:0 0 32px #c9a84c26,inset 0 0 20px #ffffff05}.paywall-sparkles{color:var(--gold);letter-spacing:12px;margin-bottom:16px;font-size:1.25rem;display:block}.paywall-card h3{font-family:var(--font-heading);color:var(--text);margin-bottom:16px;font-size:1.55rem}.paywall-intro{color:var(--muted);max-width:640px;margin:0 auto 32px;font-size:.95rem;line-height:1.6}.paywall-options{gap:24px;max-width:680px;margin:0 auto;display:flex}.paywall-option{border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffff08;flex-direction:column;flex:1;align-items:center;padding:32px 24px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.paywall-option:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-4px)}.featured-option{border:2px solid var(--border-gold);background:linear-gradient(135deg,#c9a84c0d 0%,#8b7ab005 100%);box-shadow:0 4px 20px #c9a84c14}.featured-option:hover{border-color:var(--gold);box-shadow:0 8px 32px #c9a84c2e}.option-tag{text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-full);background:var(--glass-strong);border:1px solid var(--border);color:var(--muted);margin-bottom:16px;padding:4px 12px;font-size:.72rem;font-weight:700}.option-tag.gold{background:var(--gold);color:#fff;border-color:var(--gold);box-shadow:0 2px 8px var(--gold-glow)}.paywall-option h4{font-family:var(--font-heading);color:var(--text);margin-bottom:12px;font-size:1.15rem}.option-price{color:var(--gold);margin-bottom:12px;font-size:1.9rem;font-weight:800}.option-price span{color:var(--muted);font-size:.85rem;font-weight:500}.option-desc{color:var(--muted);flex-grow:1;margin-bottom:24px;font-size:.82rem;line-height:1.5}.paywall-option .btn{width:100%}.payment-alert{border-radius:var(--radius-md);text-align:center;margin-bottom:32px;padding:16px 24px;font-size:.95rem;font-weight:500;line-height:1.5;animation:.5s fadeIn}.success-alert{color:#2e7559;background:#2e755914;border:1px solid #2e755940}.cancel-alert{color:#8c712e;background:#c9a84c14;border:1px solid #c9a84c40}.step-nav{justify-content:center;gap:12px;margin-top:32px;display:flex}@media (max-width:1024px){.circle-container{--r-outer:-160px;--r-inner:-115px;--orb-sz:130px;width:400px;height:400px}.circle-card{--card-w:26px;--card-h:42px}}@media (max-width:768px){.reading-page{padding:24px 0 110px}.step-indicator{margin-bottom:32px}.step-line{width:50px}.step-circle{width:36px;height:36px;font-size:.8rem}.step-label{font-size:.72rem}.topic-grid{grid-template-columns:repeat(2,1fr);gap:12px}.spread-grid{grid-template-columns:1fr;gap:16px}.circle-container{--r-outer:-120px;--r-inner:-85px;--orb-sz:90px;width:300px;height:300px}.circle-card{--card-w:20px;--card-h:32px}.card-slots{gap:12px}.slot-box{width:60px;height:94px}.result-cards{gap:16px}.result-card-image{width:88px;height:136px}.result-box{padding:24px}.reading-audio-card{flex-direction:column;gap:12px;padding:22px 18px}.reading-audio-icon{width:44px;height:44px}.reading-audio-card .btn{width:100%}.unlock-offer-card{margin-bottom:22px;padding:28px 18px}.unlock-offer-card:after{font-size:3rem;top:14px;right:18px}.unlock-offer-card h3{font-size:1.28rem}.unlock-offer-card p{font-size:.9rem}.unlock-offer-actions{flex-direction:column}.unlock-offer-actions .btn{width:100%}.locked-preview-card{margin-bottom:28px;padding:22px 16px}.locked-preview-header{gap:10px}.locked-preview-grid{grid-template-columns:1fr}.locked-preview-btn{justify-content:center;width:100%}.unlock-sticky-cta{z-index:90;border:1.5px solid var(--border-gold);-webkit-backdrop-filter:blur(18px);background:#fffcf7f0;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 16px;display:flex;position:fixed;bottom:14px;left:14px;right:14px;box-shadow:0 14px 36px #44355b33}.unlock-sticky-cta strong,.unlock-sticky-cta span{display:block}.unlock-sticky-cta strong{color:var(--text);margin-bottom:2px;font-size:.88rem}.unlock-sticky-cta span{color:var(--muted);font-size:.72rem;line-height:1.35}.unlock-sticky-cta button{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--gold), var(--gold-2));color:#fff;white-space:nowrap;box-shadow:0 8px 20px var(--gold-glow);border:none;padding:10px 14px;font-weight:800}.paywall-card{padding:32px 20px}.paywall-options{flex-direction:column;gap:16px}.paywall-option{padding:24px 16px}}@media (max-width:480px){.topic-grid{grid-template-columns:1fr}.topic-card{padding:20px 14px}.step-label{display:none}.circle-container{--r-outer:-105px;--r-inner:-75px;--orb-sz:80px;width:260px;height:260px}.circle-card{--card-w:18px;--card-h:28px}.slot-box{width:48px;height:74px}.slot-number{font-size:.78rem}}.auth-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0a0514bf;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.auth-modal{background:var(--glass-strong);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);width:90%;max-width:460px;box-shadow:0 20px 50px #0006, var(--shadow-lg);text-align:center;border-radius:20px;padding:36px 30px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn;position:relative}.auth-modal-close{color:var(--muted);cursor:pointer;font-size:1.6rem;line-height:1;transition:color .2s;position:absolute;top:16px;right:18px}.auth-modal-close:hover{color:var(--text)}.auth-modal-icon{filter:drop-shadow(0 0 12px var(--purple-glow));margin-bottom:16px;font-size:2.8rem}.auth-modal h3{font-family:var(--font-heading);color:var(--text);margin-bottom:12px;font-size:1.4rem}.auth-modal p{color:var(--text-light);margin-bottom:28px;font-size:.88rem;line-height:1.6}.auth-modal-actions{flex-direction:column;gap:12px;display:flex}.auth-modal-actions .btn{text-align:center;border-radius:30px;width:100%;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:block}.auth-modal-actions .btn-primary{background:linear-gradient(135deg, var(--purple) 0%, var(--purple-2) 100%);color:#fff;box-shadow:0 4px 16px var(--purple-glow);border:none}.auth-modal-actions .btn-primary:hover{box-shadow:0 6px 20px var(--purple-glow);transform:translateY(-2px)}.auth-modal-actions .btn-outline{border:1px solid var(--border);color:var(--text);background:0 0}.auth-modal-actions .btn-outline:hover{border-color:var(--border-strong);background:#ffffff0d;transform:translateY(-2px)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}