.light-transfer{position:fixed;inset:0;width:100%;height:100%;z-index:20;pointer-events:none;contain:strict}.light-transfer[hidden]{display:none}
.sky--depth{overflow:clip}.sky--depth .sky-caption{flex-direction:row;align-items:baseline}
.trace-light{font-size:10px;color:#c1cfdf;letter-spacing:.02em;white-space:nowrap;padding:4px 0;text-decoration:underline;text-underline-offset:5px;text-align:left}
.trace-light span{margin-left:8px;color:var(--accent)}
.motion-button{color:#9caec3;font-size:10px;white-space:nowrap;padding:6px 0}
.motion-button:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#b7cbdb;margin-right:6px;vertical-align:middle;opacity:.65}
.motion-button[aria-pressed=true]:before{background:#a0aabc;opacity:.45}
.plot-panel{position:relative}.plot-panel:before{content:'';position:absolute;left:-1px;top:20px;width:1px;height:90px;background:linear-gradient(transparent,rgba(var(--accent-rgb),.33),transparent);opacity:0;transition:opacity .4s}
body[data-tracing=true] .plot-panel:before{opacity:1}
body[data-tracing=true] .plot-wrap:before{content:'LIGHT BECOMING OBSERVATIONS';position:absolute;top:8px;left:51px;font-size:8px;letter-spacing:.12em;color:var(--accent);z-index:2;opacity:var(--trace-label,1);pointer-events:none}
#chart{opacity:var(--chart-reveal,1)}#chart-axes{opacity:var(--axes-reveal,1)}
body[data-calm=true] *,body[data-calm=true] *:before,body[data-calm=true] *:after{transition:none!important;scroll-behavior:auto!important}
@media(max-width:1050px){.header-end{gap:18px}.local-label{display:none}}
@media(max-width:760px){.motion-button{font-size:8px}.header-end{gap:13px}.trace-light{font-size:8px}.sky-caption{align-items:baseline}.sky-caption span+span{max-width:160px;text-align:right}.plot-panel:before{display:none}}
@media(max-width:390px){.header-end{gap:10px}.motion-button{font-size:7px}.wordmark{font-size:8px;gap:5px}.asterisk{font-size:20px}.sky-caption span+span{max-width:123px}.trace-light{font-size:7px}}

/* Keep motion and trace actions readable after the original compact overrides. */
.motion-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;font-size:13px;line-height:1.45;padding:8px 0;color:#b8c5d5}
.motion-button:before{margin-right:0;flex-shrink:0}
.trace-light{display:inline-flex;align-items:center;gap:7px;min-height:40px;font-size:12px;line-height:1.5;padding:6px 0}
.trace-light span{display:inline-flex;align-items:center;justify-content:center;margin-left:0;width:17px;height:17px;font-size:17px;line-height:1}
body[data-tracing=true] .plot-wrap:before{font-size:11px;letter-spacing:.08em}
@media(max-width:760px){.header-end{gap:12px}.motion-button{font-size:12px}.trace-light{font-size:12px}.sky--depth .sky-caption{align-items:center}.sky-caption span+span{max-width:none}}
@media(max-width:370px){.header-end{gap:10px}.motion-button{font-size:11px}.wordmark{font-size:10px;gap:6px}.asterisk{font-size:21px}.trace-light{font-size:11px}}