#solar.scene{padding:20px 4vw max(12px,env(safe-area-inset-bottom))}
#solar .pill{font-size:9px;padding:8px 10px}
.solar-heading{display:flex;align-items:end;justify-content:space-between;margin:19px 0 16px;gap:12px}
.solar-heading h2{font-size:clamp(22px,3vw,34px);font-weight:500;letter-spacing:-.045em;margin:8px 0 0}
.solar-heading .eyebrow{font-size:9px;color:#8cabbf;letter-spacing:.19em}
.solar-stage-tag{font-size:9px;letter-spacing:.12em;color:#7a98ad;white-space:nowrap;padding-bottom:4px}
.solar-view-shell{flex:1;min-height:150px;position:relative;background:radial-gradient(ellipse at 52% 50%,#102037,#02060c 70%);border:1px solid #223447;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 80px #071729,0 18px 60px #0007}
#solar-stage{position:absolute;inset:0;touch-action:none;outline-offset:-4px}
#solar-stage canvas{display:block;width:100%;height:100%;touch-action:none}
#solar-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#040a12;z-index:5;color:#d9edf2;text-align:center;padding:24px}
#solar-loading small{color:#8aa1b7;font-size:12px;max-width:310px;line-height:1.6}
.solar-topline{position:absolute;inset:18px 20px auto;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;color:#8ba4bb;pointer-events:none}
#solar-scale-label{color:#71c9c9}
.solar-tools{position:absolute;top:55px;right:16px;display:flex;flex-direction:column;gap:6px}
.solar-tools button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #304151;background:#0a1320cc;border-radius:9px;font-size:24px;font-weight:300;backdrop-filter:blur(10px)}
.solar-tools button:hover{background:#173044}
.solar-card{position:absolute;left:28px;bottom:54px;max-width:290px;pointer-events:none}
.solar-card .card-kicker{color:#67d9d4;font-size:9px;letter-spacing:.23em}
.solar-card h3{font-size:42px;letter-spacing:-.05em;font-weight:500;margin:6px 0 10px}
.solar-card p{font-size:12px;line-height:1.65;color:#a7b6c9;margin:0 0 18px;max-width:280px}
.solar-stats{display:grid;grid-template-columns:repeat(3,max-content);gap:18px}
.solar-stats b{display:block;font-size:14px;font-weight:500;white-space:nowrap}
.solar-stats small{display:block;font-size:7px;color:#7892aa;letter-spacing:.08em;margin-top:5px}
.solar-gesture{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);color:#9cb0c6;font-size:8px;letter-spacing:.1em;white-space:nowrap;pointer-events:none;transition:opacity .5s}
.solar-gesture span{padding:0 7px;color:#67d9d4}
.solar-scale-note{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#708599;font-size:8px;pointer-events:none}
#solar-labels{position:absolute;inset:0;pointer-events:none}
.solar-label{position:absolute;left:0;top:0;border:1px solid #405666;background:#09131edf;backdrop-filter:blur(8px);border-radius:6px;padding:5px 8px;min-height:28px;font-size:9px;color:#deedf8;white-space:nowrap;transform:translate(-50%,-50%);pointer-events:auto}
.solar-label:before{content:'';width:4px;height:4px;display:inline-block;margin-right:6px;background:#6edcd2;border-radius:50%}
.solar-bottom{padding-top:10px;min-width:0}
.solar-tabs-wrap{position:relative;min-width:0}
.solar-tabs{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:1px 1px 5px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.solar-tabs::-webkit-scrollbar{display:none}
.solar-tabs button{flex:0 0 auto;min-width:80px;height:42px;border:1px solid #253b50;background:#091320;border-radius:9px;font-size:9px;color:#9cb2c7;padding:0 10px;scroll-snap-align:center;transition:background .2s,border-color .2s;color:#9cb2c7}
.solar-tabs button.selected{color:#ecffff;border-color:#51afa9;background:#0e2a32}
.solar-tabs button[data-body="sun"]{min-width:72px}
.solar-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:3px;min-height:36px}
.solar-controls button{background:none;border:0;color:#94acbe;font-size:10px;padding:8px 0;min-height:36px}
.solar-controls button[aria-pressed=true]{color:#88dbd3}
.solar-controls .continue-solar{color:#d6e8f0;margin-left:14px}
.solar-controls #about-solar{display:grid;place-items:center;min-width:28px}
#solar-info{color:#e7f2ff;background:#091421;border:1px solid #355066;border-radius:20px;padding:30px;max-width:500px;width:calc(100% - 32px);max-height:80dvh;overflow:auto}
#solar-info::backdrop{background:#000a;backdrop-filter:blur(7px)}
#solar-info h2{font-size:28px;letter-spacing:-.04em;padding-right:20px}
#solar-info p{font-size:13px;line-height:1.7;color:#aabed1}
#solar-info a{color:#84ddd4}
#solar-info .source-note{font-size:10px}
.solar-close-info{position:absolute;right:12px;top:8px;border:0;background:none;font-size:28px;width:44px;height:44px}
@media(max-width:700px){
  #solar.scene{padding:max(10px,env(safe-area-inset-top)) 12px max(8px,env(safe-area-inset-bottom))}
  #solar .brand{font-size:11px;letter-spacing:.18em}
  #solar .pill{font-size:7px;letter-spacing:.1em}
  .solar-heading{margin:12px 2px 13px}
  .solar-heading h2{font-size:22px}.solar-heading .eyebrow{font-size:8px}.solar-stage-tag{display:none}
  .solar-view-shell{border-radius:14px}
  .solar-topline{inset:14px 12px auto;font-size:7px;letter-spacing:.09em}
  .solar-tools{right:10px;top:41px;gap:5px}.solar-tools button{height:36px;width:36px;font-size:21px}
  .solar-card{left:16px;bottom:35px;right:16px;max-width:unset;display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:end}
  .solar-card .card-kicker{font-size:7px;grid-column:1/3}.solar-card h3{font-size:28px;margin:5px 0 0;line-height:1.15}.solar-card p{display:none}
  .solar-stats{gap:10px;grid-template-columns:repeat(3,max-content)}.solar-stats b{font-size:10px}.solar-stats small{font-size:6px;margin-top:3px;letter-spacing:.03em}
  .solar-gesture{font-size:6px;letter-spacing:.04em;bottom:20px}.solar-gesture span{padding:0 3px}.solar-scale-note{font-size:6px;bottom:8px}
  .solar-label{font-size:8px;padding:4px 6px}
  .solar-bottom{padding-top:8px}.solar-tabs button{height:39px;min-width:74px;font-size:8px;padding:0 9px}
  .solar-controls{justify-content:space-between;gap:8px;margin-top:0}.solar-controls button{font-size:8.5px}.solar-controls .continue-solar{margin:0}
}
@media(max-height:650px){.solar-heading{margin:7px 2px 10px}.solar-heading h2{font-size:19px}.solar-heading .eyebrow{display:none}.solar-card{bottom:31px}.solar-card .card-kicker{display:none}.solar-card h3{font-size:23px}.solar-topline{top:10px}.solar-tabs button{height:35px}.solar-bottom{padding-top:6px}.solar-controls{margin-top:0}.solar-gesture{display:none}}
@media(max-height:480px) and (min-width:600px){#solar.scene{padding:8px 16px}.solar-heading{display:none}.solar-card{left:16px;bottom:25px}.solar-card h3{font-size:25px}.solar-card p,.solar-card .card-kicker,.solar-stats{display:none}.solar-bottom{display:flex;gap:12px;align-items:center;padding-top:6px}.solar-tabs-wrap{flex:1;min-width:0}.solar-controls{margin:0;gap:10px}.solar-tabs button{height:34px;min-width:70px}.solar-tools{flex-direction:row;top:38px}}
@media(prefers-reduced-motion:reduce){.solar-gesture{transition:none}}