.daily-page{min-height:100vh;background:radial-gradient(circle at 77% 14%,rgba(236,176,111,.16),transparent 18%),radial-gradient(circle at 11% 61%,rgba(125,79,209,.23),transparent 27%),linear-gradient(165deg,#090211 0%,#170827 45%,#0b0417 100%)}
.daily-page main{overflow:hidden}.daily-hero{position:relative;display:grid;min-height:min(720px,92vh);place-items:center;padding:150px 24px 85px;isolation:isolate}.daily-hero:before{position:absolute;z-index:-2;inset:0;background-image:radial-gradient(circle at 16% 24%,rgba(255,255,255,.9) 0 1px,transparent 1.6px),radial-gradient(circle at 79% 67%,rgba(255,236,182,.9) 0 1px,transparent 1.6px),radial-gradient(circle at 38% 75%,rgba(255,255,255,.75) 0 1px,transparent 1.5px),radial-gradient(circle at 83% 32%,rgba(255,255,255,.65) 0 1px,transparent 1.5px);background-size:270px 230px,350px 310px,220px 195px,290px 260px;content:"";opacity:.62}.daily-hero:after{position:absolute;z-index:-1;width:min(56vw,720px);height:min(56vw,720px);border-radius:50%;background:radial-gradient(circle,rgba(247,202,112,.12),rgba(211,110,229,.06) 36%,transparent 68%);content:"";filter:blur(4px)}
.daily-hero-copy{position:relative;max-width:740px;text-align:center}.daily-kicker,.daily-date{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.daily-kicker{color:#f5d384}.daily-kicker span{padding-right:7px;color:#f5a7e9}.daily-date{margin-top:22px;color:rgba(251,244,255,.62);letter-spacing:.1em}.daily-hero h1{max-width:none;margin:16px 0 20px;font-size:clamp(3.55rem,8vw,6.75rem);line-height:.96;letter-spacing:-.06em}.daily-hero h1 em{color:#f3cf80;font-style:italic;font-weight:500}.daily-intro{max-width:515px;margin:0 auto;color:rgba(251,244,255,.72);font-size:1.08rem;line-height:1.65}.scroll-cue{display:inline-flex;align-items:center;gap:12px;margin-top:35px;padding:11px 15px 11px 19px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.05);color:#f8e8c1;font-size:.83rem;font-weight:700;transition:transform .2s ease,background .2s ease}.scroll-cue i{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#f6d37d,#eba4e8);color:#270d3b;font-size:.7rem}.scroll-cue:hover{background:rgba(255,255,255,.11);transform:translateY(-2px)}
.lunar-emblem{position:absolute;right:max(8%,calc((100vw - 1220px)/2));bottom:8%;display:grid;width:170px;aspect-ratio:1;place-items:center;border:1px solid rgba(244,207,122,.24);border-radius:50%;box-shadow:inset 0 0 60px rgba(241,182,223,.1),0 0 60px rgba(239,188,109,.08);animation:float 7s ease-in-out infinite}.lunar-emblem:before,.lunar-emblem:after{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;content:""}.lunar-emblem:before{inset:13px}.lunar-emblem:after{inset:35px}.lunar-core{font-family:var(--serif);font-size:4.3rem;color:#fae5ac;text-shadow:0 0 30px rgba(255,220,136,.75)}.lunar-emblem i{position:absolute;width:5px;height:5px;border-radius:50%;background:#f5d47e;box-shadow:0 0 12px #fff2bd}.lunar-emblem i:nth-of-type(1){top:-3px;left:50%}.lunar-emblem i:nth-of-type(2){top:18%;right:9%}.lunar-emblem i:nth-of-type(3){top:50%;right:-3px}.lunar-emblem i:nth-of-type(4){right:14%;bottom:14%}.lunar-emblem i:nth-of-type(5){bottom:-3px;left:50%}.lunar-emblem i:nth-of-type(6){bottom:19%;left:8%}.lunar-emblem i:nth-of-type(7){top:50%;left:-3px}.lunar-emblem i:nth-of-type(8){top:14%;left:14%}.orbit{position:absolute;z-index:-1;border:1px solid rgba(240,211,142,.11);border-radius:50%;pointer-events:none}.orbit-one{width:760px;height:230px;transform:rotate(-29deg)}.orbit-two{width:1050px;height:410px;transform:rotate(18deg)}.star{position:absolute;width:5px;height:5px;border-radius:50%;background:#f7d582;box-shadow:0 0 12px #fff0bb;animation:twinkle 3.5s ease-in-out infinite}.star-a{top:26%;left:18%}.star-b{right:26%;top:21%;animation-delay:-1.2s}.star-c{bottom:20%;left:35%;animation-delay:-2.1s}
.sign-section{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:76px 0 66px}.sign-section-heading{max-width:590px;margin:0 auto 40px;text-align:center}.sign-section-heading h2,.coming-soon h2{margin:9px 0 10px;font-family:var(--serif);font-size:clamp(2.05rem,4vw,3.25rem);line-height:1.08}.sign-section-heading>p:last-child{margin:0;color:var(--muted);line-height:1.6}.sign-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sign-card{position:relative;display:flex;min-height:211px;flex-direction:column;justify-content:flex-end;padding:19px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.08);overflow:hidden;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.sign-card:before{position:absolute;top:-54px;right:-45px;width:148px;height:148px;border:1px solid currentColor;border-radius:50%;content:"";opacity:.25;transition:transform .4s ease}.sign-card:after{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 82% 15%,currentColor,transparent 45%);content:"";opacity:.07}.sign-card>*{position:relative;z-index:1}.sign-symbol{position:absolute;top:17px;left:18px;color:currentColor;font-family:var(--serif);font-size:3rem;line-height:1}.sign-meta{color:rgba(251,244,255,.54);font-size:.69rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sign-card strong{margin:3px 0 3px;font-family:var(--serif);font-size:1.45rem}.sign-element{color:rgba(251,244,255,.7);font-size:.79rem}.sign-card:hover,.sign-card:focus-visible{border-color:currentColor;box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.15);outline:none;transform:translateY(-5px)}.sign-card:hover:before,.sign-card:focus-visible:before{transform:scale(1.15)}.aries,.leo,.sagittarius{color:#f6b16d}.taurus,.virgo,.capricorn{color:#a9d7a5}.gemini,.libra,.aquarius{color:#9ccdf1}.cancer,.scorpio,.pisces{color:#d3a5ea}
.coming-soon{display:grid;grid-template-columns:auto minmax(260px,1fr) minmax(220px,.85fr);align-items:center;gap:25px;width:min(1060px,calc(100% - 40px));margin:0 auto 80px;padding:29px 34px;border:1px solid rgba(245,210,126,.22);border-radius:21px;background:linear-gradient(100deg,rgba(242,200,109,.13),rgba(214,109,234,.08));box-shadow:0 25px 80px rgba(0,0,0,.15)}.coming-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:17px;background:linear-gradient(135deg,#f7d67e,#ebabe9);color:#351247;font-size:1.5rem}.coming-soon .eyebrow{margin:0;color:#f1d286}.coming-soon h2{margin:3px 0 0;font-size:1.45rem}.coming-soon>p{margin:0;color:rgba(251,244,255,.7);font-size:.9rem;line-height:1.6}
@keyframes float{50%{transform:translateY(-11px) rotate(3deg)}}@keyframes twinkle{50%{opacity:.25;transform:scale(.6)}}@media(max-width:980px){.lunar-emblem{right:8%;bottom:7%;opacity:.55}.sign-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.daily-hero{min-height:650px;padding-top:134px}.daily-hero h1{font-size:clamp(3.1rem,15vw,4.8rem)}.lunar-emblem{right:-28px;bottom:22px;width:138px}.orbit-one{width:540px}.orbit-two{width:690px}.sign-section{width:min(100% - 28px,560px);padding-top:56px}.sign-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sign-card{min-height:182px;padding:14px}.sign-symbol{top:14px;left:14px;font-size:2.5rem}.sign-card strong{font-size:1.27rem}.sign-meta{font-size:.62rem}.sign-element{font-size:.71rem}.coming-soon{grid-template-columns:auto 1fr;gap:14px;margin-bottom:45px;padding:24px}.coming-soon>p{grid-column:1/-1}.coming-soon h2{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){.lunar-emblem,.star{animation:none}.sign-card,.sign-card:before,.scroll-cue{transition:none}}

/* The picker is also a control: its selected state leads into the reading below. */
.sign-card{color:inherit;cursor:pointer;font:inherit;text-align:left}.sign-card.selected{border-color:currentColor;background:linear-gradient(145deg,color-mix(in srgb,currentColor 20%,transparent),rgba(255,255,255,.07));box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.15);transform:translateY(-5px)}.sign-card.selected:before{transform:scale(1.15)}
.daily-reading{position:relative;width:min(900px,calc(100% - 40px));margin:0 auto 82px;padding:clamp(28px,5vw,58px);border:1px solid rgba(245,210,126,.25);border-radius:25px;background:linear-gradient(130deg,rgba(242,200,109,.13),rgba(214,109,234,.1) 52%,rgba(112,91,210,.11));box-shadow:0 28px 90px rgba(0,0,0,.22);overflow:hidden}.daily-reading[hidden]{display:none}.daily-reading:before{position:absolute;top:-230px;right:-80px;width:540px;aspect-ratio:1;border:1px solid rgba(245,210,126,.15);border-radius:50%;box-shadow:inset 0 0 80px rgba(245,210,126,.05);content:""}.reading-header{position:relative;display:flex;align-items:center;gap:18px}.reading-symbol{display:grid;width:62px;height:62px;place-items:center;border:1px solid rgba(246,211,125,.45);border-radius:19px;background:rgba(10,3,20,.25);color:#f4d47f;font-family:var(--serif);font-size:2.45rem}.reading-header .eyebrow{margin:0;color:#f1d286}.reading-header h2{margin:3px 0 0;font-family:var(--serif);font-size:clamp(1.8rem,4vw,2.85rem);line-height:1.08}.sky-note{position:relative;max-width:660px;margin:28px 0 0;color:rgba(251,244,255,.68);font-size:.93rem;line-height:1.65}.reading-copy{position:relative;max-width:710px;margin:17px 0 0;font-family:var(--serif);font-size:clamp(1.3rem,2.5vw,1.7rem);line-height:1.45}.reading-details{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:33px}.reading-details>div{padding:19px 20px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(10,3,20,.18)}.reading-details span{color:#f1d286;font-size:.7rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.reading-details p{margin:7px 0 0;color:rgba(251,244,255,.85);font-size:.92rem;line-height:1.55}.reading-boundary{position:relative;margin:25px 0 0;color:rgba(251,244,255,.5);font-size:.72rem;line-height:1.5}
@media(max-width:680px){.daily-reading{width:min(100% - 28px,560px);margin-bottom:45px;padding:27px 22px}.reading-details{grid-template-columns:1fr}.reading-symbol{width:54px;height:54px;font-size:2.1rem}}

/* Put the calendar date in the visual hierarchy, not only in the copy. */
.daily-date{display:inline-flex;margin-top:18px;padding:8px 13px;border:1px solid rgba(245,211,132,.26);border-radius:999px;background:rgba(245,211,132,.09);color:#fff0bf;letter-spacing:.08em}.reading-date{position:relative;display:inline-flex;margin:22px 0 0;padding:7px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(10,3,20,.18);color:#f6dc98;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sky-note{margin-top:18px}

/* Keep the glyph crisp, then give the selected sign a real celestial presence. */
.sign-symbol,.reading-symbol{font-family:"Apple Symbols","Segoe UI Symbol","Noto Sans Symbols 2",var(--serif),serif;font-synthesis:none;font-style:normal;font-variant:normal;font-weight:400;line-height:1;white-space:nowrap;transform:none}.sign-symbol{display:block;width:1em;height:1em;text-shadow:0 0 16px currentColor}.reading-symbol{position:relative;isolation:isolate;min-width:70px;min-height:70px;aspect-ratio:1;border-color:rgba(248,220,145,.62);background:radial-gradient(circle at 35% 28%,rgba(255,250,218,.3),rgba(242,194,103,.12) 38%,rgba(22,7,38,.52) 72%);box-shadow:0 0 0 7px rgba(242,205,120,.06),0 0 28px rgba(244,201,110,.32),inset 0 0 24px rgba(255,239,177,.14);color:#ffe3a1;font-size:2.7rem;text-shadow:0 0 8px #fff7d3,0 0 22px rgba(245,202,108,.9)}.reading-symbol:before,.reading-symbol:after{position:absolute;z-index:-1;border:1px solid rgba(248,220,145,.33);border-radius:50%;content:"";pointer-events:none}.reading-symbol:before{inset:-10px}.reading-symbol:after{inset:-17px;border-style:dashed;border-color:rgba(238,175,229,.25);animation:seal-orbit 18s linear infinite}.reading-header{gap:24px}@keyframes seal-orbit{to{transform:rotate(1turn)}}@media(max-width:680px){.reading-symbol{min-width:60px;min-height:60px;font-size:2.35rem}.reading-header{gap:17px}.reading-symbol:before{inset:-7px}.reading-symbol:after{inset:-12px}}@media(prefers-reduced-motion:reduce){.reading-symbol:after{animation:none}}

/* The reading itself has one calm, deliberate type scale. */
.reading-header .eyebrow{font-size:.69rem;letter-spacing:.14em}.reading-header h2{margin-top:5px;font-size:clamp(1.65rem,3vw,2.25rem);font-weight:500;letter-spacing:-.03em;line-height:1.08}.reading-date{margin-top:25px;font-size:.67rem;letter-spacing:.08em}.sky-note{max-width:650px;margin-top:16px;font-size:.9rem;line-height:1.62}.reading-copy{max-width:670px;margin-top:18px;font-family:var(--sans);font-size:clamp(1rem,1.55vw,1.14rem);font-weight:400;line-height:1.72;letter-spacing:0}.daily-reading{padding-bottom:clamp(30px,5vw,52px)}@media(max-width:680px){.reading-header h2{font-size:1.55rem}.reading-copy{font-size:1rem;line-height:1.68}.sky-note{font-size:.86rem}.reading-date{margin-top:20px}}

/* A quiet Moon dashboard makes the daily change visible before a sign is chosen. */
.sign-symbol{font-size:1.8rem;text-shadow:0 0 11px currentColor}.sign-card{min-height:190px}.lunar-brief{display:grid;grid-template-columns:140px minmax(260px,1fr) auto auto;align-items:center;gap:30px;width:min(1060px,calc(100% - 40px));margin:2px auto 0;padding:25px 30px;border:1px solid rgba(246,211,125,.21);border-radius:24px;background:radial-gradient(circle at 6% 50%,rgba(245,208,126,.12),transparent 23%),linear-gradient(115deg,rgba(255,255,255,.055),rgba(214,109,234,.06));box-shadow:0 24px 70px rgba(0,0,0,.18);overflow:hidden}.lunar-brief-disc{position:relative;display:grid;width:116px;aspect-ratio:1;place-items:center;border:1px solid rgba(245,210,126,.3);border-radius:50%;background:radial-gradient(circle,rgba(248,229,178,.1),rgba(212,129,226,.04) 52%,transparent 70%)}.lunar-brief-disc:before,.lunar-brief-disc:after{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;content:""}.lunar-brief-disc:before{inset:10px}.lunar-brief-disc:after{inset:-10px;border-color:rgba(245,210,126,.13)}.lunar-surface{position:absolute;z-index:1;inset:16px;border-radius:50%;background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.86),transparent 22%),radial-gradient(circle at 68% 74%,rgba(75,72,73,.3),transparent 26%),radial-gradient(circle at 45% 52%,#dcd8cf 0,#bdb9b1 53%,#8d8986 100%);box-shadow:0 0 15px rgba(255,242,205,.35),inset -6px -5px 12px rgba(40,30,42,.45);overflow:hidden}.lunar-surface:before{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle at 18% 24%,#77736f 0 4%,transparent 5%),radial-gradient(circle at 72% 18%,#8d8881 0 7%,transparent 8%),radial-gradient(circle at 64% 65%,#736f6d 0 9%,transparent 10%),radial-gradient(circle at 31% 73%,#8b8781 0 7%,transparent 8%);content:"";opacity:.5}.lunar-surface i{position:absolute;width:11px;height:11px;border-radius:50%;background:#7f7a75;box-shadow:inset 2px 2px 3px rgba(45,41,40,.6)}.lunar-surface i:nth-child(1){top:21%;left:23%;width:15px;height:15px}.lunar-surface i:nth-child(2){top:30%;right:17%;width:7px;height:7px}.lunar-surface i:nth-child(3){bottom:19%;left:36%;width:9px;height:9px}.lunar-surface i:nth-child(4){top:49%;left:13%;width:6px;height:6px}.lunar-surface i:nth-child(5){bottom:28%;right:14%;width:17px;height:17px;opacity:.7}.lunar-shadow{position:absolute;z-index:2;inset:16px;border-radius:50%;background:radial-gradient(circle at 72% 34%,#17131d,#07060a 68%);box-shadow:inset 9px 0 14px rgba(99,77,114,.16);transform:translateX(var(--moon-shadow-shift,0%));transition:transform .65s cubic-bezier(.2,.8,.2,1)}.lunar-glaze{position:absolute;z-index:3;inset:16px;border-radius:50%;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.19),transparent 35%),linear-gradient(115deg,rgba(255,255,255,.07),transparent 45%,rgba(25,16,30,.18));pointer-events:none}.lunar-brief-copy .eyebrow{margin:0;color:#f2d286}.lunar-brief-copy h2{margin:5px 0 8px;font-family:var(--serif);font-size:clamp(1.45rem,2.7vw,2rem);font-weight:500;line-height:1.12}.lunar-brief-copy h2 span{color:#f5d384}.lunar-brief-copy>p:last-child{max-width:430px;margin:0;color:rgba(251,244,255,.66);font-size:.86rem;line-height:1.55}.lunar-facts{display:flex;gap:21px}.lunar-facts div{min-width:62px;padding-left:14px;border-left:1px solid rgba(245,210,126,.27)}.lunar-facts span,.lunar-facts small{display:block}.lunar-facts span{font-family:var(--serif);font-size:1.25rem}.lunar-facts small{margin-top:3px;color:rgba(251,244,255,.52);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lunar-link{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;color:#f6d993;font-size:.78rem;font-weight:700}.lunar-link i{font-size:.67rem;transition:transform .2s ease}.lunar-link:hover i{transform:translateX(4px)}.weekly-outlook{position:relative;max-width:670px;margin-top:32px;padding:23px 24px;border-top:1px solid rgba(245,210,126,.32);border-radius:0 0 16px 16px;background:linear-gradient(110deg,rgba(245,210,126,.075),rgba(214,109,234,.055))}.weekly-outlook .eyebrow{margin:0;color:#f2d286}.weekly-outlook h3{margin:7px 0 7px;font-family:var(--serif);font-size:1.35rem;font-weight:500}.weekly-outlook p:last-child{margin:0;color:rgba(251,244,255,.77);font-size:.93rem;line-height:1.65}@media(max-width:860px){.lunar-brief{grid-template-columns:120px 1fr;gap:22px}.lunar-facts,.lunar-link{grid-column:2}.lunar-brief-disc{width:105px}}@media(max-width:600px){.sign-symbol{font-size:1.55rem}.sign-card{min-height:166px}.lunar-brief{grid-template-columns:92px 1fr;width:min(100% - 28px,560px);gap:18px;padding:22px 18px}.lunar-brief-disc{width:86px}.lunar-surface,.lunar-shadow,.lunar-glaze{inset:12px}.lunar-brief-copy h2{font-size:1.38rem}.lunar-facts{grid-column:1/-1;grid-row:2;margin-top:1px}.lunar-link{grid-column:1/-1;grid-row:3}.weekly-outlook{margin-top:27px;padding:20px 0 0;background:none}.weekly-outlook h3{font-size:1.25rem}}

.daily-lead{display:grid;grid-template-columns:42px 1fr;gap:15px;align-items:start;max-width:720px;margin:0 auto 30px;padding:18px 20px;border:1px solid rgba(245,210,126,.2);border-radius:17px;background:linear-gradient(105deg,rgba(245,210,126,.1),rgba(214,109,234,.055));text-align:left}.lead-glyph{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:rgba(245,210,126,.12);color:#f5d384;font-size:1rem}.daily-lead .eyebrow{margin:0;color:#f2d286;font-size:.63rem}.daily-lead h3{margin:4px 0 5px;font-family:var(--serif);font-size:1.3rem;font-weight:500}.daily-lead p:last-child{margin:0;color:rgba(251,244,255,.72);font-size:.87rem;line-height:1.55}@media(max-width:600px){.daily-lead{margin-bottom:24px;padding:16px}.daily-lead h3{font-size:1.2rem}}