@font-face{font-family:SolarMono;src:url('/assets/fonts/JetBrainsMono-400-latin.woff2') format('woff2');font-display:swap}
.lab-page.solar-lab-section{display:block;min-height:0;padding:0;scroll-margin-top:var(--header-h,64px);border-top:1px solid var(--line)}
html[data-obs-active="LAB-003"] .music-easter-toggle[aria-expanded="false"]{visibility:hidden;pointer-events:none}
.solar-viewport{position:relative;width:100%;min-width:0;height:clamp(580px,calc(100svh - var(--header-h,64px)),900px);overflow:hidden;background:#03070d;isolation:isolate}
.solar-viewport:fullscreen{width:100%;height:100%;background:#03070d}
#solarCanvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-3px;position:relative;z-index:1;opacity:0;transition:opacity .4s}
#solarViewer[data-render-state="ready"] #solarCanvas{opacity:1}
.solar-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .4s}
#solarViewer[data-render-state="ready"] .solar-fallback{opacity:0;pointer-events:none}
#solarViewer .viewport-top{position:absolute;top:16px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:4;pointer-events:none;color:#e2e9e7}
.solar-caption{display:flex;align-items:center;gap:14px;min-width:0}
.solar-index{font:10px SolarMono,var(--font-mono);letter-spacing:.12em;color:#7e929f;text-decoration:none;pointer-events:auto;line-height:36px}
#solarViewer button{appearance:none;background:#06111bc9;color:#cbd9dd;border:1px solid #a7cadd24;border-radius:2px;cursor:pointer;font:11px var(--font-sans);pointer-events:auto}
#solarViewer .view-caption{display:flex;align-items:center;gap:8px;padding:8px 0;border:0;background:transparent;color:#e2e9e7;font-size:12px;white-space:nowrap}
#solarViewer .view-caption small{font:8px SolarMono,var(--font-mono);letter-spacing:.13em;color:#8e9ca5;margin-left:4px}
#solarViewer .status-dot{width:5px;height:5px;background:#d6ff73;border-radius:50%;box-shadow:0 0 9px #b8ea5555;flex-shrink:0}#solarViewer .status-dot.is-paused{background:#d3a164;box-shadow:none}
#solarViewer .view-actions{display:flex;gap:5px;pointer-events:auto}
#solarViewer .view-actions button{min-height:36px;min-width:38px;padding:5px 11px}
#solarViewer .view-actions button:last-child{font-size:19px;padding:2px 8px}
#solarViewer button:hover{border-color:#a9dbea80;color:#fff;background:#0b1b29}
#solarViewer .view-caption:hover{background:none;color:#fff}
#solarViewer button:focus-visible,#solarViewer a:focus-visible,#solarCanvas:focus-visible{outline:2px solid #86cbe7;outline-offset:3px}
#solarViewer button:disabled{opacity:.4;cursor:default}
#solarViewer .viewer-loading{position:absolute;inset:0;z-index:6;background:#03070d88;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d5e2df;font-size:12px;text-align:center;padding:25px}
#solarViewer .viewer-loading[hidden]{display:none}
#solarViewer .viewer-loading i{width:27px;height:27px;border:1px solid #adcad03d;border-top-color:#d6ff73;border-radius:50%;animation:solar-loading 1.4s linear infinite}
#solarViewer .viewer-loading button{padding:12px 18px;margin-top:12px;min-height:44px}
#solarViewer .viewer-loading.is-static{background:none;pointer-events:none}
#solarViewer .viewer-loading.is-static i{display:none}
#solarViewer .viewer-loading.is-static button{background:#06111bea;pointer-events:auto}
#solarViewer .planet-labels{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
#solarViewer .planet-label{position:absolute;top:0;left:0;border:0;background:transparent;font-size:10px;white-space:nowrap;pointer-events:auto;display:flex;align-items:center;gap:6px;min-height:27px;padding:4px 5px;text-shadow:0 1px 8px #000;will-change:transform}
#solarViewer .planet-label:before{content:'';width:3px;height:3px;border-radius:50%;background:#73828b}
#solarViewer .planet-label.is-selected{color:#d6ff73}
#solarViewer .planet-label.is-selected:before{background:#d6ff73}
#solarViewer .planet-label[hidden]{display:none!important}
@keyframes solar-loading{to{transform:rotate(360deg)}}
@media(max-width:760px){.solar-viewport{height:clamp(440px,76svh,620px)}#solarViewer .viewport-top{left:12px;right:12px;top:12px;gap:8px;align-items:flex-start}.solar-caption{gap:9px;align-items:flex-start}.solar-index{font-size:9px;line-height:30px}#solarViewer .view-caption{position:relative;font-size:10px;padding:8px 0 18px;gap:6px}#solarViewer .view-caption small{position:absolute;top:28px;left:11px;margin:0;font-size:7px}#solarViewer .view-actions{gap:4px}#solarViewer .view-actions button{min-height:34px;min-width:32px;padding:5px 8px;font-size:10px}#solarViewer .planet-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){#solarCanvas,.solar-fallback{transition:none}#solarViewer .viewer-loading i{animation:none}}