:root{color-scheme:dark;--bg:#0a0d11;--panel:#12171d;--text:#f7f8fa;--muted:#a7b2c1;--gold:#f3c957;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:linear-gradient(143deg,#111820,#080b0f);color:var(--text);font:14px/1.55 Inter,system-ui,sans-serif}body[data-theme=light]{color-scheme:light;--bg:#f6f7fa;--panel:#fff;--text:#111821;--muted:#536171;--gold:#936c13;--line:#d7dce4;background:#f6f7fa}
.atlas{max-width:950px;margin:0 auto;padding:19px;overflow:hidden}.top{display:flex;justify-content:space-between;align-items:center;gap:10px}.brand{color:var(--gold);font-weight:900;letter-spacing:.16em;font-size:12px}.tag{font-size:10px;color:var(--muted);font-weight:700;border:1px solid var(--line);border-radius:99px;padding:5px 8px}.atlas h1{font-size:clamp(21px,4.4vw,30px);letter-spacing:-.035em;line-height:1.15;margin:15px 0 8px}.intro{color:var(--muted);font-size:12px;margin:0 0 14px}.inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.field{display:flex;flex-direction:column;gap:5px;font-weight:650;font-size:12px;min-width:0;color:var(--muted)}.control{width:100%;padding:10px 11px;min-height:43px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--text);font:600 14px/1.3 Inter,system-ui,sans-serif;outline:none}.control:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(241,197,74,.14)}textarea.control{resize:vertical;min-height:72px;direction:ltr;white-space:pre-wrap}.results-title{font-size:13px;margin:17px 0 9px;letter-spacing:.03em}.out{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0}.metric:first-child{border-color:rgba(242,197,74,.55)}.metric span{display:block;font-size:11px;color:var(--muted);line-height:1.35}.metric strong{display:block;margin-top:5px;font-size:clamp(16px,3vw,21px);font-weight:800;letter-spacing:-.025em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.metric:first-child strong{color:var(--gold)}.status{font-size:12px;color:var(--muted);margin:8px 0}.status.warning,.error{color:#ffb58b}.chart{margin-top:5px}.chart svg{display:block;width:100%;max-height:150px;background:var(--panel);border-radius:11px;border:1px solid var(--line)}.levels{background:var(--panel);padding:10px;border:1px solid var(--line);border-radius:12px}.level-row{display:grid;grid-template-columns:140px minmax(35px,1fr) 100px;align-items:center;gap:9px;padding:4px 0;font-size:11px}.level-row span{color:var(--muted)}.level-row strong{font-variant-numeric:tabular-nums;text-align:end}.track{height:5px;background:rgba(177,190,208,.12);border-radius:30px}.level-fill{height:100%;background:var(--gold);border-radius:30px}.formula,.note,.risk{font-size:11px;line-height:1.5;color:var(--muted);margin:9px 0}.formula{padding:10px;border-radius:8px;background:rgba(227,185,66,.06);overflow-wrap:anywhere}.foot{border-top:1px solid var(--line);padding:11px 0 0;margin:12px 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}.foot a{color:var(--gold);font-weight:800;text-decoration:none}.foot a:hover{text-decoration:underline}html[dir=rtl] .top,html[dir=rtl] .foot{direction:rtl}@media(max-width:420px){.atlas{padding:12px}.inputs{gap:9px}.field{font-size:11px}.control{padding:9px;font-size:13px}.metric{padding:10px}.level-row{grid-template-columns:92px minmax(30px,1fr) 80px;font-size:10px}.foot{align-items:flex-start;flex-direction:column}}