@font-face{font-family:'Cormorant Garamond';src:url('https://crea-site.com/font/13font/CormorantGaramond-Light.woff2') format('woff2'), url('https://crea-site.com/font/13font/CormorantGaramond-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:'Cormorant Garamond';src:url('https://crea-site.com/font/13font/CormorantGaramond-LightItalic.woff2') format('woff2'), url('https://crea-site.com/font/13font/CormorantGaramond-LightItalic.woff') format('woff');font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:'Cormorant Garamond';src:url('https://crea-site.com/font/13font/CormorantGaramond-Regular.woff2') format('woff2'), url('https://crea-site.com/font/13font/CormorantGaramond-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Cormorant Garamond';src:url('https://crea-site.com/font/13font/CormorantGaramond-Italic.woff2') format('woff2'), url('https://crea-site.com/font/13font/CormorantGaramond-Italic.woff') format('woff');font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:'Cinzel';src:url('https://crea-site.com/font/13font/Cinzel Regular.woff2') format('woff2'), url('https://crea-site.com/font/13font/Cinzel Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Crimson Pro';src:url('https://crea-site.com/font/13font/Crimson.woff2') format('woff2'), url('https://crea-site.com/font/13font/Crimson.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}.author-line,
.summary-title{font-family:Cinzel,serif;color:var(--gold)}.dates-box,.traits-grid{grid-template-columns:1fr 1fr}.hero,footer{text-align:center;padding:4rem 2rem}.calc-heading,.section-title,body,h1,h2,h3{font-weight:300}.slide,.zodiac-card{scroll-snap-align:start}.divider span,.tag{white-space:nowrap}.slides,.zodiac-slider{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.nav-btn:disabled,.ophiuchus-watermark,.slide img,.slide-header::before,.stars{pointer-events:none}.artist-quote,.intro-cell,.page-sub,.pull-quote,.section-sub,.summary-lead,footer p,h1 em,h3{font-style:italic}.author-bio a,.summary-nav a,sup a{text-decoration:none}*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--midnight:#07080f;--deep:#0d0f1e;--void:#11142a;--gold:#c9a84c;--gold-pale:#e8d5a0;--serpent:#4a8f6f;--serpent-pale:#7abf9e;--text:#d4cfc8;--muted:#7a7570;--bg:#07080f;--surface:#0d0f1c;--line:rgba(255,255,255,.05); --ease-out-expo:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--sc:#8b3a52;--sc-pale:#d4849e;--sc-dim:rgba(139,58,82,.15);--sc-glow:rgba(139,58,82,.08);--sa:#b07030;--sa-pale:#e8b870;--sa-dim:rgba(176,112,48,.15);--sa-glow:rgba(176,112,48,.08);--se:#3d7d5e;--se-pale:#7abf9e;--se-dim:rgba(61,125,94,.15);--se-glow:rgba(61,125,94,.08);--gold:#c9a84c;--goldp:#e8d5a0;--text:#ccc8bf;--muted:#5e5a55;--radius:4px}body{background:var(--bg);color:var(--text)!important;padding:0rem .13rem;background:var(--midnight)!important;font-family:'Crimson Pro',Georgia,serif!important;font-size:19px!important;line-height:1.85!important;overflow-x:hidden}html{scroll-behavior:smooth}.stars{position:fixed;inset:0;z-index:0;overflow:hidden}.stars span{position:absolute;border-radius:50%;background:#fff;opacity:0;animation:twinkle var(--d,4s) var(--delay,0s) infinite}.calc-field select option,.summary-inner{background:var(--void)}@keyframes twinkle{0%,100%{opacity:0;transform:scale(.8)}50%{opacity:var(--o,.7);transform:scale(1.2)}}.hero{position:relative;z-index:1;min-height:59vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 60% at 50% 40%,rgba(74,143,111,.08) 0,transparent 70%),radial-gradient(ellipse 40% 40% at 30% 70%,rgba(201,168,76,.06) 0,transparent 60%)}.constellation{width:120px;height:120px;margin:0 auto 3rem;opacity:0;animation:1.2s .3s forwards fadeUp}.eyebrow{letter-spacing:.4em;color:var(--gold);text-transform:uppercase;opacity:0;animation:1s .6s forwards fadeUp}h1{font-family:'Cormorant Garamond',serif;font-size:2.6em;line-height:1;letter-spacing:-.02em;color:var(--gold-pale);margin-bottom:.3em;opacity:0;animation:1s .8s forwards fadeUp}h1 em{color:var(--serpent-pale);display:block;font-size:.6em}.author-line{margin-top:3rem;font-size:.77rem;letter-spacing:.3em;opacity:0;animation:1s 1.4s forwards fadeUp}.calc-title,.summary-title{letter-spacing:.4em;text-transform:uppercase}@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;animation:1s 1.8s forwards fadeUp}.calc-wrap,.content,.slider-wrapper,.summary-box{position:relative}.scroll-hint span{font-family:Cinzel;font-size:.55rem;letter-spacing:.3em;color:var(--muted)}.scroll-hint::after{content:'';display:block;width:1px;height:40px;background:linear-gradient(to bottom,var(--gold),transparent);animation:2s ease-in-out infinite pulse-line}@keyframes pulse-line{0%,100%{opacity:.3}50%{opacity:1}}.summary-box{z-index:1;max-width:964px;margin:0 auto;padding:0 2rem}.summary-inner{border:1px solid rgba(201,168,76,.3);border-radius:4px;padding:2.5rem 3rem;margin-bottom:4rem}.summary-title{font-size:.88rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.summary-lead,.summary-nav a:hover,sup a:hover{color:var(--gold-pale)}.section-label::after,.sources-title::after,.summary-title::after{content:'';flex:1;height:1px;background:linear-gradient(to right,rgba(201,168,76,.4),transparent)}.summary-lead{font-family:'Cormorant Garamond',serif;font-size:1.3rem;margin-bottom:1.5rem;line-height:1.6}.summary-nav{list-style:none;display:flex;flex-direction:column;gap:.7rem}.summary-nav a{color:var(--serpent-pale);font-size:1rem;display:flex;align-items:center;gap:.8rem;transition:color .2s}.calc-wrap{z-index:1;max-width:964px;margin:0 auto;padding:0 2rem 4rem}.calc-box{background:linear-gradient(135deg,rgba(74,143,111,.08),rgba(201,168,76,.06));border:1px solid rgba(74,143,111,.35);border-radius:4px;padding:2.5rem 3rem}.calc-title{font-family:Cinzel,serif;font-size:.77rem;color:var(--serpent-pale);margin-bottom:.8rem}.calc-heading{font-family:'Cormorant Garamond',serif;font-size:1.8rem;color:var(--gold-pale);margin-bottom:1.2rem;line-height:1.3}.calc-btn,.calc-field label,.result-sign-line,.result-tag{font-family:Cinzel,serif;text-transform:uppercase}.calc-row,h2{margin-bottom:1.5rem}.calc-row{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.calc-field{display:flex;flex-direction:column;gap:.4rem}.calc-field label{font-size:.64rem;letter-spacing:.25em;color:var(--gold)}.calc-field input,.calc-field select{background:var(--void);border:1px solid rgba(201,168,76,.3);color:var(--text);font-family:'Crimson Pro',serif;font-size:1rem;padding:.7rem 1rem;border-radius:2px;outline:0;cursor:pointer}.calc-field input:focus,.calc-field select:focus{border-color:var(--gold)!important}.calc-btn{background:var(--gold);color:var(--midnight);font-size:.77rem;letter-spacing:.25em;border:none;padding:.75rem 2rem;cursor:pointer;border-radius:2px;transition:background .2s,transform .1s;align-self:flex-end}.calc-btn:hover{background:var(--gold-pale);transform:translateY(-1px)}.calc-result{display:none;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(201,168,76,.15)}.calc-result.visible{display:block}.result-sign-line{font-size:.7rem;letter-spacing:.3em;color:var(--gold);margin-bottom:.5rem}.result-emoji{font-size:2.5rem;margin-bottom:.5rem}.result-title{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--gold-pale);margin-bottom:.8rem}.result-tag{display:inline-block;font-size:.64rem;letter-spacing:.2em;padding:.3rem .8rem;border-radius:20px;margin-bottom:1rem}.section-label,sup a{font-family:Cinzel,serif;font-size:.7rem}.tag-changed{background:rgba(201,168,76,.1);border:1px solid var(--gold);color:var(--gold)}.tag-unchanged{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);color:wheat}.tag-ophiuchus,h3{color:var(--serpent-pale)}.tag-ophiuchus{background:rgba(74,143,111,.3);border:1px solid var(--serpent-pale)}.dates-box .item,.pull-quote{border-left:2px solid var(--gold)}.result-body{line-height:1.8;color:var(--text)}.content{z-index:1;max-width:964px;margin:0 auto;padding:0 1rem 8rem}.section{margin-bottom:6rem}.section-label{letter-spacing:.45em;color:var(--gold);text-transform:uppercase;margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.pull-quote,h2{font-family:'Cormorant Garamond',serif;color:var(--gold-pale)}.slider-arrow,.slider-wrapper{align-items:center;display:flex}h2{font-size:clamp(2rem,5vw,3.2rem);line-height:1.2}h3{font-family:'Cormorant Garamond',serif;font-size:1.4rem;margin:2.5rem 0 1rem}h4{color:var(--gold)}p{margin-bottom:1.4em}sup a{color:var(--gold)}.pull-quote{padding:1.5rem 2rem;margin:3rem 0;background:linear-gradient(to right,rgba(201,168,76,.06),transparent);font-size:1.35rem;line-height:1.55}.callout-title-13,.pull-quote cite{font-size:.77rem;font-family:Cinzel,serif}.pull-quote cite{display:block;margin-top:.8rem;letter-spacing:.2em;color:var(--gold);font-style:normal}.callout-13{background:rgba(74,143,111,.08);border:1px solid rgba(74,143,111,.25);border-radius:2px;padding:.77rem .77rem;margin:2.5rem 0}.callout-title-13{letter-spacing:.35em;color:var(--serpent-pale);text-transform:uppercase;margin-bottom:1rem}.dates-box .item strong,.z-name{letter-spacing:.2em;color:var(--gold)}.callout-13 strong,.cosmic-faq-answer strong{color:var(--gold)}.callout-13 em,.cosmic-faq-answer em{text-transform:italic}.dates-box{background:var(--void);border:1px solid rgba(201,168,76,.2);border-radius:2px;padding:2rem;margin:2.5rem 0;display:grid;gap:1.5rem}.dates-box .item{padding-left:1rem}.dates-box .item strong{display:block;font-family:Cinzel,serif;font-size:.88rem;margin-bottom:.3rem}.dates-box .item span{font-size:.95rem;color:var(--text)}.slider-wrapper{margin:2.5rem 0}.zodiac-slider{display:flex;gap:1rem;overflow-x:auto;width:100%;padding-bottom:1rem;-ms-overflow-style:none}.slide,.slides{overflow:hidden}.zodiac-slider::-webkit-scrollbar{display:none}.zodiac-card{background:var(--void);border:1px solid rgba(201,168,76,.12);border-radius:3px;padding:1.2rem 1.5rem;transition:border-color .2s;flex:0 0 100%}@media (min-width:600px){.zodiac-card{flex:0 0 calc((100% - 1rem)/ 2)}}@media (min-width:900px){.zodiac-card{flex:0 0 calc((100% - 2rem)/ 3)}}.zodiac-card:hover{border-color:rgba(201,168,76,.35)}.zodiac-card.ophiuchus-card{border-color:rgba(74,143,111,.5);background:rgba(74,143,111,.08)}.zodiac-card.affected{border-color:rgba(201,168,76,.3);background:rgba(201,168,76,.03)}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:var(--surface);border:1px solid var(--line);color:var(--gold);font-size:1.5rem;width:44px;height:44px;border-radius:50%;cursor:pointer;z-index:10;justify-content:center;transition:.3s;box-shadow:0 4px 12px rgba(0,0,0,.6)}.slider,footer{position:relative}.source-num,.sources-title{align-items:center;font-family:Cinzel,serif}.slider-arrow:hover{background:var(--void);border-color:var(--gold);color:var(--goldp);box-shadow:0 0 15px rgba(201,168,76,.15)}.prev-arrow{left:-22px}.next-arrow{right:-22px}.slider-arrow:disabled{opacity:0;pointer-events:none;transform:translateY(-50%) scale(.85)}.nav-btn,.slide-header::before{top:50%;transform:translateY(-50%)}.z-emoji{font-size:1.7rem;margin-bottom:.4rem}.z-name{font-family:Cinzel,serif;font-size:.88rem;text-transform:uppercase;margin-bottom:.2rem}.z-dates{font-size:.82rem;color:var(--muted);margin-bottom:.5rem}.z-badge{display:inline-block;font-family:Cinzel,serif;font-size:.64rem;letter-spacing:.15em;padding:.15rem .5rem;border-radius:10px;text-transform:uppercase}.tab-content.active,.traits-grid{display:grid}.badge-shifted{background:rgba(201,168,76,.15);border:1px solid var(--gold);color:var(--gold)}.badge-stable{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--muted)}.badge-new{background:rgba(74,143,111,.35);border:1px solid var(--serpent-pale);color:var(--serpent-pale)}.z-note{font-size:1.13rem;margin-top:.5rem;line-height:1.5}.traits-grid{gap:1.2rem;margin:2rem 0}.trait-card{background:var(--void);border:1px solid rgba(201,168,76,.12);border-radius:3px;padding:1.4rem}.trait-card.quality{border-left:3px solid var(--serpent)}.trait-card.flaw{border-left:3px solid rgba(180,80,80,.6)}.trait-icon{font-size:1.3rem;margin-bottom:.4rem}.trait-name{font-family:Cinzel,serif;font-size:.69rem;letter-spacing:.2em;color:var(--gold-pale);text-transform:uppercase;margin-bottom:.4rem}.trait-desc{font-size:.88rem;color:var(--muted);line-height:1.6;color:wheat}.sources-section{background:var(--void);border:1px solid rgba(201,168,76,.2);border-radius:4px;padding:2.5rem 3rem;margin:4rem 0 0}.sources-title{font-size:.77rem;letter-spacing:.4em;color:var(--gold);text-transform:uppercase;margin-bottom:1.5rem;display:flex;gap:1rem}.divider span,.source-num{font-size:.7rem;color:var(--gold)}.source-item{display:flex;gap:1.2rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.04);align-items:flex-start}.source-item:last-child{border-bottom:none}.source-num{width:1.7rem;height:1.7rem;background:rgba(201,168,76,.1);border-radius:50%;display:flex;justify-content:center;flex-shrink:0;margin-top:.1rem}.source-ref{font-family:Cinzel,serif;font-size:.63rem;letter-spacing:.1em;color:var(--gold-pale);display:block;margin-bottom:.25rem}.divider,.traits-tabs{display:flex;gap:1.5rem}.source-desc{font-size:.88rem}span.source-desc{line-height:.77rem}.divider{align-items:center;margin:4rem 0;opacity:.4}.divider::after,.divider::before{content:'';flex:1;height:1px;background:var(--gold)}.divider span{font-family:Cinzel;letter-spacing:.2em}footer{z-index:1;border-top:1px solid rgba(201,168,76,.1)}footer p{font-size:.85rem}@media(max-width:968px){span.sign-emoji{float:left;font-size:.77rem;position:absolute;left:13px}.dates-box,.traits-grid{grid-template-columns:1fr}h1{font-size:2.9rem}.calc-row{flex-direction:column}.calc-box,.sources-section,.summary-inner{padding:1.8rem 1.5rem}}@media(max-width:620px){.dates-box,.traits-grid{grid-template-columns:1fr}h1{font-size:2.3rem}.calc-row{flex-direction:column}.calc-box,.sources-section,.summary-inner{padding:1.5rem 1.3rem}}.traits-tabs{justify-content:center;margin:2rem 0 1rem}.tab-btn{background:0 0;border:1px solid rgba(201,168,76,.2;);color:wheat!important;font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;padding:.8rem 2rem;border-radius:var(--radius);cursor:pointer;transition:.3s}.tab-btn:hover{border-color:rgba(201,168,76,.5);color:var(--text)}.tab-btn.active{background:rgba(201,168,76,.1);border-color:var(--gold);color:var(--gold)}.tab-content{display:none}.serp-section{max-width:880px;margin:0 auto}.eyebrow{font-family:Cinzel,serif;font-size:.64rem;letter-spacing:.5em;color:var(--gold);text-transform:uppercase;display:flex;align-items:center;gap:1rem;margin-bottom:.9rem}.eyebrow::after{content:'';flex:1;height:1px;background:linear-gradient(to right,var(--goldd),transparent)}.section-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.9rem, 4.5vw, 3rem);color:var(--gold);line-height:1.15;margin-bottom:.5rem}.section-sub{font-size:.95rem;color:wheat;margin-bottom:2.8rem;max-width:540px}.slides{display:flex;scroll-snap-type:x mandatory}.slide{min-width:100%;background:var(--card);border:1px solid rgba(201,168,76,.1);border-radius:6px;display:grid;grid-template-rows:auto 1fr}.slide-header{display:grid;grid-template-columns:1fr auto;align-items:end;gap:1.2rem;padding:2.2rem 2.8rem 1.7rem;border-bottom:1px solid rgba(201,168,76,.07);background:linear-gradient(135deg,var(--card2) 0,var(--card) 100%)}.qualityophi::before{content:'⛎';position:absolute;right:1.5rem;font-size:8rem;opacity:.13;line-height:1;user-select:none}.slide-meta{display:flex;flex-direction:column;gap:.28rem}.artist-domain{font-family:Cinzel,serif;font-size:.77rem;letter-spacing:.38em;color:var(--serpp);text-transform:uppercase}.artist-name{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:clamp(2.5rem, 6vw, 4.2rem);line-height:.93;letter-spacing:-.025em;color:var(--goldp)}.artist-date,.tag{font-family:Cinzel,serif;font-size:.64rem;text-transform:uppercase}.artist-date{letter-spacing:.22em;color:wheat;display:flex;align-items:center;gap:.7rem;margin-top:.55rem}.artist-date::before{content:'';display:inline-block;width:18px;height:1px;background:var(--gold);opacity:.38}.tags{display:flex;flex-direction:column;flex-wrap:wrap;gap:.45rem;align-self:end;align-items:flex-end}.tag{letter-spacing:.17em;padding:.26rem .77rem;border-radius:2px}.tag-libre{color:var(--goldp);border:1px solid rgba(201,168,76,.33);background:rgba(201,168,76,.06)}.tag-rebel{color:#c07878;border:1px solid rgba(180,70,70,.33);background:rgba(160,60,60,.07)}.tag-nature{color:var(--serpp);border:1px solid rgba(74,143,111,.33);background:rgba(74,143,111,.06)}.tag-empire{color:#a0b8d0;border:1px solid rgba(100,140,180,.33);background:rgba(80,120,160,.06)}.slide-body{padding:2rem 2.8rem 2.4rem;display:grid;grid-template-columns:1.5fr .5fr;gap:2.2rem;align-items:start}.slider{align-items:center;display:flex}.artist-desc{font-size:1rem;line-height:1.78;color:var(--text);margin-bottom:1.4rem}.artist-quote{font-family:'Cormorant Garamond',serif;font-size:1.08rem;color:var(--goldp);border-left:2px solid var(--gold);padding:.75rem 1.26rem;line-height:1.6;opacity:.88;margin-bottom:0}.artist-quote footer{margin-top:.55rem;font-size:.75rem;font-style:normal;padding:.75rem 1.26rem;font-family:Cinzel,serif;letter-spacing:.14em;color:var(--gold);opacity:.65}.slider{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.slides{display:flex;-ms-overflow-style:none;cursor:grab;display:flex;overflow-x:auto;width:100%;-ms-overflow-style:none}.slides:active{cursor:grabbing}.traits{list-style:none;padding:0;display:flex;flex-direction:column;gap:.42rem}.traits li{display:flex;align-items:flex-start;gap:.7rem;font-size:.91rem;color:var(--text);line-height:1.5}.traits li .ico{color:var(--gold);font-size:.77rem;margin-top:.28rem;flex-shrink:0}.slide-left{display:flex;flex-direction:column}.slides::-webkit-scrollbar{display:none}.nav-btn{position:absolute;background:rgba(7,8,15,.7);border:1px solid rgba(201,168,76,.3);color:var(--goldp);width:50px;height:80px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:.3s;backdrop-filter:blur(4px)}.nav-btn:hover{background:rgba(201,168,76,.15);border-color:var(--gold);color:var(--gold)}.cat-label,.comp-row,.sign-headers{border-bottom:1px solid var(--line)}.nav-btn#prev{left:-16px;border-radius:0 4px 4px 0}.nav-btn#next{right:-16px;border-radius:4px 0 0 4px}.nav-btn:disabled{opacity:0;transform:translateY(-50%) scale(.8)}.slide-header{position:relative;overflow:hidden}.ophiuchus-watermark{position:absolute;top:.8rem;right:1.2rem;width:9rem;height:auto;max-height:65%;object-fit:contain;opacity:.92;user-select:none;filter:brightness(1.3) contrast(1.1) sepia(.15) drop-shadow(0 0 15px rgba(201,168,76,.4));transition:.8s cubic-bezier(.23, 1, .32, 1);transform:translateY(-20%) scale(.85)}.slide.is-visible .ophiuchus-watermark{opacity:1!important;transform:translateY(0) scale(1);animation:1.4s ease-out forwards watermarkEnter;max-height:150px;margin-top:26px;z-index:-1}.slide:hover .ophiuchus-watermark{opacity:.99;transform:scale(1.05) rotate(2deg);filter:brightness(1.5) contrast(1.2) drop-shadow(0 0 30px rgba(201,168,76,.7));cursor:default}@keyframes watermarkEnter{0%{opacity:0;transform:translateY(-40%) scale(.7) rotate(-8deg)}60%{opacity:.08;transform:translateY(5%) scale(1.08) rotate(3deg)}100%{opacity:.14;transform:translateY(0) scale(1) rotate(0)}}@media (max-width:768px){.nav-btn{width:40px;height:60px;font-size:1.5rem}}@media (max-width:680px){.slide-body,.slide-header{grid-template-columns:1fr}.slide-header{padding:1.7rem 1.5rem 1.3rem}.tags{flex-direction:row;align-items:flex-start}.slide-body{padding:1.5rem 1.5rem 2rem;gap:1.4rem}.artist-name{font-size:2.4rem}.artist-quote{display:none}}.cat-label,.comp-row,.intro-band,.sign-headers{grid-template-columns:220px 1fr 1fr 1fr}.comp-section{max-width:1100px;margin:0 auto}.page-eyebrow{font-family:Cinzel,serif;font-size:.64rem;letter-spacing:.5em;color:var(--gold);text-transform:uppercase;display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}.page-eyebrow::after{content:'';flex:1;height:1px;background:linear-gradient(to right,rgba(201,168,76,.2),transparent)}.page-title{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(1.9rem, 4vw, 3rem);color:var(--goldp);line-height:1.15;margin-bottom:.5rem}.cat-label-inner,.cosmic-faq-answer th,.cosmic-faq-question,.intro-cell:first-child,.pill,.row-label,.sign-dates,.sign-name{font-family:Cinzel,serif}
.page-sub {
    font-size: 1.13rem;
    margin-bottom: 3rem;
    max-width: 560px;
    opacity: .92;
}.cat-group,.sign-headers{margin-bottom:0}.sign-headers{display:grid;gap:0;position:sticky;top:44px;z-index:10;background:var(--bg)}.sign-col-head{padding:1.4rem 1.6rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;border-right:1sapx solid var(--line)}.cell,.row-label{border-right:1px solid var(--line)}.cell:last-child,.intro-cell:last-child,.sign-col-head:last-child{border-right:none}.sign-col-head:first-child{align-items:flex-start;background:0 0}.sign-emoji{font-size:2rem;line-height:1}.sign-name{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;font-weight:600}.sign-dates{font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;opacity:.6}.sign-col-head.sc{background:var(--sc-glow);border-top:2px solid var(--sc)}.sign-col-head.sc .sign-name,.star.sc-on{color:var(--sc-pale)}.sign-col-head.sa{background:var(--sa-glow);border-top:2px solid var(--sa)}.sign-col-head.sa .sign-name,.star.sa-on{color:var(--sa-pale)}.sign-col-head.se{background:var(--se-glow);border-top:2px solid var(--se)}.sign-col-head.se .sign-name,.star.se-on{color:var(--se-pale)}.cat-label{display:grid;background:var(--surface);border-top:1px solid rgba(201,168,76,.12)}.cat-label-inner{grid-column:1/-1;padding:.7rem 1.6rem;font-size:.57rem;letter-spacing:.4em;color:var(--gold);text-transform:uppercase;display:flex;align-items:center;gap:.8rem}.cat-label-inner::after{content:'';flex:1;height:1px;background:linear-gradient(to right,rgba(201,168,76,.25),transparent)}.comp-row{display:grid;transition:background .15s}.comp-row:hover{background:rgba(255,255,255,.018)}.row-label{padding:.85rem 1.6rem;font-size:.67rem;letter-spacing:.2em;text-transform:uppercase;color:wheat;display:block;align-items:center;gap:.6rem}.row-label .rl-icon{font-size:.85rem;flex-shrink:0;opacity:.7}.cell{padding:.85rem 1.4rem;font-size:.95rem;line-height:1.55;color:var(--text);vertical-align:middle}.cell.sc{border-left:2px solid var(--sc)}.cell.sa{border-left:2px solid var(--sa)}.cell.se{border-left:2px solid var(--se)}.pill{display:inline-block;font-size:.64rem;letter-spacing:.15em;text-transform:uppercase;padding:.18rem .55rem;border-radius:20px;margin-bottom:.25rem;margin-right:.2rem}.pill-sc{background:var(--sc-dim);color:var(--sc-pale);border:1px solid rgba(139,58,82,.35)}.pill-sa{background:var(--sa-dim);color:var(--sa-pale);border:1px solid rgba(176,112,48,.35)}.pill-se{background:var(--se-dim);color:var(--se-pale);border:1px solid rgba(61,125,94,.35)}.author-bio a:hover,.pill-neu{background:rgba(201,168,76,.1)}.pill-neu{color:var(--goldp);border:1px solid rgba(201,168,76,.3)}.stars-row{display:flex;gap:.18rem;margin-top:.2rem}.star{font-size:.8rem;opacity:.92}.star.on{opacity:1}.val-strong{color:var(--goldp);font-weight:400}.intro-band{display:grid;border-bottom:2px solid var(--line);margin-bottom:0}.intro-cell{padding:1rem 1.4rem 1.2rem;font-size:1.13rem;line-height:1.6;color:wheat;border-right:1px solid var(--line)}.intro-cell:first-child{display:flex;align-items:center;font-size:1.13rem;letter-spacing:.25em;text-transform:uppercase;color:var(--muted);font-style:normal}.author-bio a{color:var(--gold);font-weight:500;padding:4px 8px;border-radius:4px;transition:.3s;position:relative;margin:0 4px}.author-bio a:hover{color:var(--goldp);box-shadow:0 2px 8px rgba(201,168,76,.2);transform:translateY(-1px)}.author-bio a[href*=mailto]{border-left:3px solid var(--gold);padding-left:12px}.author-bio a[href*="wa.me"]{color:#25d366!important;border-left:3px solid #25d366;padding-left:12px}.author-bio a[href*=linkedin]{color:#0a66c2!important;border-left:3px solid #0a66c2;padding-left:12px}.author-bio a:last-child::after{content:'';margin:0}@media (max-width:600px){.slider-arrow{width:36px;height:36px;font-size:1.2rem}.prev-arrow{left:-5px}.next-arrow{right:-5px}.author-bio a{display:inline-block;margin:4px 8px 4px 0;padding:6px 10px;font-size:.95rem}}@media (max-width:820px){.calc-field{width:100%}.cat-label,.comp-row,.intro-band,.sign-headers{grid-template-columns:1fr;grid-template-columns:1fr!important}.intro-cell:first-child,.row-label,.sign-col-head:first-child{display:none}.cell,.sign-col-head{border-right:none}.comp-row{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.4rem}.cell{border-bottom:1px solid var(--line)}.cat-label{margin-bottom:.8rem}.cat-label-inner{grid-column:auto!important;padding:.9rem 1.2rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.intro-cell:first-child,.row-label{display:block!important;order:-1;padding:.7rem 1.2rem;background:rgba(201,168,76,.08);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.5rem;font-weight:500}.cell,.sign-col-head{padding:.8rem 1.2rem;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.4rem}.cell:last-child,.sign-col-head:last-child{border-bottom:none;margin-bottom:0}}.ml-15{margin-left:15px}#cosmic-faq-section{max-width:900px;margin:auto;padding:6rem 1.5rem}#cosmic-faq-container{display:flex;flex-direction:column;gap:1rem;margin-top:3rem}.cosmic-faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.4s}.cosmic-faq-question{width:100%;background:0 0;border:none;color:var(--gold);letter-spacing:.08em;padding:1.3rem 1.6rem;cursor:pointer;display:flex;justify-content:space-between}.cosmic-faq-question::after{content:"+";font-size:1.3rem;color:var(--serpent-pale);transition:.4s}.cosmic-faq-item.active .cosmic-faq-question::after{transform:rotate(45deg)}.cosmic-faq-answer{max-height:0;overflow:hidden;transition:max-height .6s}.cosmic-faq-answer p{padding:0 1.6rem 1rem;color:var(--text);line-height:1.6}.cosmic-faq-answer table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem}.cosmic-faq-answer td,.cosmic-faq-answer th{border-bottom:1px solid var(--line);padding:.6rem 1rem;font-size:.9rem}.cosmic-faq-answer th{color:var(--gold-pale);font-size:.75rem;letter-spacing:.1em;text-align:left}.cosmic-faq-item.active{border-color:var(--se);box-shadow:0 0 0 1px var(--se),0 0 30px var(--se-glow)}#sept-jours .sj-table{overflow:hidden}#sept-jours .sj-cat-label{padding:.6rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--c1,#0d1b2a) 12%,transparent);background:color-mix(in srgb,var(--c1,#0d1b2a) 5%,transparent);font-size:.85rem;font-weight:600}#sept-jours .sj-row{display:grid;grid-template-columns:160px repeat(7,1fr);border-bottom:1px solid color-mix(in srgb,var(--c1,#0d1b2a) 10%,transparent)}#sept-jours .sj-row:last-child{border-bottom:none}#sept-jours .sj-row--head{background:color-mix(in srgb,var(--c1,#0d1b2a) 6%,transparent)}#sept-jours .sj-row--planets{background:color-mix(in srgb,var(--c1,#0d1b2a) 3%,transparent)}#sept-jours .sj-label{padding:.5rem .7rem;font-size:.8rem;border-right:1px solid color-mix(in srgb,var(--c1,#0d1b2a) 10%,transparent);background:color-mix(in srgb,var(--c1,#0d1b2a) 4%,transparent);display:flex;flex-direction:column;justify-content:center;gap:2px}#sept-jours .sj-label--muted{font-style:italic;font-size:.75rem;opacity:.65}#sept-jours .sj-cell{padding:.45rem .3rem;font-size:.78rem;text-align:center;border-right:1px solid color-mix(in srgb,var(--c1,#0d1b2a) 8%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;line-height:1.35}#sept-jours .sj-cell:last-child{border-right:none}#sept-jours .sj-pill{font-size:.68rem;padding:2px 7px;border-radius:20px;font-weight:600;letter-spacing:.02em;white-space:nowrap}#sept-jours .sj-pill--moon{background:#e8e0f7;color:#4a3580}#sept-jours .sj-pill--mars{background:#fde8e8;color:#9b1c1c}#sept-jours .sj-pill--merc{background:#e8f5f0;color:#065f46}#sept-jours .sj-pill--jupi{background:#e8f0fd;color:#1e3a8a}#sept-jours .sj-pill--venu{background:#fce7f3;color:#831843}#sept-jours .sj-pill--satu{background:#f3f4f6;color:#374151}#sept-jours .sj-pill--sun{background:#fef3c7;color:#92400e}#sept-jours .sj-planet{font-size:.82rem;font-weight:700}#sept-jours .sj-planet--moon{color:#6d4fc7}#sept-jours .sj-planet--mars{color:#c0392b}#sept-jours .sj-planet--merc{color:#0d7a5f}#sept-jours .sj-planet--jupi{color:#1a56db}#sept-jours .sj-planet--venu{color:#9d174d}#sept-jours .sj-planet--satu{color:#4b5563}#sept-jours .sj-planet--sun{color:#b45309}#sept-jours .sj-origin{display:block;font-size:.65rem;opacity:.58;font-style:italic;margin-top:2px}#sept-jours .sj-note{font-size:.9rem;font-style:italic;margin-top:.75rem;padding:.6rem .9rem;border-left:3px solid var(--c2,#e67e22);background:color-mix(in srgb,var(--c2,#e67e22) 6%,transparent);border-radius:0 6px 6px 0}#sept-jours .sj-why{margin-top:2.5rem}#sept-jours .sj-why__titre{font-size:1.1rem;font-weight:700;color:#d3d3d3;margin-bottom:1.2rem;display:flex;align-items:center;gap:.5rem}#sept-jours .sj-why__titre::before{content:"7";display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--c2,#e67e22);color:#fff;font-size:1rem;font-weight:800;flex-shrink:0}#sept-jours .sj-why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.2rem}#sept-jours .sj-why__card{background:var(--bg-card,#0d1b2a);border:1px solid color-mix(in srgb,var(--c1,#fff) 12%,transparent);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.4rem;transition:box-shadow .2s}#sept-jours .sj-why__card:hover{box-shadow:0 4px 16px color-mix(in srgb,var(--c1,#0d1b2a) 10%,transparent)}#sept-jours .sj-why__icon{font-size:1.4rem;line-height:1}#sept-jours .sj-why__card-titre{font-size:.85rem;font-weight:700;color:var(--c1,wheat);margin:0;line-height:1.3}#sept-jours .sj-why__card-texte{font-size:.8rem;color:#d3d3d3;margin:0;line-height:1.6}@media (max-width:900px){#sept-jours .sj-row{grid-template-columns:100px repeat(7,1fr)}#sept-jours .sj-why__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){#sept-jours .sj-row{grid-template-columns:72px repeat(7,1fr);font-size:.68rem}#sept-jours .sj-cell{padding:.3rem .15rem}#sept-jours .sj-why__grid{grid-template-columns:1fr}}@media (max-width:640px){#sept-jours .callout-13{overflow-x:auto;-webkit-overflow-scrolling:touch}#sept-jours .sj-table{min-width:600px}}#toc-toggle,.toc-btn-inner{align-items:center;display:flex}#toc-panel,#toc-toggle,.toc-header{background:#0a1724}.toc-btn-label,.toc-header-title{text-transform:uppercase;font-weight:700}
.image-container{display:flex;justify-content:center;align-items:center;margin-bottom:69px;width:100%}.image-container img{max-width:64%;height:auto;display:block;border-radius:13px;margin:auto}.date-creation{font-size:.85em;color:#a0aec0;line-height:1.4;display:inline-block;margin-top:2px}.source-link{font-size:.75em;color:#63b3ed;text-decoration:none;border-bottom:1px dotted #63b3ed;transition:color .2s ease,border-color .2s ease;display:inline-block;margin-top:2px}.source-link:hover{color:#90cdf4;border-bottom:1px solid #90cdf4}.cosmic-faq-answer h3{margin-left: 26px;}.cosmic-faq-answer ul {margin-left: 1.9rem;}@keyframes fadeSlideUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleIn{from{opacity:0;transform:scale(0.97)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}@keyframes glowPulse{0%,100%{opacity:.4}50%{opacity:.9}}.wrap{background:var(--bg);color:var(--text);font-family:'Cormorant Garamond',serif;font-weight:300;padding:2rem 1.25rem 2.5rem;max-width:580px;margin:auto;animation:fadeIn 400ms var(--ease-out-expo)}.converter-title{font-family:'Cinzel',serif;font-size:17px;font-weight:400;color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.4rem}.converter-sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:16px;color:wheat;margin-bottom:1.75rem;letter-spacing:.02em}.gold-line{height:1px;background:linear-gradient(90deg,transparent,var(--gold) 40%,var(--gold-pale) 60%,transparent);margin-bottom:1.75rem;opacity:.35}.tabs{display:flex;gap:0;background:#ffffff0a;border:.5px solid #c9a84c33;border-radius:var(--radius);padding:3px;margin-bottom:1.5rem;position:relative}.tab-indicator{position:absolute;top:3px;left:3px;height:calc(100% - 6px);width:calc(50% - 3px);background:#c9a84c1a;border:.5px solid #c9a84c4d;border-radius:2px;transition:transform 280ms var(--ease-out-expo);pointer-events:none}.tabs[data-active="h2g"] .tab-indicator{transform:translateX(calc(100% + 3px))}.tab{flex:1;text-align:center;padding:9px 8px;border-radius:2px;font-family:'Cinzel',serif;font-size:11px;font-weight:400;letter-spacing:.1em;cursor:pointer;border:none;background:transparent;color:var(--muted);transition:color 150ms var(--ease-in-out);position:relative;z-index:1}.tab.active{color:var(--gold)}.tab:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.panel{animation:scaleIn 280ms var(--ease-out-expo)}.card{background:#ffffff06;border:.5px solid #c9a84c26;border-radius:var(--radius);padding:1.5rem}.section-label{font-family:'Cinzel',serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.25rem}.date-row{display:flex;gap:10px;align-items:flex-end}.field{display:flex;flex-direction:column;gap:6px}.field label{font-family:'Cinzel',serif;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);transition:color 150ms}.field:focus-within label{color:#c9a84ccc}.field input[type=number]{width:68px;font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:300;color:var(--text);background:#ffffff0a;border:.5px solid #ffffff1a;border-radius:var(--radius);padding:8px 10px;outline:none;transition:border-color 150ms,box-shadow 150ms;appearance:textfield;-moz-appearance:textfield}.field input[type=number]::-webkit-inner-spin-button,.field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.field input[type=number]:focus{border-color:#c9a84c66;box-shadow:0 0 0 3px #c9a84c12}.field select{font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:300;color:var(--text);background:#0d0f1c;border:.5px solid #ffffff1a;border-radius:var(--radius);padding:8px 32px 8px 12px;outline:none;cursor:pointer;transition:border-color 150ms,box-shadow 150ms;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23c9a84c' opacity='0.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.field select:focus{border-color:#c9a84c66;box-shadow:0 0 0 3px #c9a84c12}.field select option{background:#0d0f1c;color:var(--text)}.field select.month-sel{flex:1;min-width:140px}.convert-btn{width:100%;margin-top:1.25rem;padding:12px 16px;font-family:'Cinzel',serif;font-size:11px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;border-radius:var(--radius);border:.5px solid #c9a84c59;background:#c9a84c0f;color:var(--gold);transition:background 150ms,transform 120ms,box-shadow 150ms;position:relative;overflow:hidden}.convert-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#c9a84c14 50%,transparent 65%);background-size:200% auto;opacity:0;transition:opacity 150ms}.convert-btn:hover{background:#c9a84c1f;box-shadow:0 0 18px #c9a84c14;transform:translateY(-1px)}.convert-btn:hover::after{opacity:1;animation:shimmer 1.4s infinite}.convert-btn:active{transform:scale(0.985);box-shadow:none}.convert-btn:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.result-block{margin-top:1.25rem;border-top:.5px solid #c9a84c26;padding-top:1.25rem;animation:fadeSlideUp 360ms var(--ease-out-expo)}.result-line{display:flex;align-items:baseline;gap:10px;margin-bottom:4px}.result-day-num{font-family:'Cormorant Garamond',serif!important;font-size:52px;font-weight:300;color:var(--gold-pale);line-height:1;letter-spacing:-2px}.result-month-year{font-family:'Cormorant Garamond',serif!important;font-size:22px;font-weight:300;color:var(--text)!important;line-height:1.2;letter-spacing:.01em}.result-heb{font-size:17px;color:var(--muted);direction:rtl;margin-top:6px;font-style:italic;letter-spacing:.04em}.result-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.pill{display:inline-flex;align-items:center;font-family:'Cinzel',serif;font-size:9px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:2px;background:#ffffff0a;border:.5px solid #ffffff14;animation:fadeSlideUp 400ms var(--ease-out-expo)}.pill.shabbat{background:#4a8f6f26;color:var(--serpent-pale);border-color:#4a8f6f4d}.pill.leap{background:#c9a84c1a;color:var(--gold);border-color:#c9a84c40}.month-info-block{margin-top:1rem;padding:1rem 1.25rem;background:#c9a84c0a;border:.5px solid #c9a84c1f;border-left:2px solid #c9a84c66;border-radius:0 var(--radius) var(--radius) 0;animation:fadeSlideUp 420ms var(--ease-out-expo)}.month-info-name{font-family:'Cinzel',serif;font-size:16px;font-weight:400;color:var(--gold);letter-spacing:.18em;text-transform:uppercase;margin-bottom:4px}.month-info-babylonian{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:15px;color:wheat;margin-bottom:6px}.month-info-meaning{font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:300;color:var(--text);line-height:1.6}.month-info-note{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:16px;color:#c9a84c99;margin-top:8px;line-height:1.6;border-top:.5px solid #c9a84c1a;padding-top:8px}::selection{background:linear-gradient(120deg,#c9a84c2e,#7abf9e59,#11142ae6);color:var(--gold-pale);text-shadow:0 0 6px #e8d5a0b3}::-moz-selection{background:linear-gradient(120deg,#c9a84c2e,#7abf9e59,#11142ae6);color:var(--gold-pale);text-shadow:0 0 6px #e8d5a0b3}
.lc-empty {
    color: wheat;}textarea#lc-content::placeholder,input#lc-name::placeholder,input#lc-email::placeholder {
    color: wheat;opacity:.77;
}.z-dates {
  font-size: 0.77em;
  line-height: 1.4;
  margin-top: 4px;
  color:var(--ink-light);
  letter-spacing:-0.13px;
}
.z-date-astronomical {
    color: wheat;
}
.serp-section .slide,
#ophiuchusSlider .slide {
    position: relative !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    pointer-events: auto !important;
    z-index: auto !important;
}

.astro-table .cell:last-child {
  height: 126px;
  overflow-y: auto; 
  overflow-x: hidden;
  scrollbar-width: thin; /* Firefox : fin */
  scrollbar-color: #333 transparent; /* Couleur track/thumb */
}

.astro-table .cell::-webkit-scrollbar {
  width: 6px; /* Largeur fine verticale */
}

.astro-table .cell::-webkit-scrollbar-track {
  background: transparent;
}

.astro-table .cell::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}

.astro-table .cell::-webkit-scrollbar-thumb:hover {
  background: #999;
}
.cat-group.astro-table {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.comp-row,
.astro-head {
  display: grid;
  grid-template-columns: 160px 160px 160px 1fr; /* 4ème colonne prend le reste */
  align-items: start;
}

.row-label { 
  min-width: 0; /* évite débordement */
}
textarea#lc-content, input#lc-name, input#lc-email {
    color: wheat;
}header.site-header {position: absolute!important; }*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }body {overflow-y: inherit !important;}*,html { scroll-behavior: smooth; },html, body {max-width: 100%;overflow-x: hidden;}#subtitle,#title{text-align:center; }
#subtitle,#title{text-align:center;}#title{ margin-top:92px}#title{color:#e8d5a3;font-size:15px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;opacity:.9}#subtitle{color:wheat;font-size:16px;letter-spacing:.08em;margin-bottom:10px;opacity:.75}
/* Stars */
#stars {
  position: fixed; inset: 0; z-index: 0; pointer-events: none;
}
  #zodiac-wrap {
      position: relative;
      width: 100%;
      height: 100%;
      overflow: hidden;
background: radial-gradient(
  ellipse at 50% 40%,
  rgba(10, 22, 40, 0.5) 0%,
  rgba(5, 12, 26, 0.5) 60%,
  rgba(2, 8, 16, 0.5) 100%
);
    }
    #stars-bg {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }
    #resultTitle{color:wheat; font-size:26px; font-weight:500; letter-spacing:.06em; text-align:center; margin-bottom:4px; margin-top:3px}
 .revealed circle{opacity:0;animation:.8s forwards starFade}.const-group.revealed .const-label,.const-group.revealed .const-label-fr{opacity:0;animation:1s forwards labelFade}@keyframes constFadeIn{from{opacity:0}to{opacity:1}}@keyframes lineFade{0%{opacity:0;stroke-width:.2}100%{opacity:1;stroke-width:1}}@keyframes starFade{0%{opacity:0;r:0.5}60%{opacity:.9}100%{opacity:1}}@keyframes labelFade{0%{opacity:0}100%{opacity:.85}}.const-group.revealed .const-line:nth-child(2){animation-delay:0ms}.const-group.revealed .const-line:nth-child(3){animation-delay:.15s}.const-group.revealed .const-line:nth-child(4),.const-group.revealed circle:nth-of-type(4){animation-delay:.3s}.const-group.revealed .const-line:nth-child(5){animation-delay:.45s}.const-group.revealed .const-label,.const-group.revealed .const-line:nth-child(6),.const-group.revealed circle:nth-of-type(7){animation-delay:.6s}.const-group.revealed .const-label-fr,.const-group.revealed .const-line:nth-child(7){animation-delay:.75s}.const-group.revealed circle:nth-of-type(2){animation-delay:.1s}.const-group.revealed circle:nth-of-type(3){animation-delay:.2s}.const-group.revealed circle:nth-of-type(5){animation-delay:.4s}.const-group.revealed circle:nth-of-type(6){animation-delay:.5s}#sun-glow-anim{animation:3s ease-in-out infinite glowPulse}
 @media (max-width: 1024px) {div#title {margin-top: 26px;} .const-label {font-size: 15px;}.content { z-index: 1; max-width: 100%; }#resultTitle{color:wheat; font-size:18px;} }
.app {
  position: relative; z-index: 1;
  width: 100%; max-width: 820px;
  display: flex; flex-direction: column; align-items: center; gap: 20px;
  margin:auto;
}
 
/* Controls */
.controls {
  display: flex; gap: 12px; align-items: center; flex-wrap: wrap; justify-content: center;
}
 
.select-wrap {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 10px;
  overflow: hidden;
}
 
select {
  appearance: none;
  background: transparent;
  border: none;
  color: #e8eaf0;
  font-size: 15px;
  font-weight: 500;
  padding: 10px 36px 10px 16px;
  cursor: pointer;
  outline: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='rgba(255,255,255,0.4)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  min-width: 80px;
}
select option { background: #141828; }
 /* CLASE GENERIQUE POUR LES DEUX SELECTS */
#daySelect, #monthSelect,#yearSelect {
    /* Base identique */
    background: var(--void);
    color: var(--text);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 14px 44px 14px 18px;
    font-size: 16px;
    font-family: inherit;
    cursor: pointer;
    min-height: 52px;
    transition: all 0.3s var(--ease-out-expo);
    position: relative;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23e8d5a0' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 14px center;
    background-repeat: no-repeat;
    background-size: 20px;
    
    /* SCROLLBAR FIREFOX */
    scrollbar-width: thin;
    scrollbar-color: var(--gold) rgba(7,8,15,0.9);
}

/* MAX-HEIGHT DROPDOWN + SCROLL */
#daySelect,
#monthSelect,#yearSelect {
    max-height: 80px!important; /* Hauteur max dropdown = 4-5 options visibles */
    overflow-y: auto;  /* Active scroll vertical */
}

#daySelect:hover, #monthSelect:hover,#yearSelect:hover {
    border-color: var(--gold-pale);
    box-shadow: 0 0 0 4px rgba(201, 168, 76, 0.15);
    background-color: var(--surface);
}

#daySelect:focus, #monthSelect:focus,#yearSelect:focus {
    outline: none;
    border-color: var(--gold);
    box-shadow: 0 0 0 4px rgba(201, 168, 76, 0.25);
}

/* Options */
#daySelect option, #monthSelect option,#yearSelect option {
    background: var(--deep);
    color: var(--text);
    padding: 12px;
    border-radius: 8px;
}

/* SCROLLBAR WEBKIT DORÉE */
#daySelect::-webkit-scrollbar,
#monthSelect::-webkit-scrollbar,#yearSelect::-webkit-scrollbar {
    width: 10px;
}

#daySelect::-webkit-scrollbar-track,
#monthSelect::-webkit-scrollbar-track,,#yearSelect::-webkit-scrollbar-track, {
    background: rgba(7,8,15,0.95);
    border-radius: 5px;
}

#daySelect::-webkit-scrollbar-thumb,
#monthSelect::-webkit-scrollbar-thumb,#yearSelect::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, var(--gold), #e8b870, var(--gold-pale));
    border-radius: 5px;
    border: none;
    min-height: 32px;
    box-shadow: 0 2px 6px rgba(201, 168, 76, 0.3);
}

#daySelect::-webkit-scrollbar-thumb:hover,
#monthSelect::-webkit-scrollbar-thumb:hover,#yearSelect::-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #e8b870, var(--goldp), #f0e6c0);
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(201, 168, 76, 0.5);
}
/* Result badge */
.result-badge {
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px;
  padding: 10px 20px;
  display: flex; gap: 20px; align-items: center; flex-wrap: wrap; justify-content: center;
  font-size: 13px; text-align: center;
}
 
.badge-item { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.badge-label { font-size: 10px; text-transform: uppercase; letter-spacing: .1em; opacity: .92; }
.badge-val { font-size: 14px; font-weight: 600; }
.col-trad { color: #a78bfa; }
.col-real { color: #34d399; }
.col-oph  { color: #fb923c; }
 
/* Canvas */
canvas#zodiac {
  width: 100%;
  max-width: 740px;
  height: auto;
  display: block;
}
 
/* Legend */
.legend {
  display: flex; gap: 18px; flex-wrap: wrap; justify-content: center;
  font-size: 13px; opacity: .75;margin-bottom: 13px;
}
.legend-item { display: flex; align-items: center; gap: 6px; }
.leg-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }

.bubble, .bubble-fixed {
  position: absolute;
  background: rgba(8,18,38,.97);
  padding: 10px 14px;
  color: #c8ddf0;
  max-width: 300px;
  border: 1px solid rgba(100,160,220,.35);
  border-radius: 10px;
  font-size: 11px;
  line-height: 1.55;
  opacity: 0;
  transition: opacity .3s;
  pointer-events: none;
  z-index: 10;
}

.bubble.visible,
.bubble-fixed.visible {
  opacity: 1;
}

.bubble .b-name,
.bubble-fixed .b-name {
  color: #e8d5a3;
  font-weight: 500;
  font-size: 13px;
  margin-bottom: 4px;
}

.bubble .b-body,
.bubble-fixed .b-body {
  font-size: 13px;
  margin-top: 4px;
  color: #b0cce4;
  line-height: 1.55;
}

/* zones de survol Terre / Soleil */
#earth-hit, #sun-hit, .hit-zone {
  position: absolute;
  pointer-events: auto;
  cursor: pointer;
}


.result-summary {
  width: 100%;
  max-width: 740px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 14px;
  padding: 16px 24px;
  margin-top: 8px;
}
.summary-row {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
}
.summary-col {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 200px;
}
.summary-title {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .12em;
  color: rgba(255,255,255,0.92);
  margin-bottom: 4px;
}
.summary-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 13px;
}
.summary-label {
  color: rgba(255,255,255,0.77);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
  white-space: nowrap;
}
.summary-divider {
  width: 1px;
  background: rgba(255,255,255,0.26);
  align-self: stretch;
  min-height: 80px;
}
.result-text {
  width: 100%;
  max-width: 740px;
  background: rgba(255,255,255,0.13);
  border: 1px solid rgba(255,255,255,0.26);
  border-radius: 14px;
  padding: 20px 28px;
  font-size: 14px;
  line-height: 1.75;
  color: rgba(255,255,255,0.77);
  margin-top: 8px;
}
.result-text strong { color: #e8d5a3; }
.result-text .oph { color: #fb923c; }
.zodiac-compare,
.zodiac-sumerian {
  width: 100%;
  margin: 2rem 0;
  border-collapse: collapse;
  background: var(--surface);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0,0,0,0.3);
  font-variant-numeric: tabular-nums;
}

.zodiac-compare th,
.zodiac-sumerian th {
  background: var(--deep);
  color: var(--gold);
  padding: 1rem 1.2rem;
  text-align: left;
  font-weight: 500;
  border-bottom: 2px solid var(--line);
  letter-spacing: 0.5px;
}

.zodiac-compare td,
.zodiac-sumerian td {
  padding: 1rem 1.2rem;
  border-bottom: 1px solid var(--line);
  color: var(--text);
}

.zodiac-compare tr:nth-child(even),
.zodiac-sumerian tr:nth-child(even) {
  background: rgba(255,255,255,0.02);
}

.zodiac-sumerian td:first-child {
  font-family: 'Crimson Pro', monospace;
  font-size: 0.95em;
  color: var(--serpent);
}

.zodiac-sumerian td:last-child {
  font-weight: 600;
  color: var(--gold-pale);
}

@media (max-width: 768px) {
  .zodiac-compare,
  .zodiac-sumerian {
    font-size: 16px;
    margin: 1.5rem -1rem;
    border-radius: 0;
  }
  
  .zodiac-compare th,
  .zodiac-sumerian th,
  .zodiac-compare td,
  .zodiac-sumerian td {
    padding: 0.8rem 1rem;
  }
}
.btn-explain {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  padding: 7px 18px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 20px;
  color: rgba(255,255,255,0.7);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .1em;
  cursor: pointer;
  transition: background .2s, color .2s;
}
.btn-explain:hover {
  background: rgba(255,255,255,0.13);
  color: rgba(255,255,255,0.95);
}
.btn-explain.open {
  background: rgba(232,213,163,0.13);
  border-color: rgba(232,213,163,0.35);
  color: #e8d5a3;
}
.result-text {
  /* Ajoute ces deux lignes aux styles existants */
  display: none;
  margin-top: 4px;
}
@media (max-width: 964px) {.hide-mobile{
  /* Ajoute ces deux lignes aux styles existants */
  display: none;
}#subtitle {
    margin-top: 126px;
}}
/* Wrapper scrollable sur mobile */
@media (max-width: 600px) {
  .result-summary {
    padding: 14px 16px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .summary-row {
    flex-wrap: nowrap;   /* garde Soleil | Lune côte à côte */
    min-width: max-content;  /* laisse le contenu dicter la largeur */
  }
}