.calc{background:#fff;border:1px solid #e7e5e4;border-radius:18px;grid-template-columns:1.05fr 1fr;gap:0;display:grid;overflow:hidden}@media (max-width:760px){.calc{grid-template-columns:1fr}}.calc .form{background:linear-gradient(#f8f7f4,#fff);padding:22px}.calc .out{color:#fff;background:linear-gradient(#1e3a5f,#16304f);padding:22px}.field{margin-bottom:14px}.field label{color:#4b5563;margin-bottom:5px;font-size:12.5px;font-weight:700;display:block}.field label .u{color:#16304f;font-weight:600}.field select,.field input{color:#1e3a5f;background:#fff;border:1px solid #e7e5e4;border-radius:11px;width:100%;padding:11px 12px;font-family:inherit;font-size:14px}.field select:focus,.field input:focus{border-color:#1e3a5f;outline:none;box-shadow:0 0 0 3px #eef2f7}.calc .row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.result{background:#ffffff0f;border:1px solid #ffffff24;border-radius:13px;margin-bottom:11px;padding:13px 14px}.result .lab{text-transform:uppercase;letter-spacing:.08em;color:#cbd5e1;font-size:11.5px}.result .val{color:#fff;margin-top:2px;font-size:24px;font-weight:800;line-height:1.1}.result .val small{color:#e2e8f0;font-size:13px;font-weight:600}.result.hi .val{color:#cbd5e1}.calc-warn{color:#e2e8f0;background:#1e3a5f29;border:1px solid #1e3a5f73;border-radius:11px;margin-top:14px;padding:11px 13px;font-size:12px}.visual{background:linear-gradient(#fafaf9,#f8f7f4);border:1px solid #e7e5e4;border-radius:18px;margin-top:14px;padding:18px 18px 22px}.visual-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.visual-head .vh-k{letter-spacing:.12em;text-transform:uppercase;color:#1e3a5f;background:#eef2f7;border-radius:7px;padding:4px 10px;font-size:11px;font-weight:800}.visual-head p{color:#4b5563;margin:0;font-size:13px}.visual-stage{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px;margin-top:14px;display:flex}.vs-col{flex-direction:column;flex:1;align-items:center;gap:12px;min-width:150px;max-width:230px;padding-bottom:6px;display:flex}.vs-cap{text-align:center;line-height:1.35}.vs-cap b{color:#1e3a5f;font-size:15px;display:block}.vs-cap span{color:#4b5563;font-size:12px}.vs-cap .bad{color:#1e3a5f}.vs-arrow{color:#1e3a5f;align-self:center;padding:0 2px;font-size:28px;line-height:1}.vis-art{justify-content:center;width:100%;display:flex}.vis-art .vsvg{width:100%;height:auto;display:block}.vis-art .vsvg.vial{max-width:138px}.vis-art .vsvg.syr{max-width:112px}.vis-art.over .vsvg.syr{filter:drop-shadow(0 0 4px #1e3a5f40)}.preview-badge{color:#16304f;text-align:center;background:#fff;border:1px solid #e7e5e4;border-radius:8px;padding:3px 10px;font-size:11px;font-weight:700;box-shadow:0 1px 3px #00000014}.remind{color:#fff;background:linear-gradient(#1e3a5f,#16304f);border:1px solid #e7e5e4;border-radius:18px;margin-top:14px;padding:18px 20px}.remind-head{align-items:flex-start;gap:13px;display:flex}.remind-head .rh-ic{flex:none;font-size:26px;line-height:1}.remind-head h4{color:#fff;margin:0 0 3px;font-size:16px}.remind-head p{color:#cbd5e1;margin:0;font-size:13px}.remind-head p b{color:#cbd5e1}.remind-form{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.remind-form input{color:#fff;background:#ffffff12;border:1px solid #ffffff2e;border-radius:11px;flex:1;min-width:150px;padding:12px 13px;font-family:inherit;font-size:14px}.remind-form input::placeholder{color:#c9a88e}.remind-form input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex:0 0 120px}.remind-form input:focus{border-color:#1e3a5f;outline:none;box-shadow:0 0 0 3px #ffa28e40}.remind-out{flex-wrap:wrap;align-items:center;gap:10px;margin-top:15px;display:flex}.remind-note{color:#c9a88e;flex-basis:100%;margin:10px 0 0;font-size:11.5px;line-height:1.5}.remind-note b{color:#cbd5e1}.cbtn{color:#fff;cursor:pointer;background:#1e3a5f;border:1px solid #16304f;border-radius:999px;align-items:center;gap:8px;padding:11px 22px;font-family:inherit;font-size:14.5px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 12px #1e3a5f38}.cbtn:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 18px #1e3a5f4d}.cbtn.full{justify-content:center;width:100%}.cbtn.ghost{color:#16304f;box-shadow:none;background:#fff;border:1px solid #e7e5e4}.cbtn.ics{color:#e2e8f0;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12.5px;text-decoration:underline}.cbtn.ics:hover{color:#fff}@media (max-width:560px){.vs-arrow{margin:4px 0;transform:rotate(90deg)}}