.energy-weather-page { background: #08060a; }
.energy-weather-hero { position: relative; grid-template-columns: minmax(0,1.05fr) minmax(24rem,.75fr); align-items: center; gap: clamp(2rem,7vw,8rem); overflow: hidden; }
.energy-weather-hero::before { content: ""; position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg,transparent 45%,rgba(50,99,102,.045)); pointer-events: none; }
.energy-weather-hero::after { content: none; display: none; border: 0; box-shadow: none; }
/* Benny, 04.08.2026: Der Textblock war mittig gesetzt und die Ueberschrift erbte
   die globale h1-Groesse. Ergebnis: drei Zeilen, und der Fliesstext begann erst
   bei y = 536 px. Oben ausgerichtet und eine Stufe kleiner sind es zwei Zeilen
   und y = 378 px — gemessen bei 1280 px. */
.energy-weather-hero .subpage-hero-copy { align-self: start; max-width: 62rem; }
/* Nicht die Schriftgroesse war das Problem, sondern die Zeilenbreite: 16 Zeichen
   zwangen „Dein taegliches kosmisches Wetter.“ auf drei Zeilen. Mit 22 Zeichen
   sind es zwei — bei fast unveraenderter Groesse (94,7 statt 99,8 px), und der
   Fliesstext beginnt trotzdem 103 px hoeher als vorher. */
.energy-weather-hero h1 { max-width: 22ch; font-size: clamp(3.8rem, 7.4vw, 7.6rem); line-height: 0.96; }
.energy-live-window { width: min(38rem,100%); display: grid; grid-template-columns: auto 1fr; gap: .35rem 1rem; align-items: center; margin-top: 2rem; padding: 1rem; border: 1px solid rgba(240,182,95,.22); background: rgba(12,9,14,.72); backdrop-filter: blur(12px); }
.energy-live-window .status-pill { grid-row: 1/3; }
.energy-live-window strong { color: var(--ink); font: 700 1.15rem/1 var(--serif); }
.energy-live-window p { margin: 0; color: var(--dim); font-size: .7rem; }
/* Benny, 05.08.2026: „die animation etwas kleiner und nochmal besser ausrichten".
   Gemessen war der Kreis 397 px und die Box 544 px, der Textblock daneben nur
   462 px — die Animation ragte 82 px darunter hinaus und zog den Blick nach
   unten weg vom Text.
   Zwei Aenderungen: Der Kreis ist kleiner (Abzug 7rem statt 3.5rem; das 28rem
   griff nie, weil der Spaltenabzug immer kleiner war), und die Bildunterschrift
   liegt absolut. Vorher verbrauchte sie eine eigene Gridzeile und schob den
   Kreis um ihre halbe Hoehe nach oben — gemessen 19 px daneben. Jetzt sitzt die
   Kreismitte exakt auf der Textmitte. */
.energy-geocentric-visual { position: relative; width: 100%; min-width: 0; min-height: 27rem; display: grid; grid-template-rows: 1fr; align-items: center; justify-items: center; align-self: center; justify-self: center; box-sizing: border-box; }
.energy-geocentric-system { --orbit-cycle: 96s; position: relative; width: min(28rem,calc(100% - 7rem)); aspect-ratio: 1; border: 1px solid rgba(240,182,95,.2); border-radius: 50%; background: none; box-shadow: none; isolation: isolate; }
.energy-geocentric-system::before { content: ""; position: absolute; z-index: -1; inset: 1.5%; border: 1px solid rgba(240,182,95,.07); border-radius: 50%; }
.energy-earth-core { position: absolute; z-index: 20; left: 50%; top: 50%; width: 9.5%; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(153,223,212,.86); border-radius: 50%; background: radial-gradient(circle at 34% 28%,#243c3c,#0d171a 58%,#070b0e); box-shadow: inset 0 0 .55rem rgba(96,182,171,.2),0 0 .75rem rgba(69,171,164,.34); transform: translate(-50%,-50%); }
.energy-earth-symbol { position: relative; width: 56%; aspect-ratio: 1; border: 1px solid rgba(167,230,219,.92); border-radius: 50%; box-shadow: 0 0 .3rem rgba(121,206,194,.2); }
.energy-earth-symbol::before { content: ""; position: absolute; inset: 8% 27%; border-left: 1px solid rgba(167,230,219,.72); border-right: 1px solid rgba(167,230,219,.72); border-radius: 50%; }
.energy-earth-symbol::after { content: ""; position: absolute; inset: 32% 7%; border-top: 1px solid rgba(167,230,219,.72); border-bottom: 1px solid rgba(167,230,219,.72); border-radius: 50%; }
.energy-geocentric-orbit { position: absolute; z-index: 2; border: 1px solid rgba(240,182,95,.24); border-radius: 50%; box-shadow: inset 0 0 .9rem rgba(255,137,57,.025),0 0 .8rem rgba(255,137,57,.025); transform: rotate(var(--orbit-phase)); animation: energy-geocentric-orbit-phase-lock var(--orbit-cycle) linear infinite; }
.energy-geocentric-orbit-planet { position: absolute; z-index: 4; left: 50%; top: 0; width: 1rem; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(255,218,153,.62); border-radius: 50%; background: radial-gradient(circle at 35% 30%,#4c2920,#130b0e 67%); color: var(--gold-light); font: 700 .68rem/1 var(--serif); font-style: normal; box-shadow: 0 0 .55rem rgba(255,216,146,.28),0 0 1.2rem rgba(240,94,35,.14); transform: translate(-50%,-50%) rotate(var(--orbit-phase-back)); animation: energy-geocentric-planet-phase-counter var(--orbit-cycle) linear infinite; }
.energy-geocentric-orbit--moon { inset: 39.5%; --orbit-phase: 8deg; --orbit-phase-back: -8deg; --orbit-q1: 0deg; --orbit-q1-back: 0deg; --orbit-q2: 6deg; --orbit-q2-back: -6deg; --orbit-q3: -7deg; --orbit-q3-back: 7deg; }.energy-geocentric-orbit--mercury { inset: 35.5%; --orbit-phase: 188deg; --orbit-phase-back: -188deg; --orbit-q1: 1deg; --orbit-q1-back: -1deg; --orbit-q2: -1deg; --orbit-q2-back: 1deg; --orbit-q3: 2deg; --orbit-q3-back: -2deg; }.energy-geocentric-orbit--venus { inset: 31.5%; --orbit-phase: 80deg; --orbit-phase-back: -80deg; --orbit-q1: 7deg; --orbit-q1-back: -7deg; --orbit-q2: -5deg; --orbit-q2-back: 5deg; --orbit-q3: 4deg; --orbit-q3-back: -4deg; }.energy-geocentric-orbit--sun { inset: 27.5%; --orbit-phase: 260deg; --orbit-phase-back: -260deg; --orbit-q1: -9deg; --orbit-q1-back: 9deg; --orbit-q2: 9deg; --orbit-q2-back: -9deg; --orbit-q3: -8deg; --orbit-q3-back: 8deg; }.energy-geocentric-orbit--mars { inset: 23.5%; --orbit-phase: 152deg; --orbit-phase-back: -152deg; --orbit-q1: 6deg; --orbit-q1-back: -6deg; --orbit-q2: -6deg; --orbit-q2-back: 6deg; --orbit-q3: 7deg; --orbit-q3-back: -7deg; }.energy-geocentric-orbit--jupiter { inset: 19.5%; --orbit-phase: 332deg; --orbit-phase-back: -332deg; --orbit-q1: -2deg; --orbit-q1-back: 2deg; --orbit-q2: 3deg; --orbit-q2-back: -3deg; --orbit-q3: -6deg; --orbit-q3-back: 6deg; }.energy-geocentric-orbit--saturn { inset: 15.5%; --orbit-phase: 44deg; --orbit-phase-back: -44deg; --orbit-q1: 3deg; --orbit-q1-back: -3deg; --orbit-q2: 1deg; --orbit-q2-back: -1deg; --orbit-q3: -2deg; --orbit-q3-back: 2deg; }.energy-geocentric-orbit--uranus { inset: 11.5%; --orbit-phase: 224deg; --orbit-phase-back: -224deg; --orbit-q1: -4deg; --orbit-q1-back: 4deg; --orbit-q2: 4deg; --orbit-q2-back: -4deg; --orbit-q3: -3deg; --orbit-q3-back: 3deg; }.energy-geocentric-orbit--neptune { inset: 7.5%; --orbit-phase: 116deg; --orbit-phase-back: -116deg; --orbit-q1: 11deg; --orbit-q1-back: -11deg; --orbit-q2: -10deg; --orbit-q2-back: 10deg; --orbit-q3: 10deg; --orbit-q3-back: -10deg; }.energy-geocentric-orbit--pluto { inset: 3.5%; --orbit-phase: 296deg; --orbit-phase-back: -296deg; --orbit-q1: -5deg; --orbit-q1-back: 5deg; --orbit-q2: 7deg; --orbit-q2-back: -7deg; --orbit-q3: -11deg; --orbit-q3-back: 11deg; border-style: dashed; }
.energy-geocentric-orbit--moon .energy-geocentric-orbit-planet { width: .9rem; color: var(--ink); }.energy-geocentric-orbit--venus .energy-geocentric-orbit-planet { background: radial-gradient(circle at 35% 30%,#bd8b52,#382017 65%); }.energy-geocentric-orbit--sun .energy-geocentric-orbit-planet { width: 1.3rem; background: radial-gradient(circle at 35% 30%,#ffe6a0,#ed8b2d 48%,#7d1c10); color: #2a0a07; }.energy-geocentric-orbit--mars .energy-geocentric-orbit-planet { background: radial-gradient(circle at 35% 30%,#d4603d,#541a15 65%); }.energy-geocentric-orbit--jupiter .energy-geocentric-orbit-planet,.energy-geocentric-orbit--saturn .energy-geocentric-orbit-planet { width: 1.1rem; }.energy-geocentric-orbit--jupiter .energy-geocentric-orbit-planet { background: radial-gradient(circle at 35% 30%,#d3a35d,#4a3017 65%); }.energy-geocentric-orbit--saturn .energy-geocentric-orbit-planet { background: radial-gradient(circle at 35% 30%,#d7bd74,#493b1e 65%); }.energy-geocentric-orbit--uranus .energy-geocentric-orbit-planet { background: radial-gradient(circle at 35% 30%,#78b9b7,#1d4142 65%); }.energy-geocentric-orbit--neptune .energy-geocentric-orbit-planet { background: radial-gradient(circle at 35% 30%,#687db4,#202946 65%); }.energy-geocentric-orbit--pluto .energy-geocentric-orbit-planet { width: .9rem; color: #c7b9b0; }
.energy-geocentric-caption { position: absolute; left: 0; right: 0; bottom: 0; margin: 0; color: #746a66; font-size: .52rem; letter-spacing: .11em; text-align: center; text-transform: uppercase; }
.energy-dashboard { position: relative; overflow: clip; }
.energy-dashboard::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(circle at 9% 18%,rgba(50,99,102,.08),transparent 24%),radial-gradient(circle at 91% 52%,rgba(241,91,42,.07),transparent 22%); }
.energy-instrument-section { padding-block: clamp(4rem,6vw,6rem); }
.energy-window-meta { align-self: end; }
.energy-window-meta p { margin: .2rem 0; color: var(--muted); }
.transit-instrument { display: grid; grid-template-columns: minmax(26rem,.92fr) minmax(24rem,.72fr); gap: clamp(1.5rem,3vw,3rem); align-items: center; margin-top: clamp(1.75rem,3vw,3rem); }
.transit-mandala { --mandala-radius: clamp(10rem,16vw,15rem); position: relative; width: min(36rem,100%); aspect-ratio: 1; justify-self: center; border: 1px solid rgba(240,182,95,.24); border-radius: 50%; background: conic-gradient(from 180deg,rgba(240,182,95,.035),rgba(50,99,102,.055),rgba(241,91,42,.045),rgba(240,182,95,.035)),#09070b; box-shadow: inset 0 0 6rem rgba(50,99,102,.06),0 2rem 5rem rgba(0,0,0,.36); isolation: isolate; }
.mandala-gate-ring { position: absolute; inset: 0; border-radius: 50%; }
.mandala-gate { position: absolute; z-index: 3; left: 50%; top: 50%; width: 1.1rem; height: 1.1rem; display: grid; place-items: center; border-radius: 50%; color: #756a66; transform: translate(-50%,-50%) rotate(var(--gate-angle)) translateY(calc(-1 * var(--mandala-radius))) rotate(var(--gate-angle-back)); }
.mandala-gate::before { content: ""; position: absolute; width: 2px; height: 5px; bottom: 100%; background: rgba(255,255,255,.15); }
.mandala-gate b { font-size: .42rem; font-weight: 600; }
.mandala-gate.is-active-sun { z-index: 6; background: var(--gold-light); color: #170a07; box-shadow: 0 0 1rem var(--ember); transform: translate(-50%,-50%) rotate(var(--gate-angle)) translateY(calc(-1 * var(--mandala-radius))) rotate(var(--gate-angle-back)) scale(1.55); }
.mandala-gate.is-active-earth { z-index: 5; border: 1px solid var(--teal); background: #071315; color: #b4f0e8; box-shadow: 0 0 1rem rgba(50,99,102,.8); transform: translate(-50%,-50%) rotate(var(--gate-angle)) translateY(calc(-1 * var(--mandala-radius))) rotate(var(--gate-angle-back)) scale(1.45); }
.mandala-gate.is-selected { outline: 1px solid var(--ink); outline-offset: .18rem; }
.energy-focus-stack { min-width: 0; display: grid; gap: 1px; background: var(--line); }
.mandala-activation-selector { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 0; background: #08060a; }
.mandala-activation-selector .energy-planet:nth-last-child(3),.mandala-activation-selector .energy-planet:last-child { grid-column: span 2; }
.energy-planet { min-width: 44px; min-height: 3.5rem; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: .55rem; padding: .58rem .65rem; border: 1px solid rgba(240,182,95,.18); outline: 1px solid transparent; outline-offset: -1px; background: #0c0910; color: var(--gold-light); cursor: pointer; text-align: left; transform: none; transition: outline-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease; }
.energy-planet > span { font: 700 clamp(1rem,1.45vw,1.35rem)/1 var(--serif); transition: transform 180ms ease; }.energy-planet > small { min-width: 0; display: grid; gap: .16rem; }.energy-planet b { overflow: hidden; color: var(--ink); font-size: .56rem; text-overflow: ellipsis; white-space: nowrap; }.energy-planet em { color: var(--dim); font-size: .5rem; font-style: normal; white-space: nowrap; }
.energy-planet:hover,.energy-planet:focus-visible,.energy-planet[aria-pressed="true"] { position: relative; z-index: 2; outline-color: var(--gold-light); background: linear-gradient(145deg,rgba(240,182,95,.1),#0c0910); box-shadow: inset .18rem 0 0 var(--gold); }.energy-planet:hover > span,.energy-planet:focus-visible > span,.energy-planet[aria-pressed="true"] > span { transform: scale(1.12); }
.mandala-core { position: absolute; z-index: 7; left: 50%; top: 50%; width: 38%; min-height: 7rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .3rem; border-block: 1px solid rgba(240,182,95,.42); border-radius: 0; background: linear-gradient(90deg,transparent,rgba(50,99,102,.13) 20%,rgba(240,182,95,.08) 50%,rgba(50,99,102,.13) 80%,transparent); box-shadow: none; transform: translate(-50%,-50%); }
.mandala-polarity-axis { width: 72%; display: flex; align-items: center; justify-content: center; gap: .45rem; color: var(--gold-light); }
.mandala-polarity-axis b { font: 700 clamp(1.25rem,2.2vw,1.9rem)/1 var(--serif); }.mandala-polarity-axis i { flex: 1; height: 1px; background: linear-gradient(90deg,var(--gold),var(--teal)); opacity: .62; }
.mandala-core strong { color: var(--ink); font-size: clamp(.58rem,.85vw,.82rem); text-align: center; }.mandala-core small { color: var(--teal); font-size: clamp(.52rem,.72vw,.68rem); text-align: center; }
.energy-focus-panel { min-height: 24rem; display: flex; flex-direction: column; justify-content: center; padding: clamp(1.2rem,1.8vw,2rem); border: 1px solid rgba(240,182,95,.24); background: linear-gradient(145deg,rgba(240,182,95,.06),transparent 42%),var(--surface); box-shadow: 0 1.5rem 4rem rgba(0,0,0,.24); }
.energy-focus-head { display: grid; grid-template-columns: auto 1fr; gap: 1.2rem; align-items: center; }
.energy-focus-head > span { width: clamp(3rem,3.8vw,3.75rem); aspect-ratio: 1; display: grid; place-items: center; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold-light); font: 700 clamp(1.5rem,2.2vw,2rem)/1 var(--serif); box-shadow: inset 0 0 1.5rem rgba(241,91,42,.1); }
.energy-focus-head small,.energy-focus-theme > span,.energy-focus-transit > span,.energy-focus-facets article > span { color: var(--gold); font-size: .6rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.energy-focus-head h2 { margin: .3rem 0 .12rem; font-size: clamp(1.75rem,2.2vw,2.25rem); line-height: .94; }.energy-focus-head p { margin: 0; color: var(--muted); }
.energy-focus-theme,.energy-focus-transit { margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid var(--line-soft); }
.energy-focus-theme strong { display: block; margin-top: .45rem; color: var(--ink); font: 700 clamp(1.05rem,1.35vw,1.35rem)/1.14 var(--serif); }
.energy-focus-transit p { margin: .55rem 0 0; color: var(--muted); }
.energy-focus-facets { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 1.1rem; background: var(--line); }
.energy-focus-facets article { min-height: 5.5rem; padding: .85rem; background: #0c0910; }
.energy-focus-facets article > span { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .4rem; }.energy-focus-facets article > span small { color: var(--dim); font-size: .48rem; }
.energy-focus-facets p { margin: .65rem 0 0; color: var(--muted); font-size: .82rem; }.energy-focus-facets .is-gift { background: rgba(50,99,102,.09); }
.energy-symbolic-note { max-width: none; margin: 1.1rem 0 0; padding-left: 1rem; border-left: 2px solid var(--gold); color: var(--dim); font-size: .72rem; }.energy-symbolic-note strong { color: var(--muted); }
.energy-front-section,.energy-day-arc,.energy-channels { padding-block: clamp(4.5rem,7vw,7rem); }
.energy-dashboard > .section > .section-heading-row h2,.energy-compass-cta h2 { font-size: clamp(2.6rem,4vw,4.6rem); }
.energy-dashboard > .energy-instrument-section > .section-heading-row h2 { font-size: clamp(2.6rem,3.4vw,4rem); }
.energy-weather-fronts { grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--line); }
.energy-front-card { min-height: 0; display: flex; flex-direction: column; gap: 1.2rem; padding: clamp(1.4rem,2.6vw,2.5rem); border: 0; background: var(--surface); color: var(--ink); cursor: default; text-align: left; }
/* Benny, 05.08.2026: „die 3 karten einheitlicher, aehnlich wie bei den analysen
   karten." Gemessen war es klar: Karte 2 hat eine zweizeilige Ueberschrift
   (88 statt 64 px) und schob alles darunter um 24 px nach unten. Die drei
   Schatten/Geschenk-Bloecke begannen bei 368, 415 und 390 px — kein Rand lag
   auf einer Linie.
   Geloest wie bei den Produktkarten am 03.08.2026: Mit subgrid teilen sich die
   drei Karten dieselben Zeilenkanten. Die vier Zeilen sind Kopf, Thema,
   Deutung (dehnbar) und die beiden Facetten. Browser ohne subgrid behalten das
   bisherige Verhalten.
   ACHTUNG: Dieser Block muss NACH der flex-Regel oben stehen, sonst gewinnt
   flex und subgrid greift nicht — derselbe Fallstrick wie bei site.css. */
@supports (grid-template-rows: subgrid) {
  @media (min-width: 52.5625rem) {
    .energy-entry-grid { grid-template-rows: auto auto 1fr auto; }
    .energy-entry-grid > .energy-front-card { display: grid; grid-row: span 4; grid-template-rows: subgrid; gap: 1.2rem; }
  }
}
.energy-front-head { display: grid; grid-template-columns: auto 1fr; gap: 1rem; align-items: center; }
.energy-front-head > span { width: 4rem; aspect-ratio: 1; display: grid; place-items: center; border: 1px solid rgba(240,182,95,.32); border-radius: 50%; color: var(--gold-light); font: 700 2rem/1 var(--serif); }
.energy-front-head h3 { margin: .3rem 0 0; font-size: clamp(1.45rem,2vw,2rem); }.energy-front-theme { color: var(--muted); }.energy-front-theme strong { color: var(--ink); }
.energy-front-transit { padding-top: 1rem; border-top: 1px solid var(--line-soft); }
.energy-front-transit > strong { color: var(--gold-light); font-family: var(--serif); font-size: 1.15rem; }
.energy-front-transit p { margin: .55rem 0 0; color: var(--muted); font-size: .82rem; }
.energy-front-facets { display: grid; gap: 1px; margin-top: 0; background: var(--line); }
.energy-front-facets > span { display: grid; gap: .45rem; padding: 1rem; background: #0c0910; }.energy-front-facets strong { color: var(--gold); font-size: .6rem; letter-spacing: .14em; text-transform: uppercase; }.energy-front-facets small { color: var(--muted); font-size: .78rem; line-height: 1.5; }.energy-front-facets .is-gift { background: rgba(50,99,102,.1); }
.energy-day-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; margin-top: 3rem; background: var(--line); }
.energy-day-grid article { min-height: 18rem; padding: clamp(1.5rem,2.6vw,2.6rem); background: var(--surface); }.energy-day-grid span { color: var(--gold); font-size: .58rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }.energy-day-grid h3 { margin: 3rem 0 1rem; font-size: clamp(1.4rem,2vw,2rem); }.energy-day-grid p { margin: 0; color: var(--muted); }

.energy-channel-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(18rem,1fr)); gap: 1px; background: transparent; }.energy-channel-grid article,.energy-channel-empty { min-height: 17rem; padding: clamp(1.5rem,3vw,3rem); border: 1px solid var(--line); background: var(--surface); }.energy-channel-grid span,.energy-channel-empty span { color: var(--gold); font: 700 clamp(2rem,4vw,4rem)/1 var(--serif); }.energy-channel-grid h3 { margin: 3rem 0 .6rem; }.energy-channel-grid p,.energy-channel-empty p { margin: .5rem 0 0; color: var(--muted); }.energy-channel-empty { border: 1px solid var(--line); }
.energy-compass-cta { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1fr); gap: clamp(3rem,9vw,10rem); align-items: center; padding-block: clamp(6rem,10vw,10rem); }.energy-compass-cta h2 { max-width: 13ch; }.energy-compass-cta > div:last-child > p { color: var(--muted); font-size: clamp(1rem,1.25vw,1.16rem); }
.energy-unavailable { max-width: 52rem; padding-block: 6rem; }.energy-unavailable h2 { margin-top: 1rem; }
@keyframes energy-geocentric-orbit-phase-lock { 0% { transform: rotate(var(--orbit-phase)); } 25% { transform: rotate(calc(var(--orbit-phase) + 90deg + var(--orbit-q1))); } 50% { transform: rotate(calc(var(--orbit-phase) + 180deg + var(--orbit-q2))); } 75% { transform: rotate(calc(var(--orbit-phase) + 270deg + var(--orbit-q3))); } 100% { transform: rotate(calc(var(--orbit-phase) + 360deg)); } }
@keyframes energy-geocentric-planet-phase-counter { 0% { transform: translate(-50%,-50%) rotate(var(--orbit-phase-back)); } 25% { transform: translate(-50%,-50%) rotate(calc(var(--orbit-phase-back) - 90deg + var(--orbit-q1-back))); } 50% { transform: translate(-50%,-50%) rotate(calc(var(--orbit-phase-back) - 180deg + var(--orbit-q2-back))); } 75% { transform: translate(-50%,-50%) rotate(calc(var(--orbit-phase-back) - 270deg + var(--orbit-q3-back))); } 100% { transform: translate(-50%,-50%) rotate(calc(var(--orbit-phase-back) - 360deg)); } }
@media (min-width:90rem) {
  .energy-weather-hero,.energy-dashboard > .section,.energy-compass-cta { width: min(92rem,calc(100vw - 8rem)); }
  .energy-weather-hero .subpage-hero-copy { max-width: 52rem; }.energy-weather-hero h1 { font-size: clamp(4.6rem,4vw,6.8rem); }
  .transit-instrument { grid-template-columns: minmax(0,.92fr) minmax(24rem,.72fr); gap: 3rem; }.transit-mandala { width: min(36rem,100%); --mandala-radius: 15rem; }.energy-symbolic-note { white-space: nowrap; }
}
@media (max-width:68rem) {
  .transit-instrument { grid-template-columns: 1fr; }.energy-focus-panel { min-height: auto; }.mandala-activation-selector { grid-template-columns: repeat(5,minmax(0,1fr)); }.energy-day-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width:52.5rem) {
  .energy-weather-hero { grid-template-columns: 1fr; gap: 0; align-content: start; padding-top: 4rem; }.energy-weather-hero .subpage-hero-copy { position: relative; z-index: 2; }.energy-geocentric-visual { width: min(33rem,100%); min-height: 0; grid-template-rows: 1fr auto; margin: 1.5rem auto 0; transform: none; }.energy-geocentric-caption { position: static; margin: .7rem 0 0; }.energy-geocentric-system { width: min(28rem,calc(100% - 1rem)); opacity: .72; }.energy-live-window { margin-top: 1.5rem; }.energy-weather-fronts { grid-template-columns: 1fr; }.mandala-activation-selector { grid-template-columns: repeat(5,minmax(0,1fr)); }.energy-symbolic-note { white-space: normal; }.energy-channel-grid { grid-template-columns: 1fr; }.energy-compass-cta { grid-template-columns: 1fr; }
}
@media (max-width:38rem) {
  .energy-weather-hero { min-height: 52rem; }.energy-weather-hero h1 { font-size: clamp(3.6rem,15vw,5.6rem); }.energy-live-window { grid-template-columns: 1fr; }.energy-live-window .status-pill { grid-row: auto; justify-self: start; }
  .energy-geocentric-system { width: min(25rem,calc(100% - .5rem)); }.energy-geocentric-orbit-planet,.energy-geocentric-orbit--jupiter .energy-geocentric-orbit-planet,.energy-geocentric-orbit--saturn .energy-geocentric-orbit-planet { width: .8rem; font-size: .54rem; }.energy-geocentric-orbit--sun .energy-geocentric-orbit-planet { width: .9rem; }
  .transit-mandala { --mandala-radius: clamp(9.2rem,42vw,10.8rem); }.mandala-gate { width: .8rem; height: .8rem; }.mandala-gate b { opacity: 0; }.mandala-gate.is-active-sun b,.mandala-gate.is-active-earth b,.mandala-gate.is-selected b { opacity: 1; }.mandala-activation-selector { grid-template-columns: repeat(3,minmax(0,1fr)); }.energy-planet { min-height: 4.25rem; }.mandala-core { width: 44%; min-height: 5.5rem; }.energy-focus-facets,.energy-day-grid { grid-template-columns: 1fr; }.energy-day-grid article { min-height: 17rem; }.energy-day-grid h3 { margin-top: 2.5rem; }.energy-focus-head { grid-template-columns: 1fr; }.energy-focus-head > span { width: 4rem; }
}
@media (prefers-reduced-motion:reduce) {
  .energy-geocentric-orbit,.energy-geocentric-orbit-planet { animation:none!important; }.energy-planet,.energy-planet > span { transition:none!important; }
}