*{box-sizing:border-box}
:root{color-scheme:dark}
body{background:#0b0f19;color:#fff;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:16px;min-height:100vh}
main,.top-bar{width:min(100%,680px);margin-left:auto;margin-right:auto}
.top-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.back-link{color:#94a3b8;text-decoration:none;font-size:13px;font-weight:600}.back-link:hover{color:#38bdf8}
.tag{color:#94a3b8;font-size:13px;font-weight:600}
.lang-btn{background:linear-gradient(90deg,#06b6d4,#8b5cf6);border:0;color:#fff;padding:8px 15px;border-radius:18px;font-weight:700;font-size:12px;cursor:pointer}
.card{background:linear-gradient(145deg,#131a2c,#1a2238);border:1px solid #2a3655;border-radius:16px;padding:18px;margin-bottom:16px;box-shadow:0 4px 20px rgba(0,210,255,.1)}
h1{margin:0;color:#38bdf8;font-size:clamp(19px,4vw,23px);line-height:1.35}
.sub{font-size:13px;color:#94a3b8;margin:7px 0 14px;line-height:1.55}
label{display:block;margin:14px 0 6px;font-size:13px;color:#cbd5e1;line-height:1.5}
select,input{width:100%;min-height:44px;padding:11px;border-radius:10px;border:1px solid #334155;background:#0f172a;color:#fff;font-size:14px}
select:focus,input:focus,button:focus-visible,a:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}
.calc-btn{width:100%;margin-top:19px;min-height:46px;padding:13px;border:0;border-radius:12px;background:linear-gradient(90deg,#06b6d4,#6366f1);color:#fff;font-size:15px;font-weight:700;cursor:pointer}
.calc-btn:hover,.lang-btn:hover{filter:brightness(1.1)}
.result-box{margin-top:16px;padding:14px;background:#0f172a;border-left:4px solid #06b6d4;border-radius:8px;display:none}
.res-label{font-size:12.5px;color:#94a3b8}.result-val{font-size:25px;font-weight:800;color:#38bdf8;margin-top:3px}
.badge-slot{margin:10px 0}.extra-details{font-size:13px;color:#e2e8f0;margin-top:8px;line-height:1.7;overflow-wrap:anywhere}
.badge-ok,.badge-warn{padding:6px 10px;border-radius:7px;font-size:12px;font-weight:700;display:inline-block;line-height:1.5}
.badge-ok{background:rgba(16,185,129,.2);color:#34d399}.badge-warn{background:rgba(239,68,68,.25);color:#f87171}
.info-box{font-size:12.5px;color:#cbd5e1;line-height:1.75}.info-box strong{color:#38bdf8}
.disclaimer{border-color:rgba(245,158,11,.35);color:#fcdca0;font-size:12px;line-height:1.7}
@media(max-width:420px){body{padding:12px}.card{padding:15px;border-radius:14px}.tag,.back-link{font-size:11px}}