/* Экран расчёта. Показывается, пока идут вычисления. */
.calc{position:fixed;inset:0;z-index:80;background:var(--night);
  background-image:radial-gradient(105% 62% at 50% -6%,#241A2C 0%,var(--night) 58%);
  display:none;align-items:center;justify-content:center;padding:24px}
.calc.on{display:flex}
.calc-in{width:100%;max-width:340px;text-align:center}
.calc-sky{width:210px;height:210px;margin:0 auto 30px;position:relative}
.calc-sky svg{position:absolute;inset:0;width:100%;height:100%}
.calc-sky .spin{animation:cl-spin 26s linear infinite;transform-origin:50% 50%}
.calc-sky .spin-b{animation:cl-spin 16s linear infinite reverse;transform-origin:50% 50%}
@keyframes cl-spin{to{transform:rotate(360deg)}}
.calc-sky .pip{animation:cl-pulse 2.4s ease-in-out infinite}
@keyframes cl-pulse{0%,100%{opacity:.35}50%{opacity:1}}
.calc h2{font:400 25px/1.25 var(--disp);margin:0 0 22px;color:var(--vellum)}
.calc-bar{height:2px;background:var(--line);overflow:hidden;margin-bottom:22px}
.calc-bar i{display:block;height:100%;width:0;background:var(--brass);
  transition:width .5s linear}
.calc-steps{text-align:left;display:grid;gap:9px}
.calc-step{display:flex;align-items:baseline;gap:10px;
  font:14px/1.5 var(--ui);color:var(--vellum-3);opacity:.35;transition:.4s}
.calc-step.on{opacity:1;color:var(--vellum-2)}
.calc-step.done{opacity:.7;color:var(--vellum-3)}
.calc-step u{flex:none;width:13px;text-decoration:none;font:600 11px var(--mono);
  color:var(--brass-dim)}
.calc-step.on u{color:var(--brass)}
.calc-step.done u::before{content:"✓"}
.calc-step.done u{font-size:12px}
@media(max-width:400px){.calc-sky{width:170px;height:170px}.calc h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.calc-sky .spin,.calc-sky .spin-b,.calc-sky .pip{animation:none}}