/* The observatory: physical orbits, a circle of twelve months, silk and a lunar seal. */
.page-sky { --sky-blue:#96b9de; --sky-lilac:#c7b6e9; --sky-gold:#e5c38a; }
.page-sky .ambient { background:radial-gradient(ellipse at 85% 8%,#1d2140 0%,#100c20 42%,#0b0914 85%); }
.page-sky .ambient i { opacity:.24; }
.page-sky .tcard { width:100%; }
.sky-section { padding-block:clamp(36px,6vw,72px); }
.sky-hero { display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding-block:72px 36px; }
.sky-intro h1 { font-size:clamp(2.4rem,4.5vw,4.5rem);max-width:12ch;margin:22px 0; }
.sky-intro .lead { max-width:48ch; }
.sky-back { display:inline-flex;align-items:center;min-height:44px;color:var(--sky-gold);font-size:.92rem;border-bottom:1px solid rgba(229,195,138,.3); }
.sky-back::before {content:'‹';font-size:1.4rem;margin-right:12px;}
.sky-state {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px;font-size:.9rem;color:var(--ink-2);}
.sky-state strong {font-weight:500;color:var(--ink);}.sky-state>span {margin-left:auto;}
.sky-state__dot {width:7px;height:7px;border-radius:50%;background:#a3d5ba;box-shadow:0 0 12px #a3d5ba66;}
.sky-state__dot.is-retro {background:#ddabb6;box-shadow:0 0 14px #ddabb677;}
.sky-answer {font-family:var(--font-display);font-size:clamp(1.4rem,2.4vw,1.9rem);margin-top:12px;}
.sky-caption {font-size:.88rem;line-height:1.6;color:var(--ink-2);margin-top:8px;}
.sky-primary {margin-top:28px;}
.orrery {position:relative;isolation:isolate;aspect-ratio:1;width:100%;max-width:600px;background:radial-gradient(circle at 50% 50%,#ad6d2220 0%,transparent 55%);}
.orrery__stars {position:absolute;inset:0;background-image:radial-gradient(1px 1px at 10% 26%,#fff,transparent),radial-gradient(1.4px 1.4px at 79% 18%,#e7d6a8,transparent),radial-gradient(1px 1px at 90% 74%,#fff,transparent),radial-gradient(1.2px 1.2px at 28% 85%,#e7d6a8,transparent);}
.orrery__orbit {position:absolute;border:1px solid #d8c3a642;border-radius:50%;inset:8%;transform:rotate(-24deg);}
.orrery__orbit::before {content:'';position:absolute;inset:10px;border:1px dashed #dac9df1c;border-radius:50%;}
.orrery__orbit--inner {inset:25%;border-color:#d7a97488;animation:sky-orbit 36s linear infinite;}
.orrery__orbit--outer {animation:sky-orbit 95s linear infinite;}
.orrery__axis {position:absolute;inset:0;transform:rotate(-35deg);background:linear-gradient(90deg,transparent,transparent 49.9%,#c7b6e917 50%,transparent 50.1%);}
.orrery__sun {position:absolute;inset:38%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 36% 32%,#fff0bf,#f7b955 32%,#ad6425 72%,#51311f);box-shadow:0 0 40px #c3812b55,0 0 110px #e3b26b22,inset -7px -8px 15px #41281466;}
.orrery__sun span {font-size:3rem;font-family:Georgia,serif;color:#60421f66;}
.orrery__mercury,.orrery__earth {position:absolute;left:50%;top:0;transform:translate(-50%,-50%);border-radius:50%;}
.orrery__mercury {width:31px;height:31px;background:radial-gradient(circle at 32% 30%,#f1d0ba,#847c8a 45%,#2f2d3a 78%);box-shadow:0 0 24px #d9bca133,inset -4px -4px 8px #121320;}
.orrery__earth {width:24px;height:24px;background:radial-gradient(circle at 35% 28%,#d5e7ed,#7cacc0 25%,#356079 55%,#1b294c 80%);box-shadow:0 0 18px #96b9de44;}
.orrery__glyph {position:absolute;right:9%;top:50%;transform:translateY(-50%);font-size:clamp(3.5rem,7vw,6rem);font-family:Georgia,serif;color:var(--sky-gold);opacity:.8;}
.orrery__label {position:absolute;font-size:.8rem;color:var(--ink-2);}.orrery__label--one {top:29%;left:18%;}.orrery__label--two {bottom:14%;right:15%;}
.orrery__note {position:absolute;bottom:0;left:0;right:0;text-align:center;color:var(--ink-3);font-size:.8rem;}
@keyframes sky-orbit {to {transform:rotate(336deg);}}
.sky-section-head {display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:30px;}.sky-section-head h2 {max-width:20ch;}.sky-section-head>p {max-width:42ch;color:var(--ink-2);font-size:.95rem;}
.sky-phases {display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-gold);gap:24px;padding-top:24px;margin-top:42px;}
.sky-phase {position:relative;opacity:.62;}.sky-phase.is-current {opacity:1;}.sky-phase__point {position:absolute;top:-30px;width:11px;height:11px;border:1px solid var(--sky-gold);border-radius:50%;background:#141023;}.sky-phase.is-current .sky-phase__point {background:var(--sky-gold);box-shadow:0 0 20px #e5c38a66;}.sky-phase h3 {font-size:1.2rem;margin-bottom:8px;}.sky-phase p {font-size:.9rem;color:var(--ink-2);}
.sky-calendar-head {display:flex;align-items:center;justify-content:space-between;gap:20px;margin:52px 0 20px;}.sky-tabs {display:flex;gap:4px;}.sky-tabs button {min-height:44px;padding:8px 16px;border:1px solid transparent;border-radius:30px;color:var(--ink-2);}.sky-tabs button[aria-pressed=true] {border-color:var(--line-gold);color:var(--sky-gold);background:#e5c38a0b;}
.sky-dates {display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}.sky-date {display:flex;align-items:center;gap:20px;padding:26px 22px;border:1px solid var(--line);background:#c7b6e906;border-radius:8px 28px 8px 8px;}.sky-date.is-current {border-color:var(--line-gold);background:#e5c38a09;}.sky-date__glyph {font-size:2.6rem;color:var(--sky-gold);}.sky-date h3 {font-size:1.2rem;margin-bottom:6px;}.sky-date p {font-size:.92rem;color:var(--ink-2);}.sky-date small {font-size:.78rem;color:var(--ink-3);}
.sky-signs {display:grid;grid-template-columns:repeat(6,1fr);gap:8px;}.sky-signs button {min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:8px;border:1px solid var(--line);color:var(--ink-2);font-size:.9rem;transition:border-color .2s,background .2s;}.sky-signs button span {font-size:1.6rem;line-height:1.2;color:var(--sky-lilac);}.sky-signs button[aria-pressed=true] {background:#c7b6e916;border-color:#c7b6e973;color:var(--ink);}.sky-signs button:hover {border-color:#c7b6e96b;}
.sky-sign-reading {margin-top:28px;padding:36px;display:grid;grid-template-columns:100px 1fr;gap:32px;background:linear-gradient(120deg,#1e1d3399,#15102133);border:1px solid var(--line);border-radius:24px;}.sky-sign-reading>span {font-size:6rem;color:var(--sky-gold);line-height:1.2;}.sky-sign-reading h3 {font-size:2rem;margin-bottom:16px;}.sky-sign-reading p {color:var(--ink-2);max-width:70ch;}.sky-two {display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px;}.sky-two h4 {font-weight:500;color:var(--sky-gold);margin-bottom:8px;}
.sky-tarot-bridge {display:grid;grid-template-columns:42% 1fr;gap:60px;align-items:center;}.sky-bridge-cards {display:flex;justify-content:center;align-items:center;min-height:360px;}.sky-bridge-cards .tcard {width:160px;transform:rotate(-12deg);box-shadow:0 18px 60px #0007;}.sky-bridge-cards .tcard+.tcard {transform:rotate(9deg) translateY(18px);margin-left:-45px;}.sky-tarot-bridge h2 {margin-bottom:24px;}.sky-tarot-bridge p {color:var(--ink-2);margin-bottom:18px;}.sky-text-link {display:inline-flex;align-items:center;color:var(--sky-gold);min-height:44px;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#e5c38a55;font-size:.95rem;}
.sky-personal {display:grid;grid-template-columns:1fr 230px;gap:50px;align-items:center;padding-block:55px;background:radial-gradient(ellipse at 75% 50%,#d4af6a0d,transparent 70%);border-block:1px solid var(--line);}.sky-personal h2 {margin-bottom:20px;}.sky-personal p {max-width:58ch;color:var(--ink-2);}.sky-personal .btn {margin-top:24px;}.sky-personal__card {max-width:200px;justify-self:center;transform:rotate(4deg);}.sky-personal__card.is-revealed {transform:rotate(0);transition:transform .5s;}.sky-personal__reading {grid-column:1 / -1;max-width:760px;}.sky-personal__reading h3 {margin-bottom:12px;}.sky-personal__reading a {margin-right:24px;}
.sky-method {padding:30px;border:1px solid var(--line);border-radius:16px;max-width:900px;margin:auto;background:#c7b6e905;}.sky-method summary {font-family:var(--font-display);font-size:1.4rem;cursor:pointer;}.sky-method p {color:var(--ink-2);font-size:.92rem;margin-top:18px;line-height:1.75;}
.sky-form {display:flex;flex-direction:column;gap:12px;max-width:420px;}.sky-form label {display:flex;justify-content:space-between;gap:12px;font-size:.92rem;font-weight:450;}.sky-form label span {font-size:.8rem;color:var(--ink-3);font-weight:350;}.sky-form input {padding:14px 18px;min-height:52px;min-width:0;width:100%;background:#07091277;border:1px solid #d9d4e633;border-radius:10px;line-height:1.4;color-scheme:dark;}.sky-form small {color:var(--ink-2);line-height:1.5;font-size:.82rem;}.sky-form .btn {margin-top:10px;}.sky-error {color:#f4a7a7!important;min-height:1.5em;font-size:.9rem;}
.sky-prelude {color:var(--sky-gold);font-size:.95rem;margin-bottom:16px;}.annual-opening {display:grid;grid-template-columns:1fr 330px;gap:50px;align-items:center;padding-block:70px 35px;}.annual-opening h1 {font-size:clamp(3rem,5.8vw,5rem);max-width:13ch;margin-bottom:24px;}.annual-opening .lead {max-width:52ch;}.annual-year {aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#e5c38ac9;line-height:.88;font-family:var(--font-display);font-size:7rem;}.annual-year svg {position:absolute;inset:0;width:100%;height:100%;stroke:#e5c38a66;stroke-width:.65;fill:none;transform:rotate(15deg);}.annual-year span {position:relative;z-index:1;letter-spacing:-.06em;padding-right:.06em;}
.annual-experience {padding-top:35px;}.annual-setup {display:grid;grid-template-columns:1fr 380px;gap:80px;padding:36px 0;border-block:1px solid var(--line);}.annual-setup h2 {margin-bottom:18px;}.annual-setup p {color:var(--ink-2);max-width:60ch;}.annual-setup .sky-caption {margin-top:20px;}.annual-orbit {position:relative;width:100%;height:1000px;max-width:1100px;margin:0 auto;isolation:isolate;}.annual-orbit__rings {position:absolute;inset:15% 15%;border:1px solid #e5c38a22;border-radius:50%;transform:rotate(-10deg);background:radial-gradient(circle,#b8883e0c,transparent 65%);z-index:-1;}.annual-orbit__rings::before {content:'';position:absolute;inset:25px;border-radius:50%;border:1px dashed #e5c38a1a;}.annual-orbit__rings::after {content:'';position:absolute;inset:19%;border:1px solid #c7b6e91a;border-radius:50%;}
.annual-center {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:195px;text-align:center;}.annual-center>p {font-size:.9rem;color:var(--sky-gold);margin-bottom:16px;}.annual-center h3 {margin-top:18px;font-size:1.5rem;}.annual-center .tcard {box-shadow:0 0 85px #e5c38a17,0 20px 50px #0006;}.annual-month {--angle:calc(var(--month) * 30deg);position:absolute;top:50%;left:50%;margin:-112px 0 0 -54px;width:108px;min-height:224px;transform:rotate(var(--angle)) translateY(-365px) rotate(calc(-1 * var(--angle)));color:var(--ink-2);border-radius:8px;transition:filter .2s;}.annual-month:disabled {cursor:default;opacity:.65;}.annual-month__label {display:block;font-size:.84rem;line-height:1.2;margin-bottom:10px;}.annual-month__card {display:block;transition:transform .25s;}.annual-month__name {display:block;font-size:.75rem;line-height:1.3;min-height:2.6em;margin-top:10px;color:var(--ink-2);}.annual-month:hover:not(:disabled) .annual-month__card {transform:translateY(-5px);}.annual-month[aria-pressed=true] .annual-month__card {outline:2px solid var(--sky-gold);outline-offset:5px;border-radius:7px;filter:drop-shadow(0 0 18px #e5c38a22);}.annual-month[aria-pressed=true] .annual-month__label {color:var(--sky-gold);}.annual-reveal-status {text-align:center;color:var(--ink-2);font-size:.9rem;margin-top:-8px;min-height:2em;}.annual-experience[data-state=loading] .annual-orbit__rings {animation:sky-orbit 12s linear infinite;}.annual-summary {display:grid;grid-template-columns:1fr auto;gap:80px;align-items:center;border-top:1px solid var(--line);margin-top:35px;}.annual-summary h2 {margin-bottom:24px;}.annual-summary>div>p:not(.sky-prelude) {color:var(--ink-2);max-width:65ch;line-height:1.8;}.annual-birth-result {max-width:245px;text-align:center;padding:24px;border:1px solid var(--line-gold);border-radius:50% 50% 12px 12px;}.annual-birth-result>p {font-size:.82rem!important;}.annual-birth-result .tcard {width:100px;margin:18px auto;}.annual-birth-result h3 {font-size:1.1rem;}.annual-birth-result a {font-size:.8rem;}
.annual-detail {display:grid;grid-template-columns:300px 1fr;gap:75px;align-items:center;padding:48px;background:radial-gradient(ellipse at 20% 50%,#e5c38a09,transparent 70%);border:1px solid var(--line-gold);border-radius:28px;}.annual-detail__art {width:100%;max-width:250px;justify-self:center;}.annual-detail__art .tcard {box-shadow:0 24px 60px #0008;transform:rotate(-3deg);}.annual-detail__nav {display:flex;align-items:center;gap:20px;margin-bottom:20px;}.annual-detail__nav p {color:var(--sky-gold);font-size:1rem;flex:1;text-align:center;}.annual-detail__nav button {width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;}.annual-detail__nav button:first-child svg {transform:rotate(180deg);}.annual-detail__text h2 {margin-bottom:24px;}.annual-detail__text h3 {margin-top:28px;margin-bottom:12px;}.annual-detail__text>p {color:var(--ink-2);}.annual-detail__text a {margin-top:20px;}.annual-actions {display:flex;gap:35px;flex-wrap:wrap;align-items:center;justify-content:space-between;}.annual-actions>div:first-child {max-width:500px;}.annual-actions h2 {margin-bottom:15px;}.annual-actions p {color:var(--ink-2);}.sky-action-buttons {display:flex;gap:12px;flex-wrap:wrap;max-width:540px;}.annual-culture {display:grid;grid-template-columns:220px 1fr;gap:50px;align-items:center;border-block:1px solid var(--line);padding:42px 0;}.annual-culture__symbol {display:block;text-align:center;font-family:Georgia,serif;font-size:7rem;color:var(--sky-gold);}.annual-culture h2 {margin-bottom:20px;}.annual-culture p {color:var(--ink-2);max-width:65ch;margin-bottom:10px;}
.color-hero,.chinese-hero {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:65px 40px;}.color-hero h1,.chinese-hero h1 {font-size:clamp(2.5rem,4.5vw,4.4rem);margin:20px 0;}.color-hero .lead,.chinese-hero .lead {margin-bottom:28px;}.color-fabric {position:relative;aspect-ratio:1;isolation:isolate;overflow:hidden;border-radius:50% 50% 4px 4px;background:color-mix(in srgb,var(--fabric) 8%,#141021);transition:background .5s;}.color-fabric i {position:absolute;inset:8% -30% -30%;border-radius:45% 50% 20% 30%;transform:rotate(-20deg);background:linear-gradient(114deg,transparent 10%,var(--fabric) 21%,#ffffffa6 23%,var(--fabric) 26%,#0009 30%,var(--fabric) 35%,#0005 39%,var(--fabric) 46%,#fff7 48%,var(--fabric) 50%,#0008 57%,var(--fabric) 62%,#fff6 64%,var(--fabric) 68%,#0008 75%,var(--fabric) 82%);box-shadow:0 -15px 30px #fff2,inset 0 2px 10px #fffb;transition:background .6s;}.color-fabric i:nth-child(2) {inset:40% -30% -30%;transform:rotate(18deg);opacity:.65;mix-blend-mode:screen;}.color-fabric i:nth-child(3) {inset:78% -30% -30%;transform:rotate(-26deg);opacity:.8;}.color-fabric>span {position:absolute;top:8%;left:0;right:0;font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);text-align:center;z-index:2;color:var(--fabric);text-shadow:0 2px 35px #0007;}.color-swatches {display:grid;grid-template-columns:repeat(9,1fr);gap:14px;}.color-swatches button {display:flex;flex-direction:column;align-items:center;gap:8px;min-height:120px;padding:8px 4px;border:1px solid transparent;border-radius:80px 80px 10px 10px;}.color-swatches button>span {width:65px;height:65px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff6,transparent 60%),var(--swatch);box-shadow:inset -5px -8px 14px #0003;}.color-swatches strong {font-size:.95rem;font-weight:450;}.color-swatches small {font-size:.8rem;color:var(--ink-2);}.color-swatches button[aria-pressed=true] {border-color:var(--line-gold);background:#e5c38a08;}.color-result {display:flex;gap:50px;align-items:center;justify-content:space-between;padding:38px;border:1px solid var(--line-gold);border-radius:20px;}.color-result h2 {font-size:3rem;margin:12px 0;}.color-result .lead {margin-bottom:10px;}
.chinese-year-date {display:flex;flex-direction:column;border-left:2px solid #bc7861;gap:5px;padding-left:18px;margin:25px 0;color:#e5b38a;}.chinese-year-date strong {font-family:var(--font-display);font-size:1.4rem;font-weight:400;}.chinese-year-date span {font-size:.9rem;color:var(--ink-2);}.chinese-wheel {position:relative;aspect-ratio:1;border:1px solid #e5c38a55;border-radius:50%;background:radial-gradient(circle,#a05d2722,transparent 66%);}.chinese-wheel__rim {position:absolute;inset:8px;border:1px solid #e5c38a22;border-radius:50%;}.chinese-wheel__rim::before {content:'';position:absolute;inset:19%;border:1px dashed #e5c38a44;border-radius:50%;}.chinese-wheel__animal {position:absolute;left:50%;top:50%;margin:-20px 0 0 -20px;width:40px;height:40px;display:grid;place-items:center;font-family:Georgia,serif;font-size:1.6rem;color:#d1bca2;transform:rotate(calc(var(--animal)*30deg)) translateY(-210px) rotate(calc(var(--animal)*-30deg));transition:color .3s,text-shadow .3s;}.chinese-wheel__animal.is-current {color:#fff2bf;text-shadow:0 0 20px #e5c38aaa;}.chinese-wheel__center {position:absolute;inset:31%;border-radius:50%;border:1px solid #d9a77c88;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 30%,#71472fbb,#211825);box-shadow:0 0 80px #b76c3922,inset 0 1px 30px #d9a77c11;}.chinese-wheel__center>span {font-family:Georgia,serif;font-size:clamp(3rem,8vw,6rem);line-height:1.1;color:#ecd2aa;}.chinese-wheel__center small {color:#d9a77c;font-size:.85rem;margin-top:10px;}.chinese-result {display:grid;grid-template-columns:200px 1fr;gap:50px;align-items:center;padding:40px;border-block:1px solid var(--line-gold);}.chinese-result__glyph {font-size:8rem;font-family:Georgia,serif;text-align:center;color:#e5b38a;}.chinese-result h2 {font-size:3rem;margin:10px 0;}.chinese-result h3 {color:var(--sky-gold);margin-bottom:20px;}.chinese-result .btn {margin-top:25px;}
@media (max-width:1100px) {
 .sky-dates {gap:10px;}.sky-date {padding:20px 14px;gap:10px;}.sky-date__glyph {font-size:2rem;}.sky-date h3 {font-size:1rem;}
 .annual-orbit {height:870px;}.annual-month {width:95px;margin-left:-47.5px;transform:rotate(var(--angle)) translateY(-315px) rotate(calc(-1 * var(--angle)));}.annual-center {width:170px;}.annual-setup {gap:35px;grid-template-columns:1fr 340px;}.annual-detail {grid-template-columns:240px 1fr;gap:40px;padding:35px;}
 .chinese-wheel__animal {transform:rotate(calc(var(--animal)*30deg)) translateY(-170px) rotate(calc(var(--animal)*-30deg));}.color-swatches {grid-template-columns:repeat(5,1fr);}
}
@media (max-width:760px) {
 .sky-hero {grid-template-columns:1fr;padding-top:35px;gap:15px;}.sky-intro h1 {max-width:18ch;}.orrery {max-width:450px;justify-self:center;}.sky-intro .sky-state {max-width:500px;}.sky-section-head {display:block;}.sky-section-head>p {margin-top:18px;}.sky-phases {grid-template-columns:1fr 1fr;gap:30px 22px;border-top:0;padding-top:0;margin-top:28px;}.sky-phase {padding-left:20px;border-left:1px solid var(--line-gold);}.sky-phase__point {left:-6px;top:4px;}.sky-calendar-head {align-items:flex-start;flex-direction:column;gap:12px;}.sky-dates {grid-template-columns:1fr;}.sky-date {padding:24px;gap:24px;}.sky-date h3 {font-size:1.2rem;}.sky-date__glyph {font-size:2.4rem;}.sky-signs {grid-template-columns:repeat(4,1fr);}.sky-signs button {font-size:.8rem;min-height:78px;}.sky-sign-reading {grid-template-columns:1fr;gap:18px;padding:26px;}.sky-sign-reading>span {font-size:3rem;}.sky-sign-reading h3 {font-size:1.75rem;}.sky-two {gap:20px;}.sky-tarot-bridge {grid-template-columns:1fr;gap:25px;}.sky-bridge-cards {min-height:320px;}.sky-bridge-cards .tcard {width:145px;}.sky-personal {grid-template-columns:1fr 150px;gap:30px;}.sky-personal>div:first-child {grid-column:1 / -1;}.sky-personal__card {grid-column:2;grid-row:2;align-self:start;}.sky-personal__reading {grid-column:1;grid-row:2;}.sky-personal__reading h3 {font-size:1.4rem;}.sky-personal__reading p {font-size:.9rem;}.sky-personal__reading a {font-size:.85rem;}.sky-method {padding:24px;}.sky-method summary {font-size:1.2rem;}
 .annual-opening {grid-template-columns:1fr 130px;gap:10px;padding-top:35px;}.annual-opening h1 {font-size:clamp(2.6rem,6vw,3.5rem);}.annual-opening .lead {grid-column:1 / -1;font-size:1rem;}.annual-year {font-size:3.5rem;align-self:start;margin-top:20px;}.annual-opening__text {display:contents;}.annual-opening__text .sky-prelude {grid-column:1 / -1;}.annual-setup {grid-template-columns:1fr;padding-block:30px;gap:25px;}.annual-setup .sky-form {max-width:none;}.annual-orbit {height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px;padding:35px 8px 20px;}.annual-orbit__rings {inset:3% -25%;}.annual-center {position:static;transform:none;width:auto;grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;margin-bottom:20px;}.annual-center>div {width:160px;}.annual-center>p {margin-bottom:14px;}.annual-center h3 {max-width:200px;font-size:1.5rem;}.annual-month {position:static;transform:none;width:auto;margin:0;min-height:0;}.annual-month__label {font-size:.82rem;}.annual-month__name {font-size:.7rem;}.annual-month__card {max-width:145px;margin:auto;}.annual-reveal-status {margin-top:10px;}.annual-summary {grid-template-columns:1fr;gap:30px;}.annual-birth-result {display:grid;grid-template-columns:85px 1fr;text-align:left;column-gap:20px;max-width:none;border-radius:15px;padding:22px;}.annual-birth-result>p {grid-column:2;}.annual-birth-result>div {grid-column:1;grid-row:1 / 4;}.annual-birth-result .tcard {width:85px;margin:0;}.annual-birth-result h3 {grid-column:2;margin-top:10px;}.annual-birth-result a {grid-column:2;}.annual-detail {grid-template-columns:150px 1fr;gap:24px;padding:26px 20px;align-items:start;}.annual-detail__art {align-self:center;}.annual-detail__text {display:contents;}.annual-detail__nav {grid-column:1 / -1;margin-bottom:0;}.annual-detail__text h2 {grid-column:2;grid-row:2;font-size:1.8rem;align-self:center;margin:0;}.annual-detail__art {grid-column:1;grid-row:2;}.annual-detail__text>p,.annual-detail__text>h3,.annual-detail__text>a {grid-column:1 / -1;}.annual-detail__text h3 {margin:5px 0 -10px;}.annual-detail__text a {margin-top:0;}.annual-actions {gap:25px;}.annual-actions .sky-action-buttons {width:100%;}.annual-culture {grid-template-columns:75px 1fr;gap:20px;align-items:start;}.annual-culture__symbol {font-size:4.5rem;}.annual-culture h2 {font-size:1.7rem;}.annual-culture p {font-size:.94rem;}
 .color-hero,.chinese-hero {grid-template-columns:1fr;gap:35px;padding-top:35px;}.color-fabric {max-width:480px;width:100%;justify-self:center;}.color-hero .sky-form,.chinese-hero .sky-form {max-width:none;}.color-swatches {grid-template-columns:repeat(3,1fr);gap:15px;}.color-swatches button>span {width:70px;height:70px;}.color-result {display:block;padding:28px;}.color-result .btn {margin-top:25px;}.chinese-wheel {width:min(100%,450px);justify-self:center;}.chinese-wheel__animal {transform:rotate(calc(var(--animal)*30deg)) translateY(-180px) rotate(calc(var(--animal)*-30deg));}.chinese-result {grid-template-columns:1fr;padding:30px 10px;gap:20px;}.chinese-result__glyph {font-size:5rem;}.chinese-result h2 {font-size:2.5rem;}
}
@media (max-width:430px) {.sky-two {grid-template-columns:1fr;}.sky-signs {grid-template-columns:repeat(3,1fr);}.sky-personal {grid-template-columns:1fr 125px;gap:20px;}.annual-opening {grid-template-columns:1fr 90px;}.annual-year {font-size:2.6rem;}.annual-detail {grid-template-columns:110px 1fr;gap:20px;}.annual-detail__text h2 {font-size:1.6rem;}.annual-month__name {font-size:.66rem;}.chinese-wheel__animal {font-size:1.3rem;transform:rotate(calc(var(--animal)*30deg)) translateY(-142px) rotate(calc(var(--animal)*-30deg));}}
@media (prefers-reduced-motion:reduce) {.page-sky *, .page-sky *::before,.page-sky *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;}}
.annual-reminder-time {display:flex;gap:12px;align-items:center;min-height:44px;color:var(--ink-2);font-size:.85rem;}.annual-reminder-time input {padding:8px 12px;min-height:44px;border:1px solid var(--line-gold);border-radius:8px;background:#080b18;color-scheme:dark;}
/* Keep every orbital card and its label clear of its neighbours. */
.annual-orbit {--orbit-x:365px;--orbit-y:400px;height:1040px;}
.annual-month {left:calc(50% + var(--x) * var(--orbit-x));top:calc(50% + var(--y) * var(--orbit-y));width:90px;min-height:200px;margin:-100px 0 0 -45px;transform:none;}
.annual-month__name {font-size:.7rem;}
.sky-personal__card {width:200px;}
@media(max-width:1100px) {.annual-orbit {--orbit-x:290px;--orbit-y:360px;height:950px;}.annual-month {width:85px;margin-left:-42.5px;min-height:190px;}.annual-month__name {font-size:.66rem;}}
@media(max-width:760px) {.annual-orbit {height:auto;}.annual-month {width:auto;margin:0;min-height:0;}.annual-opening h1 {grid-column:1;grid-row:2;}.annual-year {grid-column:2;grid-row:2;width:100%;max-width:130px;margin-top:10px;}.sky-personal__card {width:100%;}}
.sky-bridge-cards a {display:block;width:160px;transform:rotate(-12deg);}.sky-bridge-cards a+a {margin-left:-45px;transform:rotate(9deg) translateY(18px);}.sky-bridge-cards a .tcard {transform:none;width:100%;}.sky-bridge-cards a:focus-visible {outline-offset:10px;}
@media(max-width:760px) {.sky-bridge-cards a {width:145px;}}