.oan-calculator{--oan-gold:#d4b775;--oan-cream:#f1e7d3;max-width:900px;margin:auto;padding:clamp(24px,5vw,64px) clamp(18px,5vw,60px);background:transparent;border:0;color:var(--oan-cream);text-align:center;box-sizing:border-box}.oan-calculator *{box-sizing:border-box}.oan-calculator [hidden]{display:none!important}.oan-calculator .oan-eyebrow{font:10px/1.8 sans-serif;letter-spacing:.22em;color:var(--oan-gold)}.oan-calculator h2{font:clamp(32px,6vw,52px)/1.2 Georgia,serif;color:var(--oan-gold);margin:20px 0}.oan-calculator p{line-height:1.7}.oan-calculator .oan-form{max-width:400px;margin:36px auto 0;text-align:left}.oan-calculator label{display:block;margin-bottom:10px;color:var(--oan-gold)}.oan-calculator input[type=date]{display:block;width:100%;min-height:50px;background:#151615;color:var(--oan-cream);border:1px solid #857044;border-radius:0;padding:12px;font:16px/1.5 sans-serif;color-scheme:dark}.oan-calculator input:focus-visible,.oan-calculator button:focus-visible,.oan-calculator summary:focus-visible{outline:2px solid #efdba3;outline-offset:4px}.oan-calculator input[aria-invalid=true]{border-color:#e7a291}.oan-calculator .oan-privacy{font:12px/1.7 sans-serif;color:#b6ae9c}.oan-calculator button{display:block;width:100%;padding:13px 22px;background:linear-gradient(110deg,#a98b50,#eedba9,#b29459);color:#0b0c0b;border:1px solid #d4b775;border-radius:0;font:16px/1.4 Georgia,serif;cursor:pointer}.oan-calculator .oan-error{color:#f2bbab;font-size:14px}.oan-calculator .oan-status{font-size:13px;color:#b6ae9c}.oan-calculator .oan-result{border-top:1px solid #645432;margin-top:30px;padding-top:25px;animation:oan-reveal .45s ease-out}.oan-calculator .oan-result:focus{outline:none}.oan-calculator .oan-number{font:clamp(60px,12vw,96px)/1.2 Georgia,serif;color:var(--oan-gold);margin:8px 0}.oan-calculator h3{font:28px/1.4 Georgia,serif;color:var(--oan-gold);margin:12px 0}.oan-calculator .oan-meaning{max-width:520px;margin:14px auto 26px}.oan-calculator .oan-advice{max-width:520px;margin:auto;padding:18px 24px;background:#d4b77509;border-left:1px solid #b69b61}.oan-calculator .oan-advice h4{font:17px/1.5 Georgia,serif;color:var(--oan-gold);margin:0}.oan-calculator .oan-advice p{margin:10px 0 0}.oan-calculator details{text-align:left;max-width:580px;margin:28px auto;font-size:14px}.oan-calculator summary{color:var(--oan-gold);cursor:pointer;padding:8px 0}.oan-calculator li{line-height:1.9;overflow-wrap:anywhere}.oan-calculator .oan-again{width:auto;margin:24px auto;background:transparent;color:var(--oan-gold);font-size:14px}.oan-calculator .oan-note{font:12px/1.8 sans-serif;color:#b6ae9c;margin:25px auto 0}@keyframes oan-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.oan-calculator *{animation:none!important;scroll-behavior:auto!important}}
.oan-calculator{max-width:1100px}.oan-calculator .oan-progress{list-style:none;display:flex;gap:10px;padding:0;margin:0 0 16px;justify-content:center}.oan-calculator .oan-progress li{font:12px/1.6 sans-serif;color:#aaa18d;padding:8px 12px;border-bottom:1px solid #50452e}.oan-calculator .oan-progress li.is-current{color:#f0d79c;border-color:#d4b775}.oan-calculator .oan-position{font:12px/1.6 sans-serif;color:#b6ae9c;margin-bottom:30px}.oan-result-layout{display:grid;grid-template-columns:minmax(180px,300px) minmax(0,1fr);align-items:start;gap:clamp(24px,5vw,55px);text-align:left}.oan-art{width:100%;max-width:300px;margin:auto}.oan-card{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.oan-card-fallback{display:grid;place-items:center;aspect-ratio:2/3;border:5px double #c0a368;color:#ebdbb6;background:radial-gradient(ellipse,#29241b,#090a0a);font:100px/1 Georgia,serif}.oan-reading-text{min-width:0}.oan-calculator h3.oan-reading-title{font:clamp(24px,4vw,34px)/1.25 Georgia,serif;margin:0 0 12px}.oan-calculator .oan-reading-title:focus{outline:none}.oan-calculator .oan-number{font-size:42px;margin:10px 0}.oan-calculator .oan-reading-subtitle{font:22px/1.4 Georgia,serif;color:var(--oan-gold);margin:0 0 14px}.oan-calculator .oan-period,.oan-calculator .oan-root-note{font:12px/1.7 sans-serif;color:#c8bfa9;margin:8px 0}.oan-calculator .oan-meaning{margin:16px 0 20px}.oan-calculator .oan-advice{margin:0;padding:14px 18px}.oan-calculator .oan-calculation{margin:20px 0 0}.oan-calculator .oan-calculation ol{padding-left:20px}.oan-navigation{display:flex;gap:16px;justify-content:space-between;margin:32px auto 10px;max-width:650px}.oan-navigation button{width:auto;min-width:120px}.oan-navigation .oan-previous{background:transparent;color:var(--oan-gold)}.oan-navigation button:disabled{opacity:.35;cursor:default}.oan-calculator .oan-change{width:auto;margin:15px auto 0;padding:8px 15px;font:12px/1.5 sans-serif;background:transparent;border:0;color:#c0b69f;text-decoration:underline}.oan-calculator .oan-navigation .oan-again{margin:0;background:linear-gradient(110deg,#a98b50,#eedba9,#b29459);color:#090a0a}.oan-calculator .oan-result{animation:none}
@media(max-width:650px){.oan-result-layout{grid-template-columns:1fr}.oan-art{max-width:220px}.oan-calculator .oan-progress{gap:4px}.oan-calculator .oan-progress li{font-size:10px;padding:6px 5px}.oan-navigation{gap:10px}.oan-navigation button{min-width:0;font-size:14px;padding:12px 16px}.oan-calculator .oan-number{font-size:35px}.oan-reading-text{text-align:left}}

.oan-active .oan-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.oan-calculator.oan-active header>p:not(.oan-eyebrow){display:none}.oan-calculator.oan-active .oan-result{margin-top:24px;scroll-margin-top:30px}@media(max-width:650px){.oan-calculator.oan-active header h2{font-size:28px}.oan-calculator.oan-active .oan-art{max-width:180px}}

.oan-calculator .oan-equations{margin:14px 0 22px;padding:12px 16px;border-left:2px solid #d4b775;background:#d4b7750c;font:15px/1.7 sans-serif;color:#eaddbf;overflow-wrap:anywhere}.oan-calculator .oan-equations p{margin:4px 0}.oan-calculator .oan-purpose{margin-bottom:22px}.oan-calculator .oan-purpose h4{font:17px/1.5 Georgia,serif;color:var(--oan-gold);margin:16px 0 6px}.oan-calculator .oan-purpose p{font-size:14px;line-height:1.7;margin:5px 0 12px}.oan-calculator .oan-purpose .oan-context{color:#c9bea7}.oan-calculator .oan-reading-text>.oan-eyebrow{margin-top:20px}.oan-calculator .oan-equations:empty{display:none}

/* Match the zodiac profile: top aligned, sticky within its own reading. */
.oan-calculator .oan-result-layout{align-items:start}.oan-calculator .oan-art{align-self:start;position:sticky;top:36px;margin:0 auto}
@media(max-width:650px){.oan-calculator .oan-art{position:relative;top:auto;margin:0 auto}}
.oan-route-choice{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:36px auto 20px;max-width:800px}.oan-calculator .oan-route-option{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;padding:30px 25px;min-height:230px;background:transparent;color:var(--oan-cream);border:0;cursor:pointer}.oan-calculator .oan-route-option+ .oan-route-option{border-left:1px solid #b99a5c88}.oan-route-icon{font:42px/1 Georgia,serif;color:var(--oan-gold)}.oan-route-option strong{font:25px/1.35 Georgia,serif;color:var(--oan-gold)}.oan-route-option span:last-child{font:13px/1.8 sans-serif;color:#bfb39b}.oan-calculator .oan-route-option:hover{background:#d4b77508}.oan-name-form{max-width:500px;margin:36px auto 0;text-align:left}.oan-calculator input.oan-name,.oan-calculator .oan-y-options select{display:block;width:100%;background:#151615;color:var(--oan-cream);border:1px solid #857044;border-radius:0;padding:12px;font:16px/1.5 sans-serif}.oan-y-options{border-left:1px solid #857044;padding:3px 0 3px 15px;margin:18px 0}.oan-y-options label{font-size:13px}.oan-y-options select{margin:8px 0 15px}.oan-calculator .oan-route-back{font-size:12px}@media(max-width:650px){.oan-route-choice{grid-template-columns:1fr}.oan-calculator .oan-route-option{min-height:180px;padding:24px 15px}.oan-calculator .oan-route-option+ .oan-route-option{border-left:0;border-top:1px solid #b99a5c88}.oan-route-option strong{font-size:22px}}
/* Zodiac-style controls; explicit states prevent Elementor's white hover text. */
.oan-calculator button:not(.oan-route-option):not(.oan-change){background:transparent!important;color:var(--oan-gold)!important;border:1px solid #897044!important;font-weight:400!important;transition:background-color .2s,color .2s,border-color .2s}
.oan-calculator button:not(.oan-route-option):not(.oan-change):not(:disabled):hover,.oan-calculator button:not(.oan-route-option):not(.oan-change):not(:disabled):focus,.oan-calculator button:not(.oan-route-option):not(.oan-change):not(:disabled):focus-visible,.oan-calculator button:not(.oan-route-option):not(.oan-change):not(:disabled):active{background:var(--oan-cream)!important;color:#15130f!important;border-color:var(--oan-cream)!important;font-weight:400!important}
.oan-calculator button.oan-change,.oan-calculator button.oan-change:not(:disabled):hover,.oan-calculator button.oan-change:not(:disabled):focus-visible,.oan-calculator button.oan-change:not(:disabled):focus,.oan-calculator button.oan-change:not(:disabled):active{background:transparent!important;color:#c0b69f!important;font-weight:400!important}
.oan-calculator button.oan-change:not(:disabled):hover,.oan-calculator button.oan-change:not(:disabled):focus-visible{color:var(--oan-cream)!important}
.oan-calculator button.oan-route-option,.oan-calculator button.oan-route-option:not(:disabled):focus-visible,.oan-calculator button.oan-route-option:not(:disabled):focus,.oan-calculator button.oan-route-option:not(:disabled):active{background:transparent!important;color:var(--oan-cream)!important;font-weight:400!important}
.oan-calculator button.oan-route-option:not(:disabled):hover{background:#d4b77508!important;color:var(--oan-cream)!important}
@media(prefers-reduced-motion:reduce){.oan-calculator button{transition:none!important}}