.vk-calc *,#mkcalc *{box-sizing:border-box}
.vk-range:focus,#mkcalc .mkc-range:focus{outline:none}
.vk-range::-webkit-slider-runnable-track,#mkcalc .mkc-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:transparent}
.vk-range::-moz-range-track,#mkcalc .mkc-range::-moz-range-track{height:6px;border-radius:999px;background:transparent}
.vk-range:focus-visible::-webkit-slider-thumb,#mkcalc .mkc-range:focus-visible::-webkit-slider-thumb{outline:3px solid rgba(255,255,255,.55);outline-offset:2px}
.vk-range:focus-visible::-moz-range-thumb,#mkcalc .mkc-range:focus-visible::-moz-range-thumb{outline:3px solid rgba(255,255,255,.55);outline-offset:2px}
.vk-calc{width:100%;background:linear-gradient(165deg,#1a273f 0%,#0e1826 100%);border-radius:22px;padding:clamp(22px,4vw,44px);box-shadow:0 30px 70px -30px rgba(15,26,43,.55),0 2px 0 rgba(255,255,255,.05) inset;color:#eef3fa;box-sizing:border-box}
.vk-body{display:flex;flex-direction:column;gap:clamp(24px,3.5vw,44px)}
.vk-controls{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:clamp(20px,2.6vw,26px);justify-content:center}
.vk-row{width:100%}
.vk-rowhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.vk-lab{font-size:clamp(14px,1.6vw,16px);font-weight:600;color:#eef3fa}
.vk-val{font-size:clamp(17px,2vw,20px);font-weight:800;color:var(--vk-accent);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:10ch;text-align:right;flex:none}
.vk-rangewrap{position:relative;display:flex;align-items:center;height:24px}
.vk-fill{position:absolute;left:0;right:0;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--vk-accent) 0%,rgba(255,255,255,.14) 0%);pointer-events:none}
.vk-range{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer;margin:0;padding:0;display:block;touch-action:pan-y;-webkit-tap-highlight-color:transparent;position:relative}
.vk-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:24px;width:24px;border-radius:50%;background:#fff;border:6px solid var(--vk-accent);margin-top:-9px;box-shadow:0 3px 12px rgba(0,0,0,.45)}
.vk-range:active::-webkit-slider-thumb{transform:scale(1.18)}
.vk-range::-moz-range-thumb{height:24px;width:24px;border-radius:50%;background:#fff;border:6px solid var(--vk-accent);box-shadow:0 3px 12px rgba(0,0,0,.45);border-radius:50%}
.vk-range:active::-moz-range-thumb{transform:scale(1.18)}
.vk-res{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px;padding:clamp(26px,3vw,36px) clamp(22px,2.6vw,32px);border-radius:18px;background:radial-gradient(120% 120% at 50% 0%,rgba(53,161,254,.22) 0%,rgba(255,255,255,.03) 55%);border:1px solid rgba(255,255,255,.08);overflow:hidden}
.vk-glow{position:absolute;inset:-40% 30% auto;height:180px;background:radial-gradient(closest-side,var(--vk-accent),transparent);filter:blur(50px);opacity:.4;animation:vkGlow 4s ease-in-out infinite;pointer-events:none}
@keyframes vkGlow{0%,100%{opacity:.55}50%{opacity:.9}}
.vk-reslab{position:relative;margin:0 0 4px;font-size:clamp(12px,1.4vw,14px);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#c3d1e6}
.vk-big{position:relative;font-size:clamp(42px,7vw,68px);font-weight:800;line-height:1;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.vk-ressum{position:relative;margin:14px 0 0;font-size:clamp(14px,1.6vw,16px);color:#c3d1e6;line-height:1.4}
.vk-ressum strong{color:var(--vk-accent);font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.vk-disc{margin:clamp(22px,3vw,30px) 0 0;font-size:clamp(12px,1.3vw,13px);line-height:1.5;color:#8ea0b8;text-align:center}
@media(max-width:767px){
.vk-calc{padding:18px}
.vk-body{gap:16px}
.vk-controls{gap:14px}
.vk-rowhead{margin-bottom:6px}
.vk-rangewrap{height:44px}
.vk-range{height:44px}
.vk-res{padding:18px 16px}
.vk-disc{margin-top:14px}
}
@media(min-width:768px){
.vk-disc{text-align:left;margin-left:0;margin-right:0}
.vk-body{flex-direction:row;align-items:stretch}
.vk-res{text-align:left;align-items:flex-start;flex:1 1 0;min-width:0}
.vk-controls{flex:0 0 314px;min-width:min(100%,300px)}
}
@media(min-width:1280px){
.vk-controls{flex:0 0 380px}
}
#mkcalc{--mkc-accent:#f2624f;width:100%;background:linear-gradient(165deg,#1a273f 0%,#0e1826 100%);border-radius:22px;padding:clamp(22px,4vw,44px);color:#eef3fa}
#mkcalc .mkc-body{display:flex;flex-direction:column;gap:clamp(24px,3.5vw,40px);align-items:stretch}
#mkcalc .mkc-controls{display:flex;flex-direction:column;gap:clamp(20px,2.6vw,26px);justify-content:center}
#mkcalc .mkc-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
#mkcalc .mkc-label{font-size:clamp(14px,1.6vw,16px);font-weight:600;color:#eef3fa}
#mkcalc .mkc-val{font-size:clamp(17px,2vw,20px);font-weight:800;color:var(--mkc-accent);font-variant-numeric:tabular-nums;white-space:nowrap}
#mkcalc .mkc-slider{position:relative;display:flex;align-items:center;height:26px}
#mkcalc .mkc-track{position:absolute;left:0;right:0;height:6px;border-radius:999px;background:#33445c;pointer-events:none}
#mkcalc .mkc-range{position:relative;-webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer;margin:0;padding:0;display:block;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
#mkcalc .mkc-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:24px;width:24px;border-radius:50%;background:#fff;border:6px solid var(--mkc-accent);margin-top:-9px}
#mkcalc .mkc-range::-moz-range-thumb{height:24px;width:24px;border-radius:50%;background:#fff;border:6px solid var(--mkc-accent)}
#mkcalc .mkc-result{position:relative;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:clamp(26px,3vw,36px) clamp(22px,2.6vw,32px);border-radius:18px;background:radial-gradient(120% 120% at 50% 0%,rgba(242,98,79,.22) 0%,rgba(255,255,255,.03) 55%);border:1px solid rgba(255,255,255,.08);overflow:hidden}
#mkcalc .mkc-glow{position:absolute;inset:-40% 30% auto;height:180px;background:radial-gradient(closest-side,var(--mkc-accent),transparent);filter:blur(50px);opacity:.4;animation:mkcGlow 4s ease-in-out infinite;pointer-events:none}
#mkcalc .mkc-reslabel{position:relative;margin:0 0 4px;font-size:clamp(12px,1.4vw,14px);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#c3d1e6}
#mkcalc .mkc-resnum{position:relative;font-size:clamp(38px,7vw,64px);font-weight:800;line-height:1;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
#mkcalc .mkc-resyear{position:relative;margin:14px 0 0;font-size:clamp(14px,1.6vw,16px);color:#c3d1e6;line-height:1.4}
#mkcalc .mkc-resyear strong{color:var(--mkc-accent);font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
#mkcalc .mkc-disc{margin:clamp(22px,3vw,30px) 0 0;font-size:clamp(12px,1.3vw,13px);line-height:1.5;color:#8ea0b8;text-wrap:balance}
@keyframes mkcGlow{0%,100%{opacity:.35}50%{opacity:.7}}
@media(prefers-reduced-motion:reduce){#mkcalc .mkc-glow{animation:none}}
@media(max-width:767px){
#mkcalc{padding:18px}
#mkcalc .mkc-body{gap:16px}
#mkcalc .mkc-controls{gap:14px}
#mkcalc .mkc-row{margin-bottom:6px}
#mkcalc .mkc-slider{height:44px}
#mkcalc .mkc-range{height:44px}
#mkcalc .mkc-result{padding:18px 16px}
#mkcalc .mkc-disc{margin-top:14px}
}
@media(min-width:768px){
#mkcalc .mkc-body{flex-direction:row;align-items:stretch}
#mkcalc .mkc-controls{flex:1 1 380px;min-width:0}
#mkcalc .mkc-result{flex:1 1 380px;min-width:0}
}
@media(min-width:1024px){
.vk-disc{white-space:nowrap}
#mkcalc .mkc-disc{white-space:nowrap}
}
@media(pointer:coarse){
.vk-rangewrap{height:44px}
.vk-range{height:44px}
#mkcalc .mkc-slider{height:44px}
#mkcalc .mkc-range{height:44px}
}

#mkcalc .mkc-val{min-width:10ch;text-align:right;flex:none}
#mkcalc .mkc-result{align-items:center;text-align:center}
#mkcalc .mkc-disc{text-align:center}
@media(min-width:768px){
#mkcalc .mkc-result{align-items:flex-start;text-align:left;flex:1 1 0}
#mkcalc .mkc-controls{flex:0 0 314px;min-width:min(100%,300px)}
#mkcalc .mkc-disc{text-align:left;margin-left:0;margin-right:0}
}
@media(min-width:1280px){
#mkcalc .mkc-controls{flex:0 0 380px}
}
@media(pointer:coarse){
.vk-range,#mkcalc .mkc-range{pointer-events:none}
.vk-rangewrap,#mkcalc .mkc-slider{touch-action:pan-y}
}