.solar-shell{width:min(1500px,calc(100% - 48px));margin:0 auto;padding:70px 0 90px}.solar-intro{max-width:760px}.solar-intro h1,.map-heading h2{margin:.15em 0;font-family:Georgia,serif;font-size:clamp(2.4rem,6vw,5rem);line-height:.95;color:#eaf4ff}.solar-intro h1 span,.map-heading h2 span{color:#39d9ff}.solar-intro>p:last-child{max-width:660px;color:#a9bdce;font-size:1.05rem}.solar-controls,.solar-map{margin-top:30px;padding:24px;border:1px solid rgba(132,184,213,.28);background:#10263a}.solar-controls{display:grid;gap:20px}.date-controls,.view-controls,.display-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.solar-controls label{display:grid;gap:6px;color:#a9bdce;font-size:.86rem}.solar-controls label[hidden]{display:none!important}.solar-controls input[type=datetime-local]{min-height:38px;padding:7px 9px;border:1px solid #59778d;border-radius:3px;background:#0b1c2d;color:#eaf4ff;font:inherit}.solar-controls input[type=range]{accent-color:#39d9ff}.solar-controls button,.map-actions button{min-height:38px;padding:0 12px;border:1px solid #59778d;background:#17344d;color:#eaf4ff;cursor:pointer;font:inherit}.solar-controls button:hover,.solar-controls button:focus-visible,.map-actions button:hover,.map-actions button:focus-visible{background:#24506f}.solar-controls output{color:#39d9ff}.view-controls label{min-width:170px;flex:1}.visibility-controls{display:flex;flex-wrap:wrap;gap:9px 18px;margin:0;padding:10px 13px;border:1px solid rgba(132,184,213,.28);color:#a9bdce}.display-controls>.visibility-controls:first-child{flex:0 1 auto}.display-controls>#visibility-controls{flex:1 1 600px}.visibility-controls legend{padding:0 6px;color:#39d9ff;font-size:.86rem}.visibility-controls label{display:flex;align-items:center;gap:4px}.visibility-controls input{accent-color:#39d9ff}.visibility-controls i{display:inline-block;width:.65em;height:.65em;border-radius:50%}.map-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.map-heading h2{font-size:clamp(1.8rem,4vw,3rem)}.map-actions{display:flex;align-items:center;gap:12px}.map-actions button{white-space:nowrap}#date-label{margin:0;color:#a9bdce;text-align:right}.solar-map{background:#081827}.solar-map canvas{display:block;width:100%;height:min(68vw,760px);min-height:420px;border:1px solid rgba(132,184,213,.23);background:#06111d;cursor:grab;touch-action:none}.solar-map canvas:active{cursor:grabbing}.map-note{margin:14px 0 0;color:#a9bdce;font-size:.9rem}.planet-list{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px}.planet-list span{color:#c8dbe8;font-size:.86rem}.planet-list i{display:inline-block;width:.65em;height:.65em;margin-right:.4em;border-radius:50%}@media (max-width:650px){.solar-shell{width:min(100% - 28px,1500px);padding-top:40px}.solar-controls,.solar-map{padding:16px}.solar-map canvas{min-height:360px}.date-controls button{padding:0 8px;font-size:.82rem}.map-heading{align-items:start;flex-direction:column;gap:6px}.map-actions{align-items:start;flex-direction:column}#date-label{text-align:left}}