#box-calculator{scroll-margin-top:95px;padding:26px;border:1px solid #8e783b;border-radius:18px;background:linear-gradient(145deg,#153c32,#101d2a);margin:32px 0}#box-calculator .box-intro{color:#c1d8cd;max-width:70ch}.box-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.box-fields label{display:block;min-width:0;color:#dcece3;font-size:14px;font-weight:700}.box-fields input,.box-fields select{display:block;width:100%;box-sizing:border-box;min-height:46px;margin-top:8px;border:1px solid #789a88;border-radius:8px;padding:10px;background:#091b16;color:#f5fcf8;font:16px system-ui}.box-fields input[aria-invalid=true]{border-color:#ff9d88}.box-fields input:focus-visible,.box-fields select:focus-visible,#box-reset:focus-visible{outline:3px solid #f6d57c;outline-offset:3px}.box-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.box-summary>div{padding:18px;border:1px solid #63806d;border-radius:10px;background:#0d241e}.box-summary span{display:block;color:#abc9b8;font-size:13px}.box-summary output{display:block;color:#ffe19b;font-weight:850;font-size:clamp(24px,3.5vw,36px);line-height:1.4;overflow-wrap:anywhere}#box-formula{min-height:2em;color:#e6ecdb;line-height:1.8}#box-error{padding:12px;border-left:3px solid #ff9d88;background:#632b2540;color:#ffc8bc}#box-comparison{overflow:auto;margin-top:20px}#box-comparison table{width:100%;min-width:0;margin:0}#box-comparison th,#box-comparison td{padding:12px 10px;text-align:left}#box-comparison tr.is-selected td{background:#edc75d14;color:#ffe19b;font-weight:750}#box-reset{margin-top:16px;min-height:44px;padding:10px 16px;border:1px solid #809d89;border-radius:8px;background:#14362a;color:#eff9f1;font:700 13px system-ui;cursor:pointer}.box-note{color:#b4cdbd;font-size:13px;line-height:1.85;margin-top:18px}#box-calculator [hidden]{display:none!important}
@media(max-width:620px){#box-calculator{padding:18px 14px;border-radius:12px}.box-fields{grid-template-columns:1fr;gap:14px}.box-summary{gap:8px}.box-summary>div{padding:13px 10px}#box-comparison th,#box-comparison td{padding:10px 7px;font-size:13px}}