.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:cover;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}.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 60px}.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}.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)}}