:root{--bg:#0a0d1c;--text:#f6f4f0;--muted:#a2a5b8;--lav:#a69df5;--pink:#dd9fc1;--line:rgba(255,255,255,.13);--serif:'Playfair Display',serif;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 0,#25244a 0,transparent 28%),var(--bg);color:var(--text);font:15px/1.5 var(--sans)}a{text-decoration:none;color:inherit}.page{max-width:1120px;margin:auto;padding:0 28px 90px}.detail-nav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.back{color:#bbb9d2;font-size:12px}.back span{font-size:20px;margin-right:9px;vertical-align:-2px}.brand{font-weight:700;font-size:21px}.brand-mark{display:inline-grid;place-items:center;width:27px;height:27px;border:1px solid #ffffff55;border-radius:50%;color:#f5b5d0;font-size:12px;margin-right:5px}.nav-profile{padding:8px 13px;border:1px solid var(--line);border-radius:20px;color:#c5c2d4;font-size:11px}.eyebrow{margin:0 0 14px;text-transform:uppercase;letter-spacing:2px;font-size:10px;color:#c0bbef;font-weight:700}.detail-hero{text-align:center;padding:74px 0 45px}.detail-hero h1{font-size:clamp(43px,7vw,70px);line-height:1.04;font-weight:500;letter-spacing:-3px;margin:0 0 18px}.detail-hero h1 em,.insight h2 em{font:500 1em var(--serif);color:#efc0d5}.detail-hero p{color:var(--muted);max-width:490px;margin:auto;font-size:14px}.detail-pill{display:inline-block;padding:7px 11px;border:1px solid #c5bcff44;border-radius:20px;color:#cbc5ff;font-size:9px;letter-spacing:1.5px;margin-bottom:19px}.detail-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:17px}.insight,.panel{border:1px solid var(--line);background:linear-gradient(135deg,#222242c9,#15182fc9);border-radius:22px;padding:28px}.insight{min-height:295px;position:relative;overflow:hidden}.insight:after{content:'☾';position:absolute;right:0;bottom:-70px;font-size:250px;color:#c7bbff0c}.insight h2{font-size:35px;line-height:1.08;font-weight:500;letter-spacing:-1px;margin:30px 0 15px;position:relative}.insight p{position:relative;max-width:420px;color:#b9bac9;font-size:13px}.cosmic-note{display:inline-flex;gap:9px;align-items:center;color:#edc7d9;font-size:11px;margin-top:23px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0 14px}.tab{padding:9px 13px;border-radius:18px;background:#171b35;color:#a9acc1;font-size:11px;border:1px solid transparent}.tab.active,.tab:hover{color:#f4eaff;border-color:#aca4f6;background:#302b58}.tab-panel{padding:17px 0 4px;color:#b7b8c9;font-size:13px;min-height:54px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{padding:18px;border-radius:17px;background:#13172d;border:1px solid var(--line)}.stat span{font-size:10px;color:#9699b1}.stat b{display:block;font-size:23px;font-weight:500;color:#f0ccdc;margin-top:5px}.stat small{font-size:10px;color:#85889e}.section-title{margin:52px 0 17px;font-size:23px;font-weight:500;letter-spacing:-1px}.recommendations{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.recommend{padding:20px;border:1px solid var(--line);border-radius:18px;background:#11152a;min-height:125px}.recommend span{color:#d7b8ef;font-size:20px}.recommend h3{font-size:14px;font-weight:500;margin:10px 0 3px}.recommend p{font-size:11px;color:var(--muted);margin:0}.button{display:inline-flex;align-items:center;gap:22px;padding:13px 17px;border-radius:30px;font-size:12px;font-weight:700;background:linear-gradient(100deg,#b1a8ff,#df9bc3);color:#161324;border:0}.match-hero{padding-bottom:30px}.match-hero h1{max-width:650px;margin:0 auto 17px}.match-controls{display:flex;justify-content:center;align-items:center;gap:13px;margin:15px auto 36px}.sign-control{width:130px;padding:15px 10px;text-align:center;border:1px solid #c2b8fa55;border-radius:17px;background:#191b39;color:#eee}.sign-control strong{display:block;font-size:29px;font-weight:400;color:#e9bed1}.sign-control select{width:100%;background:transparent;border:0;color:#d8d6e7;font:11px var(--sans);text-align:center;outline:none}.heart-link{font-size:28px;color:#e7acc9}.match-score{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;text-align:center;background:radial-gradient(circle,#473a6e,#181a35 62%);border:1px solid #b9aaf866;border-radius:23px}.score-ring{width:160px;height:160px;display:grid;place-items:center;border:1px solid #d9b6d6;border-radius:50%;box-shadow:0 0 0 11px #ffffff08,0 0 55px #b890cf44;margin-bottom:14px}.score-ring strong{font-size:46px;font-weight:500}.score-ring small{display:block;color:#b7afce;font-size:10px;margin-top:-7px}.match-score p{font-size:12px;color:#c0bdd1}.breakdown{margin-top:17px}.breakdown-row{display:grid;grid-template-columns:120px 1fr 32px;align-items:center;gap:14px;margin:19px 0;color:#b9bbc9;font-size:11px}.meter{height:5px;border-radius:5px;background:#292b45}.meter i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#8d8cf2,#e6afc9)}.breakdown-row strong{color:#e7c8d9;font-weight:500}.save-row{text-align:center;margin-top:27px}.save-row .button{background:transparent;border:1px solid #afa5edaa;color:#ece5ff;margin-left:10px}
@media(max-width:700px){.page{padding:0 20px 80px}.detail-nav{height:66px}.nav-profile{font-size:0;padding:8px 11px}.nav-profile:after{content:'☼';font-size:15px}.detail-hero{padding:55px 0 32px}.detail-hero h1{font-size:45px}.detail-layout{grid-template-columns:1fr}.insight h2{font-size:31px}.recommendations{grid-template-columns:1fr}.recommend{min-height:auto}.match-controls{gap:7px}.sign-control{width:112px}.breakdown-row{grid-template-columns:88px 1fr 25px;gap:8px}}
.detail-nav > .brand,.detail-nav > .nav-profile{display:none!important}
.save-btn{display:none!important}
.source-credit a{color:#d9c5ff;text-decoration:underline;text-underline-offset:3px}.tab-panel{padding:18px 22px 20px}.tab-panel p{margin:0 0 14px;line-height:1.75}.tab-panel p:last-child{margin-bottom:0}.detail-nav>.brand,.detail-nav>.nav-profile{display:none!important}
@media(max-width:700px){.tab-panel{padding:16px 18px 18px}}
.chart-note{margin:14px 0 7px;color:#85899f;font-size:11px;line-height:1.55}.chart-note.source-credit{margin:0 0 8px;color:#85899f}.chart-note.source-credit a{color:#a69cbe;font-size:11px;text-underline-offset:2px}

/* Shared cosmic background and zodiac artwork on detail pages. */
body{background-image:linear-gradient(180deg,rgba(7,9,25,.67),rgba(7,9,25,.84)),url("assets/background/cosmic-sky.jpg");background-position:center 28%;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;}
.forecast-sign-pill{display:inline-flex;align-items:center;gap:8px;}
.forecast-sign-pill img{width:26px;height:26px;object-fit:contain;}
.sign-control .match-sign-art{display:block;width:74px;height:74px;object-fit:contain;margin:0 auto 8px;}
@media(max-width:700px){body{background-position:center top;background-attachment:scroll;}.sign-control .match-sign-art{width:64px;height:64px;}}
 .detail-hero .detail-date-title{font-size:clamp(34px,6vw,60px);line-height:1.08;letter-spacing:-2px;margin:0;font-weight:500}
.detail-nav .brand{display:inline-flex;align-items:center;gap:8px;font-size:0}
.detail-nav .brand-mark{position:relative;width:29px;height:29px;margin-right:1px}
.detail-nav .brand-mark:before{content:"";width:17px;height:7px;border:1px solid #cdb8f4;border-radius:50%;transform:rotate(-28deg)}
.detail-nav .brand-mark:after{content:"✦";position:absolute;color:#efb5cf;font-size:10px;line-height:1}
.detail-nav .brand-word{font-size:15px;letter-spacing:.16em;text-transform:uppercase}
.detail-nav .brand-word span{color:#efb5cf}
.detail-nav .brand:after{content:"scentedmag";font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--text)}
.detail-nav .brand-word{display:none}