/* Original Lens colors, with a quiet orbital field around the working surface. */
body.cosmic{background:#090F1C;color:#EEF0F6;isolation:isolate;--space-muted:#BEC8D8;--space-rule:#354156}
.cosmic header{background:#0C1019}
.cosmic main,.cosmic header,.cosmic footer{position:relative;z-index:1}
.space-pattern{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 87% 5%,#28375780 0,transparent 46%),radial-gradient(ellipse at 0 60%,#5E4A2228 0,transparent 45%),radial-gradient(circle,#CED6E375 .7px,transparent .9px);background-size:auto,auto,71px 89px}
.space-pattern:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#D4AF3708 1px,transparent 1px),linear-gradient(90deg,#D4AF3708 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(transparent,#0008,transparent)}
.space-ring{position:absolute;width:900px;height:900px;max-width:150vw;max-height:150vw;border:1px solid #D4AF3720;border-radius:50%;top:-260px;right:-430px;transform:rotateX(62deg) rotateZ(-24deg);box-shadow:0 0 60px #D4AF3708,inset 0 0 60px #D4AF3708;animation:space-orbit 80s linear infinite}
.ring-two{width:1100px;height:1100px;right:-520px;top:-370px;animation-direction:reverse;animation-duration:110s;border-color:#8BA6DE20}
.ring-three{width:1350px;height:1350px;right:-600px;top:-450px;animation-duration:150s}
@keyframes space-orbit{from{transform:rotateX(62deg) rotateZ(-24deg)}to{transform:rotateX(62deg) rotateZ(336deg)}}
.cosmic .intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.cosmic .intro .eyebrow,.explorer-panel .eyebrow{color:#E2C66C}
.cosmic .intro>div>p:last-child{color:var(--space-muted);margin-top:12px}
.cosmic .intro>.secondary{flex-shrink:0;border-color:#6E7D94;color:#EDF0F6;background:#142034}
.cosmic .panel,.cosmic .lens-panel{color:var(--ink);box-shadow:0 18px 65px #0003}
.cosmic .analysis{border-color:var(--space-rule)}
.cosmic .analysis .eyebrow{color:#E2C66C}
.cosmic .analysis-note{color:var(--space-muted)}
.cosmic .method{border-color:var(--space-rule)}
.cosmic .method>div,.cosmic .method summary span{color:var(--space-muted)}
.cosmic .method a{color:#E2C66C}
.cosmic footer{background:#0C1019;border-top:1px solid #D4AF3740}
.result-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.result-tools>*{flex:1 1 auto}
#share-status:empty{display:none}
.explorer-panel{margin-top:30px;border:1px solid #53617A;border-top:3px solid var(--gold);padding:28px;background:linear-gradient(135deg,#152238f0,#10192cf5);box-shadow:0 20px 65px #0003;border-radius:4px;color:#EEF0F6}
.explorer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.explorer-heading h2{font-size:2.25rem;margin-top:8px}
.explorer-count{font-size:.875rem;color:var(--space-muted);border:1px solid #49576F;padding:7px 10px;white-space:nowrap}
.explorer-intro{margin-top:16px;color:var(--space-muted)}
.explorer-controls{display:flex;align-items:flex-end;gap:18px;margin-top:26px}
.explorer-controls>div{flex:1;min-width:0;max-width:430px}
.explorer-panel label{font-weight:400;color:#EEF0F6}
.explorer-panel input,.explorer-panel select{background:#0B1425;color:#EEF0F6;border-color:#75829A}
.explorer-panel .unit{color:#BEC8D8}
.explorer-panel .primary{width:auto;margin:0;min-height:49px}
.explorer-panel .secondary{border-color:#7E8AA0;color:#EEF0F6;background:#17263D}
.explorer-panel .secondary:hover{background:#24374F}
.explorer-panel :is(input,select,button,summary):focus-visible{outline-color:#E2C66C}
.scenario-stage{position:relative;min-height:255px;display:grid;place-items:center;perspective:800px;overflow:hidden;margin-top:22px}
.scenario-orbit{position:absolute;width:460px;height:260px;max-width:100%;transform-style:preserve-3d;pointer-events:none;opacity:.7}
.orbit-line{position:absolute;inset:8px;border:1px solid #D4AF3775;border-radius:50%;transform:rotateX(62deg) rotateZ(10deg);box-shadow:0 0 14px #D4AF3710;animation:orbit-turn 36s linear infinite}
.orbit-b{inset:0 30px;transform:rotateX(55deg) rotateZ(55deg);border-color:#91ACDB55;animation-duration:53s;animation-direction:reverse}
.orbit-c{inset:25px 5px;border-color:#D4AF3740;animation-duration:70s}
@keyframes orbit-turn{from{transform:rotateX(62deg) rotateZ(10deg)}to{transform:rotateX(62deg) rotateZ(370deg)}}
.scenario-readout{position:relative;z-index:1;max-width:100%;padding:20px 10px;text-align:center;text-shadow:0 2px 15px #0B1425}
.scenario-readout h3{font:500 1.7rem/1.2 CG,Georgia,serif;margin:12px 0 16px}
.scenario-payment{font:500 clamp(3rem,6vw,4.75rem)/1 CG,Georgia,serif;letter-spacing:-.03em;overflow-wrap:anywhere}
.scenario-unit{color:var(--space-muted);font-size:.875rem;margin-top:7px}
.scenario-difference{margin-top:18px;color:#E2C66C;font-size:1.125rem}
.comparison-scroll{overflow-x:auto;max-width:100%;margin-top:12px}
.comparison-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed;font-size:1rem}
.comparison-table caption{text-align:left;color:var(--space-muted);font-size:.875rem;padding-bottom:10px}
.comparison-table :is(th,td){padding:12px 10px;border-bottom:1px solid #46536A;overflow-wrap:anywhere;vertical-align:top;font-weight:400}
.comparison-table thead th{font-weight:600;color:#E2C66C}
.comparison-table :is(th,td):first-child{padding-left:0;width:40%}
.comparison-table :is(th,td):last-child{padding-right:0}
.scenario-note{color:var(--space-muted);font-size:.94rem;line-height:1.5;margin-top:14px}
.scenario-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.scenario-actions .primary{margin:0}
#explorer-status:empty{display:none}
.payoff-section{border-color:#46536A;margin-top:26px;padding:20px 0 0;border-bottom:0}
.payoff-section summary{font-size:1.125rem;color:#E2C66C}
.payoff-section summary span{color:var(--space-muted)}
.payoff-controls{display:flex;align-items:flex-end;gap:18px;margin-top:22px}
.payoff-controls>div{flex:1;max-width:300px;min-width:0}
.payoff-controls button{min-height:49px}
.payoff-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:26px}
.payoff-stats span{display:block;font-size:.94rem;color:var(--space-muted)}
.payoff-stats strong{font:500 1.8rem/1.1 CG,Georgia,serif;display:block;margin-top:7px;overflow-wrap:anywhere;color:#E2C66C}
.balance-figure{margin:22px 0 0;background:#0B1425;padding:14px 12px;border:1px solid #46536A;border-radius:3px}
.balance-figure svg{width:100%;height:auto;display:block}
.balance-figure figcaption{display:flex;gap:18px;flex-wrap:wrap;color:var(--space-muted);font-size:.875rem;margin-top:8px}
.balance-figure figcaption span:last-child{color:#E2C66C}
.payoff-comparison{color:var(--space-muted);font-size:.94rem;margin-top:16px;display:grid;gap:8px}
.schedule-details{border-color:#46536A;border-bottom:0}
.schedule-details summary{font-size:1rem}
.motion-paused .space-ring,.motion-paused .orbit-line{animation-play-state:paused}
@media(max-width:800px){
 .explorer-panel{padding:22px}
 .explorer-heading{flex-direction:column;gap:12px}
 .explorer-count{white-space:normal}
 .explorer-controls{align-items:stretch;flex-direction:column;gap:14px}
 .explorer-controls>div{max-width:none}
 .explorer-controls .primary{width:100%}
 .payoff-stats{gap:14px}
 .space-ring{width:750px;height:750px;right:-470px;top:0}
}
@media(max-width:520px){
 .cosmic .intro{align-items:flex-start;flex-direction:column;gap:16px}
 .cosmic .intro>.secondary{font-size:.875rem;padding:8px 12px}
 .explorer-heading h2{font-size:2rem}
 .scenario-stage{min-height:235px}
 .scenario-actions>*{flex:1 1 100%}
 .comparison-table{font-size:.94rem}
 .comparison-table :is(th,td){padding:11px 6px}
 .payoff-controls{flex-direction:column;align-items:stretch}
 .payoff-controls>div{max-width:none}
 .payoff-stats{grid-template-columns:1fr 1fr}
 .payoff-stats>div:last-child{grid-column:1/-1}
}
@media(max-width:390px){.explorer-panel{padding:18px}.scenario-payment{font-size:2.8rem}.scenario-readout h3{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){.space-ring,.orbit-line{animation:none}}
@media print{.space-pattern,.scenario-orbit,.intro>button,.result-tools,.explorer-controls,.scenario-actions,.lens-panel{display:none!important}body.cosmic{background:white;color:black}.cosmic .intro>div>p:last-child,.scenario-note,.payoff-comparison{color:#333}.explorer-panel{background:white;color:black;border-color:#333;box-shadow:none}.explorer-panel .eyebrow,.comparison-table thead th,.scenario-difference,.payoff-stats strong{color:#333}.balance-figure{background:#eee}}
/* Uneven arcs make the orbital rotation visible without flashing or particles. */
.space-ring{border-top-color:#D4AF3745;border-right-color:#D4AF3708}
.orbit-line{border-top-color:#ECD285;border-right-color:#D4AF371A;border-bottom-style:dashed;border-left-color:#D4AF3720}
#motion-toggle:disabled{opacity:.8;cursor:default}