.orrery-main{max-width:var(--site-max-width);margin:auto;padding:34px var(--site-gutter)}.orrery-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:12px 0 32px}.orrery-intro h1{font-size:clamp(32px,4vw,52px);line-height:1.3;letter-spacing:-.04em;margin:10px 0}.orrery-intro h1 span{color:#546cad}.orrery-intro>p{line-height:1.9;color:#667389}.orrery-lab{border:1px solid #dce1ec;background:#fff;border-radius:22px;box-shadow:0 12px 38px #22365308}.orrery-presets{display:flex;gap:12px;padding:18px 22px;flex-wrap:wrap}.orrery-main button,.orrery-main select{font:inherit;cursor:pointer;border:1px solid #dce2ec;border-radius:9px;background:#fff;color:#344663;padding:9px 14px}.orrery-main button[aria-pressed=true]{background:#eaf0ff;border-color:#869fd5;color:#304d91}.orrery-main button:hover{border-color:#738bb8}.orrery-presets button{flex:1;min-width:110px}.orrery-presets button span{margin-right:10px;color:#9a7945}.orrery-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;background:#101b30;color:#e3ecfd}.orrery-space{min-width:0;border-right:1px solid #ffffff19}.orrery-stage-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;margin:0;font-size:12px;letter-spacing:.06em;gap:12px}.orrery-stage-heading div{display:flex;gap:5px}.orrery-stage-heading button{background:transparent;color:#b4c5e1;border-color:#ffffff26;font-size:11px;padding:6px 10px}.orrery-stage-heading button[aria-pressed=true]{background:#304365;color:#fff;border-color:#6d8bb7}#orrery-scene{height:380px}#moon-scene{height:250px;margin:0 15px}#orrery-scene canvas,#moon-scene canvas{display:block;width:100%;height:100%;touch-action:none}.orrery-legend{display:flex;justify-content:center;gap:28px;font-size:12px}.orrery-legend span:nth-child(1){color:#ffd27a}.orrery-legend span:nth-child(2){color:#65bce9}.orrery-legend span:nth-child(3){color:#cbd0dc}.orrery-hint{font-size:11px;color:#a2b2ca;padding:10px 20px 15px;text-align:center}.orrery-reading{padding:0 24px}.orrery-reading>p:first-child{font-size:14px;color:#ffda92}.orrery-reading h2{font-size:38px;line-height:1.2;margin:12px 0}.orrery-reading h2 small{display:block;font-size:11px;font-weight:400;color:#a8bbd8;margin-top:10px}.orrery-reading>p:last-child{font-size:12px;line-height:1.9;color:#b9c8df;min-height:48px}.orrery-hemisphere{display:block;font-size:11px;padding:12px 20px 22px;color:#b9c8df}.orrery-timeline{padding:12px 22px}.orrery-time-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:13px}.orrery-time-heading output{font-size:20px;font-variant-numeric:tabular-nums;font-weight:600}.orrery-timeline input{width:100%;accent-color:#627eb8;cursor:pointer}.orrery-ticks{display:flex;justify-content:space-between;color:#7b879b;font-size:11px;margin-top:0}.orrery-settings{display:flex;flex-wrap:wrap;gap:8px 22px;padding:8px 22px;border-top:1px solid #e5e9f0;font-size:12px;align-items:center}.orrery-main input[type=checkbox]{accent-color:#627eb8;vertical-align:middle;margin-right:7px}#render-status:empty{display:none}#render-status{padding:20px}.orrery-discover{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:32px 0}.orrery-discover article{background:#edf1f8;border-radius:16px;padding:26px}.orrery-discover h2{font-size:23px;margin:10px 0 15px}.orrery-discover article>p:last-child,.orrery-details{font-size:13px;line-height:1.9;color:#637089}.orrery-details{padding:15px 0}.orrery-details summary{cursor:pointer;color:#344663}.orrery-main :focus-visible{outline:3px solid #db9e43;outline-offset:3px}@media(max-width:760px){.orrery-main{padding:22px var(--site-gutter)}.orrery-intro{display:block}.orrery-intro>p{font-size:13px}.orrery-workspace{grid-template-columns:1fr}.orrery-space{border-right:0;border-bottom:1px solid #ffffff20}#orrery-scene{height:320px}.orrery-observer{display:grid;grid-template-columns:1fr 1fr}.orrery-observer>.orrery-stage-heading{grid-column:1/-1}#moon-scene{height:210px;margin:0}.orrery-reading{padding:0 15px}.orrery-hemisphere{grid-column:1/-1}.orrery-discover{grid-template-columns:1fr}.orrery-time-heading{flex-wrap:wrap}.orrery-stage-heading{padding:15px 12px;font-size:10px}.orrery-time-heading button{font-size:11px}.orrery-presets{gap:7px;padding:12px}.orrery-presets button{min-width:0;padding:9px 4px;font-size:11px}.orrery-presets button span{margin-right:5px}}.orrery-current-time{flex:1;min-width:0}.orrery-main #play{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#ffdb94;border-color:#ffdb94;font-weight:700}.orrery-play-icon{display:inline-block;flex-shrink:0;box-sizing:border-box;width:12px;height:14px;border-left:12px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent}#play[aria-pressed=true] .orrery-play-icon{border:0;border-left:4px solid currentColor;border-right:4px solid currentColor}#reset{display:inline-flex;align-items:center;justify-content:center;gap:4px}.orrery-date-status{font-size:11px;color:#637089;line-height:1.5;margin:2px 0 0}.orrery-date-status:empty{display:none}.orrery-timeline button,.orrery-settings select{min-height:40px}.orrery-settings #speed{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url(../icons/chevron-down.svg);background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px}.orrery-timeline input[type=range]{height:28px;margin:0;display:block}.orrery-settings label{display:inline-flex;align-items:center;gap:6px;min-height:40px;cursor:pointer}.orrery-settings input[type=checkbox]{width:16px;height:16px;margin:0}.observer-controls{padding:16px 22px;border-top:1px solid #e5e9f0}.observer-control-top{display:flex;justify-content:space-between;gap:16px;align-items:center}.observer-control-top h2{font-size:20px;margin:0;line-height:1.5}.observer-control-top p{font-size:12px;color:#637089;line-height:1.6;margin:4px 0 0}.observer-modes{display:flex;gap:6px;flex-shrink:0}.observer-modes button{font-size:12px;min-height:40px}.observer-inputs{display:grid;grid-template-columns:180px max-content minmax(0,1fr);gap:16px;margin-top:12px;align-items:start}.observer-inputs>div{min-width:0}.observer-map{position:relative;cursor:crosshair;overflow:hidden;border-radius:8px;line-height:0}.observer-map img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none}.observer-map canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.observer-map span{position:absolute;transform:translate(-50%,-50%);font-size:13px;color:#ffb66f;text-shadow:0 0 2px #000;pointer-events:none}.observer-location{display:grid;grid-template-columns:max-content max-content;gap:8px}.observer-location label{display:flex;align-items:center;gap:6px;font-size:12px;min-width:0}.observer-controls input{font:inherit;border:1px solid #dce2ec;border-radius:6px;padding:7px;color:#344663;min-height:40px;max-width:100%;min-width:0}.observer-location input{width:78px;flex:0 0 78px}.observer-city{grid-column:1/-1;min-width:0;position:relative}.observer-city-options{position:absolute;z-index:5;top:100%;left:0;width:100%;max-height:240px;overflow-y:auto;margin-top:4px;padding:4px;background:#fff;border:1px solid #dce2ec;border-radius:8px;box-shadow:0 8px 24px #23335b20}.observer-city-options[hidden]{display:none}.orrery-main .observer-city-options button{display:block;width:100%;min-height:44px;text-align:left;border:0;border-radius:4px;background:#fff;font-size:13px;padding:9px 10px}.orrery-main .observer-city-options button:hover,.orrery-main .observer-city-options button[aria-selected=true]{background:#eaf0ff}.observer-city-options p{font-size:12px;color:#637089;line-height:1.6;margin:8px}.observer-city label{margin-bottom:4px}.observer-city input{width:100%;max-width:260px;flex:1;font-size:13px}.observer-date button{font-size:12px;padding:7px 10px;min-height:40px}.observer-date label{font-size:12px;margin:0;white-space:nowrap;flex-shrink:0}.observer-date-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.observer-date-row input{flex:0 0 190px;width:190px;font-size:13px}.observer-date-actions{display:flex;gap:6px;align-items:center}.observer-date-row button{flex-shrink:0}.observer-date p{font-size:11px;line-height:1.6;color:#637089;margin:6px 0 0}.sky-status{font-size:11px;line-height:1.9;padding:0 20px;color:#b9c8df;min-height:40px}.orrery-observer [hidden]{display:none}#moon-scene{position:relative;overflow:hidden;transition:background-color .25s;border-radius:12px}#observer-ground{position:absolute;z-index:1;left:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(var(--ground-top),var(--ground-bottom));box-shadow:0 -1px 3px #9bada51a}.orrery-time-heading{flex-wrap:wrap}@media(max-width:1000px){.observer-inputs{grid-template-columns:180px 1fr}.observer-date{grid-column:1/-1}}@media(max-width:760px){.observer-control-top{flex-wrap:wrap;gap:10px}.observer-inputs{grid-template-columns:minmax(130px,.9fr) minmax(0,1.1fr);gap:12px}.observer-map{align-self:center}.observer-location{display:contents}.observer-map{grid-column:1;grid-row:1/3}.observer-location label{grid-column:2;justify-content:space-between}.observer-location input{max-width:85px}.observer-city input{max-width:100%}.observer-date{grid-column:1/-1}.observer-controls{padding:14px 16px}.orrery-timeline{padding:12px 16px}.orrery-time-heading{display:grid;grid-template-columns:1fr 44px;gap:8px}.orrery-current-time{grid-column:1/-1;grid-row:1}.orrery-time-heading #play{grid-column:1;grid-row:2}.orrery-time-heading #reset{grid-column:2;grid-row:2;padding:7px;font-size:20px}.orrery-time-heading #reset .reset-copy{display:none}.orrery-time-heading .orrery-date-status{font-size:10px}.orrery-time-heading button,.observer-controls button,.observer-controls input,.orrery-settings select{min-height:44px}.orrery-settings{padding:8px 16px;gap:2px 16px}.orrery-settings label{min-height:44px}.sky-status{grid-column:1/-1;margin-top:0}.orrery-observer .sky-status{grid-row:4}.orrery-observer .orrery-reading{grid-column:1/-1;grid-row:3}.orrery-observer #moon-scene{grid-column:1/-1;grid-row:2;justify-self:center;width:calc(100% - 32px);max-width:280px;height:auto;aspect-ratio:1}}.orrery-scale-controls{display:flex;align-items:center;gap:12px;padding:0 20px 12px}.orrery-scale-controls button{flex-shrink:0;background:#1a2b49;color:#e3ecfd;border-color:#536b89}.orrery-scale-controls p{margin:0;color:#bdcce4;font-size:11px;line-height:1.7}@media(max-width:760px){.orrery-scale-controls{align-items:flex-start;padding:0 12px 12px;gap:10px}.orrery-scale-controls button{font-size:11px}.orrery-scale-controls p{font-size:10px}}.moon-distance-control{display:flex;align-items:center;gap:12px;flex:1 1 280px;min-width:0}.moon-distance-control label{white-space:nowrap}.moon-distance-control output{font-weight:700;font-variant-numeric:tabular-nums}.moon-distance-control input{flex:1;min-width:80px;width:100%;accent-color:#627eb8;margin:0}@media(max-width:760px){.moon-distance-control{flex-basis:100%}}.orrery-intro h1 .orrery-title-word{white-space:nowrap;color:inherit}.orrery-presets .phase-icon{display:inline-block;box-sizing:border-box;width:14px;height:14px;border:1px solid currentColor;border-radius:50%;vertical-align:-2px;background:currentColor}.orrery-presets .phase-icon-1{background:linear-gradient(to right,currentColor 50%,transparent 50%)}.orrery-presets .phase-icon-2{background:transparent}.orrery-presets .phase-icon-3{background:linear-gradient(to right,transparent 50%,currentColor 50%)}.orrery-legend span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;margin-right:7px}.observer-map #map-pin{box-sizing:border-box;width:10px;height:10px;background:#ffb66f;border:1px solid #263348;border-radius:50%;box-shadow:0 0 2px #000}.orrery-reset-icon{display:inline-block;box-sizing:border-box;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;position:relative}.orrery-reset-icon:after{content:"";position:absolute;right:-3px;top:-2px;width:0;height:0;border-left:5px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent;transform:rotate(-40deg)}.observer-summary,.observer-mode-note{font-size:12px;line-height:1.7;color:#637089;margin:8px 0;overflow-wrap:anywhere}.observer-summary{color:#344663;font-variant-numeric:tabular-nums}.observer-details summary{cursor:pointer;font-size:13px;color:#344663;min-height:44px;align-content:center}.orrery-timeline{border-bottom:1px solid #e5e9f0}