@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap";:root{color:#eaf2f7;font-synthesis:none;text-rendering:optimizelegibility;--ink:#eaf2f7;--muted:#93a8b8;--panel:#0a1a29;--line:#b5d0e029;--teal:#50c8c2;--gold:#f3b85c;--violet:#c692f5;background:#07131f;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}html{background:#07131f}body{background:radial-gradient(circle at 73% 25%,#194f6f33,#0000 35%),#07131f;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}a{color:inherit}.app-shell{min-height:100vh;padding:0 32px 32px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;display:flex}.settings-button,.settings-close{color:#c8f2ed;cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#50c8c214;border:1px solid #50c8c26b;border-radius:3px;padding:7px 10px;font-family:DM Mono,monospace;font-size:.68rem}.settings-button:hover,.settings-close:hover{border-color:var(--teal);background:#50c8c22b}.settings-layer{z-index:2147483647;pointer-events:none;visibility:hidden;position:fixed;inset:0}.settings-layer[data-open=true]{pointer-events:auto;visibility:visible}.settings-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#030c149e;border:0;width:100%;position:absolute;inset:0}.settings-panel{pointer-events:auto;background:linear-gradient(160deg,#0d2134,#081622 65%);border-left:1px solid #50c8c259;width:min(420px,100%);height:100%;padding:28px;position:absolute;top:0;right:0;overflow:auto;box-shadow:-24px 0 64px #0000006b}.settings-panel header{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:22px;font-family:DM Mono,monospace;display:flex}.settings-panel header>div{gap:5px;display:grid}.settings-panel header strong{font-size:1rem}.settings-section{border-top:1px solid var(--line);gap:12px;padding:16px 0;display:grid}.settings-section label:not(.date-control):not(.toggle-row){color:var(--muted);gap:5px;font-size:.78rem;display:grid}.settings-section-title{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;margin:0;font-family:DM Mono,monospace;font-size:.72rem;font-weight:500}.settings-panel .observer-location{gap:12px;display:grid}.settings-panel .observer-location>small{color:var(--muted);line-height:1.45}.observer-settings-link{color:#c8f2ed;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:#50c8c214;border:1px solid #50c8c26b;border-radius:3px;padding:10px 12px;font-family:DM Mono,monospace;font-size:.7rem}.observer-target-picker{gap:8px;margin-top:18px;display:grid}.observer-target-picker>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.64rem}.observer-target-picker>div{flex-wrap:wrap;gap:6px;display:flex}.observer-target-picker button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#07131d8f;border-radius:999px;padding:7px 9px;font-family:DM Mono,monospace;font-size:.65rem}.observer-target-picker button[aria-pressed=true]{color:#d8fffb;background:#50c8c221;border-color:#50c8c2b8}.observer-lesson-panel h1{font-size:clamp(2.65rem,4vw,4.3rem);line-height:.96}.observer-summary{background:#07131d75;border:1px solid #b5d0e030;border-radius:5px;gap:4px;margin-top:14px;padding:13px 88px 13px 14px;display:grid;position:relative}.observer-summary>span,.observer-layer-stack>span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.62rem}.observer-summary strong{font-size:.82rem}.observer-summary small{color:var(--muted);font-size:.7rem}.observer-summary button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:4px;padding:7px 10px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.observer-layer-stack{background:#07131d6b;border:1px solid #b5d0e02e;border-radius:5px;gap:1px;margin-top:18px;padding:12px;display:grid}.observer-layer-stack>span{margin-bottom:7px}.observer-layer{border-top:1px solid #b5d0e01a;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.observer-layer span{gap:2px;display:grid}.observer-layer strong{font-size:.76rem}.observer-layer small{color:var(--muted);font-size:.66rem}.observer-layer input{accent-color:#50c8c2}.observer-spin-control{color:#c8f2ed;cursor:pointer;letter-spacing:.04em;text-transform:uppercase;background:#50c8c214;border:1px solid #50c8c266;border-radius:4px;width:100%;margin-top:14px;padding:10px;font-family:DM Mono,monospace;font-size:.68rem}.observer-sky-stage{background:radial-gradient(circle at 52% 30%,#10243b 0%,#071421 43%,#030a12 100%);overflow:hidden}.observer-sky-stage:after{content:"";pointer-events:none;background:linear-gradient(#0000,#01060bad);height:30%;position:absolute;inset:auto 0 0}.observer-atmosphere{opacity:.42;background-position:50%;background-size:cover;position:absolute;inset:0}.observer-sky-stage>canvas{z-index:1;position:relative}.high-contrast{--muted:#d5e6f2;--line:#ffffff7a}.label-density-minimal .scene-label:not(.sun-label){display:none}.brand{align-items:center;gap:10px;font-family:Newsreader,Georgia,serif;font-size:1.35rem;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{width:30px;height:30px;color:var(--gold);border:1px solid #f3b85c73;border-radius:50%;place-items:center;display:grid}.view-status{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:12px;font-family:DM Mono,monospace;font-size:.72rem;display:flex}.status-dot{background:var(--teal);border-radius:50%;width:4px;height:4px}.learning-layout{grid-template-columns:minmax(300px,.72fr) minmax(600px,1.5fr);min-height:calc(100vh - 109px);display:grid}.lesson-panel{border-right:1px solid var(--line);padding:clamp(40px,6vh,76px) clamp(32px,5vw,72px) 40px 0}.eyebrow{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.72rem;font-weight:500}h1,h2{letter-spacing:-.035em;font-family:Newsreader,Georgia,serif;font-weight:500}h1{max-width:540px;margin:18px 0;font-size:clamp(3rem,5.4vw,5.8rem);line-height:.93}h2{margin:8px 0 0;font-size:clamp(1.75rem,3vw,2.6rem);line-height:1}.lede{color:#b6c7d3;max-width:510px;margin:0 0 32px;font-size:1rem;line-height:1.7}.longitude-comparison{grid-template-columns:1fr 1fr;gap:10px;display:grid}.longitude-card{border:1px solid var(--line);border-top-color:var(--accent);background:#ffffff05;border-radius:3px;min-height:142px;padding:16px}.longitude-card.sayana{--accent:var(--gold)}.longitude-card.nirayana{--accent:var(--violet)}.longitude-card.solar-sun{--accent:#ffd36a}.longitude-card.solar-earth{--accent:var(--teal)}.longitude-card.ecliptic-longitude{--accent:#d4a574}.longitude-card span,.longitude-card small{color:var(--muted);font-size:.69rem;line-height:1.45;display:block}.longitude-card strong{color:var(--accent);margin:10px 0 7px;font-family:DM Mono,monospace;font-size:clamp(1.8rem,3vw,2.55rem);font-weight:400;display:block}.frame-action{color:#dff8f4;cursor:pointer;background:#50c8c21a;border:1px solid #50c8c26b;border-radius:3px;justify-content:space-between;align-items:center;width:100%;min-height:50px;margin-top:12px;padding:0 16px;font-size:.78rem;font-weight:600;transition:background .16s,border-color .16s;display:flex}.frame-action:hover{border-color:var(--teal);background:#50c8c22b}.control-group{border-top:1px solid var(--line);margin-top:10px}.checkpoint-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 18px;display:grid}.checkpoint-card,.animation-toggle{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff06;border-radius:3px}.checkpoint-card{text-align:left;gap:5px;min-height:68px;padding:10px;display:grid}.checkpoint-card.selected{background:#50c8c21a;border-color:#50c8c2b8}.checkpoint-name{font-size:.76rem;font-weight:600}.checkpoint-tilt,.checkpoint-detail p{color:var(--muted);font-size:.7rem}.checkpoint-detail{border-left:2px solid var(--gold);background:#f3b85c0f;margin-bottom:18px;padding:12px 14px}.checkpoint-detail h3,.visibility-controls h4{margin:0;font-size:.82rem}.checkpoint-detail p{line-height:1.5}.tilt-indicator{color:#cbd9e2;gap:3px;font-family:DM Mono,monospace;font-size:.62rem;display:grid}.animation-toggle{color:#dff8f4;width:100%;min-height:44px;margin:14px 0;font-size:.78rem;font-weight:600}.animation-toggle:disabled{cursor:not-allowed;color:var(--muted);opacity:.7}.visibility-controls{border-block:1px solid var(--line);padding:14px 0}.toggle-grid{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.toggle-chip{border:1px solid var(--line);min-height:28px;color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:.67rem;display:inline-flex}.toggle-chip input{accent-color:var(--teal)}.toggle-row{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:24px;min-height:68px;display:flex}.toggle-row span,.toggle-row small{display:block}.toggle-row strong{font-size:.84rem;font-weight:600}.toggle-row small{color:var(--muted);margin-top:3px;font-size:.7rem}.toggle-row input{appearance:none;cursor:pointer;background:#0b1721;border:1px solid #496173;border-radius:20px;flex:none;width:40px;height:22px;transition:border-color .16s,background .16s;position:relative}.toggle-row input:after{content:"";background:#8195a4;border-radius:50%;width:14px;height:14px;transition:transform .16s,background .16s;position:absolute;top:3px;left:3px}.toggle-row input:checked{background:#50c8c226;border-color:#50c8c2b3}.toggle-row input:checked:after{background:var(--teal);transform:translate(18px)}.toggle-row input:focus-visible,.brand:focus-visible,.frame-action:focus-visible,.view-switcher button:focus-visible,.checkpoint-card:focus-visible,.animation-toggle:focus-visible,.toggle-chip input:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.fixture-note{background:#93a8b80f;border-left:2px solid #6e8290;margin-top:22px;padding:13px 15px}.fixture-note span{color:#c5d3dc;letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.65rem}.fixture-note p{color:var(--muted);margin:6px 0 0;font-size:.72rem;line-height:1.5}.date-control{border-bottom:1px solid var(--line);gap:8px;padding:14px 0;display:grid}.date-control span{gap:3px;display:grid}.date-control strong,.date-control small{display:block}.date-control small{color:var(--muted);font-size:.7rem}.date-control input{border:1px solid var(--line);color:#d8e5ed;width:100%;min-height:36px;font:inherit;background:#030c1499;border-radius:3px;padding:6px 8px}.observer-location{border-bottom:1px solid var(--line);gap:9px;padding:16px 0;display:grid}.observer-location>strong{font-size:.84rem}.observer-location>small{color:var(--muted);margin-top:-5px;font-size:.7rem}.observer-location label{color:#b6c7d3;gap:5px;font-size:.68rem;display:grid}.observer-location input{border:1px solid var(--line);color:#d8e5ed;background:#030c1499;border-radius:3px;width:100%;min-height:34px;padding:5px 8px}.observer-coordinate-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.location-actions button,.city-search button{color:#dff8f4;cursor:pointer;background:#50c8c21a;border:1px solid #50c8c26b;border-radius:3px;min-height:34px;font-size:.72rem;font-weight:600}.location-actions button{width:100%}.city-search{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.city-search button{padding-inline:12px}.observer-location select{border:1px solid var(--line);color:#d8e5ed;background:#07131f;border-radius:3px;width:100%;min-height:34px;padding:5px 8px}.observer-location .location-status{color:var(--teal);font-size:.67rem;line-height:1.45}.visual-panel{grid-template-rows:auto minmax(420px,1fr) auto;min-width:0;padding:clamp(34px,5vh,58px) 0 0 clamp(32px,4vw,64px);display:grid}.visual-heading{justify-content:space-between;align-items:end;gap:24px;padding-right:12px;display:flex}.visual-tools{flex-direction:column;align-items:flex-end;gap:13px;display:flex}.view-switcher{border:1px solid var(--line);background:#030c149e;border-radius:4px;grid-template-columns:1fr 1fr;padding:3px;display:inline-grid}.projection-steps{color:#b6c7d3;gap:9px;margin:0 0 28px;padding:0;font-size:.8rem;list-style:none;display:grid}.projection-steps li{align-items:center;gap:10px;display:flex}.projection-steps span{width:22px;height:22px;color:var(--teal);border:1px solid #50c8c273;border-radius:50%;place-items:center;font-family:DM Mono,monospace;font-size:.62rem;display:grid}.longitude-chart{align-content:center;justify-items:center;min-height:440px;padding:8px 0 0;display:grid}.longitude-chart svg{width:min(100%,540px);max-height:510px;overflow:visible}.chart-wheel{cursor:grab;touch-action:none}.chart-wheel:active{cursor:grabbing}.chart-ring{fill:#081b2ac7;stroke:#50c8c2b8;stroke-width:1.5px}.chart-inner-ring{fill:#050f19a8;stroke:#b5d0e02e;stroke-width:1px}.chart-sector{stroke:#b5d0e033;stroke-width:1px}.chart-sign{fill:#d7e4ec;font-family:Times New Roman,serif;font-size:19px}.chart-degree{fill:#f3a7a7;font-family:DM Mono,monospace;font-size:7px}.chart-zero{stroke:#50c8c2;stroke-width:2px}.chart-zero-label{fill:#50c8c2;letter-spacing:.12em;font-family:DM Mono,monospace;font-size:8px}.chart-body-line{stroke:#f3b85c70;stroke-width:1px}.chart-body-disc{fill:#102536;stroke:#dce8ee;stroke-width:1px}.chart-body-symbol{fill:#f4c46c;font-family:Times New Roman,serif;font-size:17px}.chart-body-symbol.chart-body-moon{fill:#d5e8f2}.chart-body-symbol.chart-body-mercury{fill:#c5cbd3}.chart-body-symbol.chart-body-venus{fill:#cbe8c8}.chart-body-symbol.chart-body-mars{fill:#f38c76}.chart-body-symbol.chart-body-jupiter{fill:#f0b571}.chart-body-symbol.chart-body-saturn{fill:#e3d38a}.chart-body-symbol.chart-body-uranus{fill:#8dd9e6}.chart-body-symbol.chart-body-neptune{fill:#8faef4}.chart-body-symbol.chart-body-pluto{fill:#c692f5}.chart-centre-title{color:#f3b85c;letter-spacing:.14em;margin-top:-184px;font-family:DM Mono,monospace;font-size:11px;display:block}.chart-centre-copy{color:#c692f5;text-align:center;gap:3px;min-height:64px;margin-top:6px;font-family:DM Mono,monospace;font-size:.64rem;display:grid}.chart-centre-copy strong{color:#eaf2f7;font-family:Newsreader,Georgia,serif;font-size:1.2rem;font-weight:500}.chart-sidereal{fill:#c692f5}.chart-caption{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:8px;margin-top:4px;font-family:DM Mono,monospace;font-size:.64rem;display:flex}.chart-key{border-radius:50%;width:8px;height:8px}.sun-key{background:#ffd36a}.chart-table-wrap{border:1px solid var(--line);width:min(100%,520px);margin-top:14px;overflow-x:auto}.chart-position-table{border-collapse:collapse;color:#c4d3dc;width:100%;font-family:DM Mono,monospace;font-size:.66rem}.chart-position-table caption{color:#eaf2f7;letter-spacing:.08em;text-align:left;text-transform:uppercase;padding:10px;font-size:.68rem}.chart-position-table th,.chart-position-table td{border-top:1px solid var(--line);text-align:left;white-space:nowrap;padding:7px 10px}.chart-position-table th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem;font-weight:500}.chart-position-table tbody tr:nth-child(odd){background:#ffffff06}.chart-position-table td:first-child span{color:#f3c469;text-align:center;vertical-align:-.1em;width:18px;font-family:Times New Roman,serif;font-size:1.05rem;display:inline-block}.view-switcher button{min-height:30px;color:var(--muted);cursor:pointer;letter-spacing:.02em;background:0 0;border:0;border-radius:2px;padding:0 12px;font-family:DM Mono,monospace;font-size:.62rem;transition:background .16s,color .16s}.view-switcher button[aria-pressed=true]{color:#c8f2ed;background:#50c8c224}.legend{flex-wrap:wrap;gap:16px;margin:0;display:flex}.legend div{align-items:center;gap:7px;display:flex}.legend dt{margin:0}.legend dd{color:var(--muted);margin:0;font-size:.68rem}.legend-swatch{background:var(--swatch);width:18px;height:2px;display:block}.legend-swatch.ecliptic,.legend-swatch.horizon{--swatch:var(--teal)}.legend-swatch.sayana{--swatch:var(--gold)}.legend-swatch.nirayana{--swatch:var(--violet)}.legend-swatch.orbit{--swatch:var(--teal)}.legend-dot{background:var(--swatch);border-radius:50%;width:7px;height:7px;display:block}.legend-dot.sun{--swatch:#ffd36a}.legend-dot.earth{--swatch:#278ac4}.scene-shell{min-height:440px;position:relative;overflow:hidden}.season-scene{min-height:440px;position:relative}.season-scene>canvas{display:block}.season-scene-controls{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;top:14px;left:14px;right:14px}.scene-utility-controls{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030c14d6;border:1px solid #b5d0e042;border-radius:4px;gap:4px;padding:4px;display:flex;position:absolute;top:14px;left:14px}.season-periods,.season-scene-actions,.season-layer-controls{gap:4px;display:flex}.season-periods,.season-scene-actions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#030c14d6;border:1px solid #b5d0e042;border-radius:4px;padding:4px}.season-periods button,.season-play-control,.season-layer-controls summary,.direction-mode-controls button,.chart-orientation-controls button{color:#d8e5ed;cursor:pointer;letter-spacing:.02em;background:0 0;border:0;border-radius:2px;min-height:30px;font-family:DM Mono,monospace;font-size:.62rem}.season-periods button,.season-play-control,.direction-mode-controls button,.chart-orientation-controls button{padding:0 9px}.season-periods button[aria-pressed=true],.season-play-control[aria-pressed=true]{color:#c8f2ed;background:#50c8c22e}.season-play-control:disabled{color:var(--muted);cursor:not-allowed}.direction-mode-controls{border-left:1px solid #b5d0e033;gap:2px;padding:2px;display:flex}.direction-mode-controls button[aria-pressed=true]{color:#c8f2ed;background:#50c8c22e}.chart-orientation-controls{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-bottom:2px;font-family:DM Mono,monospace;font-size:.64rem;display:flex}.chart-perspective-controls{justify-content:center;gap:4px;margin-bottom:7px;display:flex}.chart-perspective-controls button{color:#d8e5ed;cursor:pointer;background:#030c1485;border:1px solid #b5d0e038;border-radius:2px;min-height:30px;padding:0 10px;font-family:DM Mono,monospace;font-size:.62rem}.chart-perspective-controls button[aria-pressed=true]{color:#c8f2ed;background:#50c8c22e}.chart-top-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin-bottom:7px;display:flex}.chart-display-controls{gap:3px;display:flex}.chart-display-controls button,.chart-layer-controls summary{color:#d8e5ed;cursor:pointer;background:#030c1485;border:1px solid #b5d0e038;border-radius:2px;min-height:30px;padding:0 9px;font-family:DM Mono,monospace;font-size:.62rem}.chart-display-controls button[aria-pressed=true]{color:#c8f2ed;background:#50c8c22e}.chart-layer-controls{position:relative}.chart-layer-controls summary{place-items:center;list-style:none;display:grid}.chart-layer-controls summary::-webkit-details-marker{display:none}.chart-layer-list{z-index:5;color:#d8e5ed;background:#030c14f2;border:1px solid #b5d0e042;border-radius:3px;gap:7px;width:max-content;padding:10px;font-family:DM Mono,monospace;font-size:.65rem;display:grid;position:absolute;top:calc(100% + 6px);right:0}.chart-layer-list label{align-items:center;gap:7px;display:flex}.orbital-sun{fill:#ffd36a;stroke:#f3b85c;stroke-width:3px}.orbital-orbit{fill:none;stroke:#b5d0e038;stroke-width:1px}.orbital-sector-ray{stroke:#f06da06b;stroke-width:1.2px}.orbital-sign{fill:#d7e4ec;font-family:Times New Roman,serif;font-size:15px}.orbital-body{fill:#c5cbd3;stroke:#eaf2f7;stroke-width:1px}.orbital-body-earth{fill:#4d9dcc}.orbital-body-mercury{fill:#c5cbd3}.orbital-body-venus{fill:#cbe8c8}.orbital-body-mars{fill:#f38c76}.orbital-body-jupiter{fill:#f0b571}.orbital-body-saturn{fill:#e3d38a}.orbital-body-uranus{fill:#8dd9e6}.orbital-body-neptune{fill:#8faef4}.orbital-body-pluto{fill:#c692f5}.orbital-body-label{fill:#eaf2f7;font-family:DM Mono,monospace;font-size:6px}.orbital-coordinate-label{fill:#aebfc9;font-family:DM Mono,monospace;font-size:5px}.orbital-sun-label{fill:#5d3b07;font-family:DM Mono,monospace;font-size:7px;font-weight:700}.orbital-earth-note{fill:#8dd9e6;font-family:DM Mono,monospace;font-size:5px}.orbital-map-note{max-width:510px;color:var(--muted);text-align:center;margin:2px 18px 8px;font-family:DM Mono,monospace;font-size:.6rem;line-height:1.45}.chart-orientation-controls button{background:#030c1485;border:1px solid #b5d0e038;min-height:28px;padding:0 7px}.chart-orientation-controls button:disabled{color:var(--muted);cursor:not-allowed;opacity:.62}.chart-orientation-note{color:var(--muted);margin:0 0 5px;font-family:DM Mono,monospace;font-size:.59rem}.season-layer-controls{display:block;position:relative}.season-layer-controls summary{place-items:center;min-height:30px;padding:0 9px;list-style:none;display:grid}.season-layer-controls summary::-webkit-details-marker{display:none}.season-layer-list{color:#d8e5ed;background:#030c14f0;border:1px solid #b5d0e042;border-radius:4px;gap:6px;width:max-content;padding:10px;font-size:.7rem;display:grid;position:absolute;top:calc(100% + 7px);right:0}.season-layer-list label{cursor:pointer;align-items:center;gap:7px;display:flex}.season-layer-list input{accent-color:var(--teal)}.scene-loading{min-height:440px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;place-items:center;font-family:DM Mono,monospace;font-size:.68rem;display:grid}.scene-shell:before{content:"";z-index:1;pointer-events:none;border:1px solid #adcfe012;border-radius:50%;position:absolute;inset:13% 7%}.scene-shell canvas{z-index:0;touch-action:none;position:relative}.season-scene>canvas{z-index:0;position:relative}.scene-label{color:#d8e5ed;letter-spacing:.04em;pointer-events:none;background:#050f19c7;border:1px solid #ffffff24;border-radius:2px;width:max-content;padding:4px 7px;font-family:DM Mono,monospace;font-size:.6rem}.tropical-label{color:var(--gold)}.zodiac-label{color:#b8a0d4;font-size:.55rem}.sidereal-label{color:var(--violet)}.sun-label{color:#ffe9a9}.orbit-label{color:var(--teal)}.scene-hint{color:#647a89;text-transform:uppercase;margin:0;font-family:DM Mono,monospace;font-size:.6rem;position:absolute;bottom:9px;right:14px}.disclosure-row{border-top:1px solid var(--line);color:#738896;text-transform:uppercase;flex-wrap:wrap;gap:8px 20px;padding:15px 0 2px;font-family:DM Mono,monospace;font-size:.61rem;display:flex}.disclosure-row span:before{content:"○";color:#607684;margin-right:7px}@media (width<=1020px){.app-shell{padding:0 22px 22px}.learning-layout{grid-template-columns:1fr}.lesson-panel{border-right:0;border-bottom:1px solid var(--line);padding-right:0}.visual-panel{padding-left:0}}@media (width>=1021px) and (height<=1050px){.lesson-panel{padding-top:38px;padding-bottom:24px}h1{margin-block:14px;font-size:clamp(3rem,4.8vw,4.8rem)}.lede{margin-bottom:22px;line-height:1.55}.longitude-card{min-height:112px;padding:14px 16px}.longitude-card strong{margin-block:7px 5px}.toggle-row{min-height:52px}.fixture-note{margin-top:12px;padding-block:10px}.frame-action{min-height:44px}.visual-panel{padding-top:38px}}@media (width<=620px){.app-shell{padding:0 16px 16px}.topbar{height:64px}.settings-panel{width:100%;padding:22px 16px}.learning-layout{flex-direction:column;display:flex}.lesson-panel{order:2;padding-top:44px}.longitude-comparison{grid-template-columns:1fr}.visual-panel{border-bottom:1px solid var(--line);order:-1;grid-template-rows:auto 480px auto;padding-top:30px;padding-bottom:18px}.visual-heading{flex-direction:column;align-items:start;gap:18px}.visual-tools{align-items:flex-start;width:100%}.view-switcher{width:100%}.visual-heading h2{font-size:2.15rem}.scene-shell,.season-scene{min-height:480px;margin-inline:-16px}.season-scene-controls{top:10px;left:10px;right:10px}.scene-utility-controls{top:10px;left:10px}.season-periods button,.season-play-control,.season-layer-controls summary{min-height:28px;font-size:.58rem}.season-periods button,.season-play-control{padding-inline:7px}.scene-hint{right:30px}.scene-label{text-align:center;white-space:normal;max-width:78px;padding:3px 5px;font-size:.54rem;line-height:1.35}.longitude-chart{min-height:480px;margin-inline:-16px}.longitude-chart svg{width:min(100%,470px)}.chart-table-wrap{width:calc(100% - 32px)}.chart-position-table{font-size:.61rem}.chart-position-table th,.chart-position-table td{padding:6px 7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}