:root{--card-night:#171225;--card-purple:#6948d7;--card-lilac:#e9e1ff;--card-gold:#ffda65;--card-mint:#bdf0de}.reading-hero{overflow:hidden;padding:58px 0;background:radial-gradient(circle at 80% 15%,#5e3b85 0,transparent 28%),linear-gradient(135deg,#171225,#302047 72%,#482754);color:#fff}.reading-hero-inner{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:40px}.reading-hero h1{max-width:800px;margin:18px 0 14px;font-size:clamp(48px,6.5vw,77px);line-height:.96;letter-spacing:-.06em}.reading-hero h1 em{color:#e8dcff;font-family:Georgia,serif;font-weight:400}.reading-hero p{max-width:720px;margin:0;color:#e7dff0;font-size:20px}.hero-deck{position:relative;width:260px;height:310px;margin:auto}.hero-deck span{position:absolute;inset:24px 25px;border:2px solid #fff;border-radius:20px;background:#6c4ed6;box-shadow:0 15px 35px rgba(0,0,0,.3)}.hero-deck span:nth-child(1){transform:rotate(-12deg);background:#ffda65}.hero-deck span:nth-child(2){transform:rotate(9deg);background:#bdf0de}.hero-deck span:nth-child(3){display:grid;place-items:center;background:radial-gradient(circle,#8b6fed 1.5px,transparent 2px) 0 0/20px 20px,#211832;transform:rotate(-2deg)}.hero-deck b{display:grid;width:90px;height:90px;place-items:center;border:2px solid #fff;border-radius:50%;font:900 30px Arial}.hero-deck i{position:absolute;right:20px;bottom:15px;font-style:normal;font-size:13px;font-weight:900;letter-spacing:.12em}.local-banner{display:flex;min-height:58px;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-bottom:1px solid #c9c1d4;background:#fff;text-align:center;font-size:14px}.local-banner span{width:10px;height:10px;border-radius:50%;background:#23a878}.reading-workspace{width:min(1120px,calc(100% - 36px));margin:52px auto 70px;border:2px solid var(--ink);border-radius:28px;background:#fff;box-shadow:10px 10px 0 var(--ink);overflow:hidden}.step-track{display:grid;margin:0;padding:0;border-bottom:2px solid var(--ink);background:#f3effb;grid-template-columns:repeat(4,1fr);list-style:none}.step-track li{display:flex;min-height:75px;align-items:center;justify-content:center;gap:10px;padding:10px;border-right:1px solid #c9c1d4;color:#716a7b;font-size:13px;font-weight:850}.step-track li:last-child{border-right:0}.step-track b{display:grid;width:29px;height:29px;place-items:center;border:2px solid currentColor;border-radius:50%;font-size:11px}.step-track li.active{background:#211832;color:#fff}.step-track li.done{background:#d9f5ed;color:#17131f}.tool-step{padding:42px}.tool-step[hidden]{display:none}.step-heading{max-width:760px;margin:0 auto 30px;text-align:center}.step-heading.left{margin:0;text-align:left}.step-heading h2,.result-heading h2{margin:8px 0 10px;font-size:clamp(34px,5vw,52px);line-height:1;letter-spacing:-.05em}.step-heading p,.result-heading p{margin:0;color:var(--muted);font-size:17px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.question-field{grid-column:1/3}.field textarea{width:100%;min-height:105px;padding:13px;border:2px solid var(--ink);border-radius:12px;background:#fff;resize:vertical}.field label span{color:var(--muted);font-weight:500}.field-note{margin:7px 0 0;color:var(--muted);font-size:12px}.saved-sign-button{margin-top:10px;padding:7px 10px;border:1px solid #8b7ca0;border-radius:999px;background:#f3effb;color:#5135bd;font-size:12px;font-weight:850;cursor:pointer}.reading-button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;margin-top:22px;padding:10px 21px;border:2px solid var(--ink);border-radius:13px;font-weight:900;cursor:pointer}.reading-button.primary{background:#211832;color:#fff;box-shadow:4px 4px 0 var(--ink)}.reading-button.secondary{background:#fff;color:var(--ink)}.text-button{margin:15px 0 0 12px;padding:5px;border:0;background:transparent;color:#5135bd;font-weight:850;text-decoration:underline;cursor:pointer}.tool-status{min-height:24px;margin:12px 0 0;color:#5135bd;font-size:13px;font-weight:850}.breath-layout{display:grid;max-width:870px;margin:0 auto;grid-template-columns:280px 1fr;align-items:center;gap:55px}.breath-orbit{position:relative;display:grid;width:250px;height:250px;place-items:center;border:2px solid var(--ink);border-radius:50%;background:#e9e1ff}.breath-orbit:before,.breath-orbit:after{position:absolute;border:2px solid #7655e8;border-radius:50%;content:""}.breath-orbit:before{inset:25px}.breath-orbit:after{inset:55px}.breath-orbit span{position:absolute;width:16px;height:16px;border-radius:50%;background:#ffda65;box-shadow:0 -104px 0 #bdf0de,104px 0 0 #ff826f,0 104px 0 #7655e8}.breath-orbit b{z-index:1;font-size:72px}.breath-orbit.breathing{animation:breathe 3s ease-in-out infinite}.reading-summary{display:flex;margin-top:18px;flex-wrap:wrap;gap:8px}.reading-summary span,.reading-summary strong{padding:7px 10px;border-radius:999px;background:#f0ebfa;font-size:12px}.card-table{display:grid;max-width:900px;margin:0 auto;grid-template-columns:repeat(6,1fr);gap:16px}.card-choice{position:relative;aspect-ratio:2/3;border:0;background:transparent;cursor:pointer;perspective:800px}.card-choice-inner{position:absolute;inset:0;border:2px solid var(--ink);border-radius:14px;background:radial-gradient(circle,#977eea 1px,transparent 1.5px) 0 0/15px 15px,#211832;box-shadow:4px 4px 0 var(--ink);transition:transform .25s,box-shadow .25s}.card-choice-inner:before{position:absolute;inset:11px;border:1px solid rgba(255,255,255,.7);border-radius:9px;content:""}.card-choice-inner:after{position:absolute;top:50%;left:50%;display:grid;width:48px;height:48px;place-items:center;border:1px solid #fff;border-radius:50%;color:#fff;content:"HP";font-size:12px;font-weight:900;transform:translate(-50%,-50%)}.card-choice:hover .card-choice-inner,.card-choice:focus-visible .card-choice-inner{box-shadow:7px 7px 0 var(--ink);transform:translate(-3px,-3px) rotate(-1deg)}.card-choice.selected{pointer-events:none}.card-choice.selected .card-choice-inner{background:#ffda65;transform:rotateY(180deg)}.card-choice.selected .card-choice-inner:after{color:#17131f;content:"✓";font-size:22px;transform:translate(-50%,-50%) rotateY(180deg)}.card-choice.selected .card-choice-inner:before{border-color:#17131f}.pick-count{text-align:center;font-weight:900}.reading-results{display:grid;margin-top:30px;grid-template-columns:repeat(3,1fr);gap:17px}.result-card{display:flex;min-height:420px;flex-direction:column;padding:23px;border:2px solid var(--ink);border-radius:20px;box-shadow:6px 6px 0 var(--ink)}.result-card.gold{background:#fff3be}.result-card.violet{background:#e9e1ff}.result-card.mint{background:#d9f5ed}.result-card .position{font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.result-card .card-mark{display:grid;width:55px;height:55px;margin:26px 0 35px;place-items:center;border:2px solid var(--ink);border-radius:50%;background:#fff;font-size:15px;font-weight:950}.result-card h3{margin:0 0 12px;font:700 34px/1 Georgia,serif}.result-card p{margin:0;color:#494152}.result-card .context{margin-top:auto;padding-top:24px;color:#17131f;font-size:13px;font-weight:800}.result-heading{text-align:center}.pull-together{margin-top:30px;padding:22px;border:2px solid var(--ink);border-radius:16px;background:#f6f2fb}.pull-together p{margin:8px 0 0;font-size:19px}.result-actions{display:flex;justify-content:center;gap:12px}.faq-section,.reading-guide{padding:66px 0}.reading-guide{background:#fff;border-block:1px solid #d5cedd}.reading-guide h2,.faq-section h2{max-width:900px;margin:10px 0 28px;font-size:clamp(35px,5vw,54px);line-height:1.02;letter-spacing:-.05em}.guide-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.guide-columns article{padding-top:20px;border-top:2px solid var(--ink)}.guide-columns b{display:grid;width:34px;height:34px;place-items:center;border:2px solid var(--ink);border-radius:50%;background:#ffda65;font-size:11px}.guide-columns h3{margin:18px 0 6px;font-size:23px}.guide-columns p{margin:0;color:var(--muted)}.faq-section{background:#f7f4ff}.faq-section details{max-width:900px;border-top:1px solid #bdb4c8}.faq-section details:last-of-type{border-bottom:1px solid #bdb4c8}.faq-section summary{padding:18px 5px;font-weight:900;cursor:pointer}.faq-section details p{margin:0;padding:0 5px 20px;color:var(--muted)}@keyframes breathe{50%{transform:scale(1.06)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.breath-orbit.breathing,.card-choice-inner{animation:none!important;transition:none!important}}@media(max-width:840px){.reading-hero-inner,.breath-layout{grid-template-columns:1fr}.hero-deck{display:none}.breath-orbit{margin:auto}.card-table{grid-template-columns:repeat(4,1fr)}.reading-results{grid-template-columns:1fr}.result-card{min-height:300px}.guide-columns{grid-template-columns:1fr}.setup-grid{grid-template-columns:1fr}.question-field{grid-column:auto}}@media(max-width:600px){.reading-hero{padding:43px 0}.reading-hero h1{font-size:46px}.reading-workspace{width:calc(100% - 22px);margin-top:25px;box-shadow:5px 5px 0 var(--ink)}.step-track li{min-height:58px}.step-track li span{display:none}.tool-step{padding:24px 18px}.card-table{grid-template-columns:repeat(3,1fr);gap:11px}.result-actions{display:grid}.reading-button{width:100%}.local-banner{align-items:flex-start;text-align:left}.breath-orbit{width:210px;height:210px}.breath-orbit span{box-shadow:0 -84px 0 #bdf0de,84px 0 0 #ff826f,0 84px 0 #7655e8}}