.moon-sky{background:#09121fb8;color:#dcebf5;padding:32px clamp(18px,4vw,65px);min-height:100vh;font-family:var(--font-dm-sans),sans-serif}.moon-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.moon-heading h1{font-size:clamp(28px,3.8vw,48px);letter-spacing:-.04em;margin:10px 0}.moon-heading p,.moon-observer p,.moon-source{color:#97adbf;line-height:1.65;font-size:13px}.moon-eyebrow{font-size:11px;letter-spacing:.2em;color:#80ddce}.moon-sky a{color:#91dbec}.moon-observer{padding:22px;background:#111f2c;border:1px solid #2b4050;border-radius:14px;margin:24px 0}.moon-observer button.moon-location-action{background:#a1e8d6;color:#071b21;border:1px solid #bceee2;font-weight:700;box-shadow:0 0 24px #75d8c325}.moon-location-start{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #2b4050}.moon-location-start p{margin:6px 0 0}@media (max-width:600px){.moon-location-start{flex-direction:column;align-items:stretch;gap:14px}}.moon-observer button.moon-location-action:hover{background:#c0f4e8}.moon-observer button.moon-location-action:focus-visible{outline:3px solid #fff;outline-offset:4px}.moon-observer form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.moon-observer label{display:flex;flex-direction:column;gap:7px;font-size:12px;flex:1 1 135px}.moon-observer input{box-sizing:border-box}.moon-observer input,.moon-observer select{width:100%;background:#091523;border:1px solid #395364;border-radius:7px;padding:12px;color:#dcebf5;min-width:0}.moon-city-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.moon-city-picker{margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #2b4050}.moon-city-picker p{margin:0 0 10px}.moon-city-help{margin-top:10px!important}.moon-views{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:stretch;gap:20px}.moon-view-card{min-width:0;background:#0b1927;border:1px solid #2b4050;border-radius:16px;padding:20px}.moon-view-card h2{font-size:20px;margin:0 0 8px}.moon-view-card p{color:#97adbf;font-size:12px;line-height:1.6}.moon-orbit-view svg{width:100%;display:block}.moon-orbit-view svg text{fill:#b6d2e5;font-size:12px}.moon-orbit-readout{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;text-align:center}.moon-orbit-readout strong{color:#b8e7f6;font-size:18px}.moon-orbit-readout span{grid-row:2;color:#97adbf;font-size:11px}.moon-phase-preview{display:flex;align-items:center;gap:18px;margin-bottom:15px}.moon-disc{display:block;max-width:100%;flex-shrink:0}.moon-phase-preview .moon-disc{width:180px!important;height:180px!important}@media (max-width:1050px){.moon-views{grid-template-columns:minmax(0,1fr)}.moon-orbit-view svg{max-width:560px;margin:auto}}@media (max-width:600px){.moon-city-fields{grid-template-columns:minmax(0,1fr)}.moon-phase-preview{flex-direction:column;text-align:center}.moon-view-card{padding:14px}}.moon-sky button{background:#183b45;color:#ddf5f4;border:1px solid #457080;border-radius:7px;padding:12px;cursor:pointer;font:inherit;font-size:12px}.moon-sky button:disabled{opacity:.5;cursor:wait}.moon-chart-controls,.moon-clock{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:20px 0;font-size:13px}.moon-live{color:#91e5ca}.moon-clock time{font-variant-numeric:tabular-nums;letter-spacing:.03em}.moon-chart-controls{color:#9db9cc}.moon-chart-controls label{display:flex;align-items:center;gap:7px}.moon-chart-controls span{font-size:11px}.moon-chart{padding:22px 0;border:1px solid #2b4050;border-radius:14px;overflow:hidden}.moon-chart svg{width:100%;display:block;min-height:230px}.moon-chart text{font:12px sans-serif;fill:#b5ccda}.moon-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-top:22px}.moon-metrics div{border:1px solid #2b4050;border-radius:12px;background:#111f2c;padding:17px}.moon-metrics span{font-size:11px;color:#97adbf;display:block;margin-bottom:12px}.moon-metrics strong{font-size:clamp(14px,1.5vw,21px);font-variant-numeric:tabular-nums}.moon-error{color:#ffc3a7;background:#392723;padding:12px;border-radius:8px}.moon-source{margin-top:25px}.moon-forecast{color:#8ec9f4;font-size:13px}@media (max-width:700px){.moon-heading{align-items:start;flex-direction:column}.moon-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.moon-clock{gap:9px}.moon-observer{padding:15px}.moon-chart text{font-size:16px}.moon-chart-controls span{width:100%}}