:root{--main-bg:#181d27;--card-bg:#232837;--main-blue:#4cc9f0;--main-blue-hover:#2196f3;--border:#313b4f;--label:#a2aabc;--shadow:0 4px 18px 0 #1e3c781c;--shadow-hover:0 8px 22px 0 #1e3c7829;--radius:22px;--input-bg:#232838;--input-text:#f4f6fa;--slider-track:#283042;--slider-thumb:#4cc9f0;--field-focus:#232e41;--result-bg:#21263c;--result-label:#98a6c7;--result-value:#4cc9f0;--toggle-bg:#21263c;--toggle-active:#4cc9f0;--tooltip-bg:#283042;--tooltip-border:#4cc9f0;--tooltip-text:#e0f3fc}body,html{background:#181d27;background:var(--main-bg);margin:0;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:0}body{color:#f4f6fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:18px}.container{margin:38px auto 0;max-width:430px;padding:0 12px 40px}.container input[type=number],.container select{text-align:center}.card{background:#232837;background:var(--card-bg);border-radius:22px;border-radius:var(--radius);box-shadow:0 4px 18px 0 #1e3c781c;box-shadow:var(--shadow);margin-bottom:20px;padding:30px 12px;transition:box-shadow .25s}.card:hover{box-shadow:0 8px 22px 0 #1e3c7829;box-shadow:var(--shadow-hover)}.header-row{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:16px;position:relative}.card-title{color:#4cc9f0;color:var(--main-blue);flex:none;font-size:1.16em;font-weight:700;letter-spacing:.02em;line-height:1.2;margin:-12px 0 0;max-width:65vw;padding:0;text-align:center;word-break:break-word}.toggle-row{gap:9px;justify-content:center;margin-bottom:17px}.toggle-btn,.toggle-row{align-items:center;display:flex}.toggle-btn{background:#21263c;background:var(--toggle-bg);border:1.5px solid #4cc9f0;border:1.5px solid var(--toggle-active);border-radius:14px;box-sizing:border-box;font-size:1em;padding:4px}.toggle-option{background:none;border:none;border-radius:10px;color:#f4f6fa;color:var(--input-text);cursor:pointer;font-size:1em;font-weight:500;padding:5px 19px;transition:background .18s,color .18s}.toggle-option.active{background:#4cc9f0;background:var(--toggle-active);color:#181d27;font-weight:600}.info-btn{align-items:center;background:none;border:none;border-radius:50%;color:#4cc9f0;color:var(--main-blue);cursor:pointer;display:flex;font-size:1.15em;height:30px;justify-content:center;margin-left:5px;margin-top:-15px;outline:none;padding:0;position:relative;transition:background .13s;width:30px;z-index:12}.info-btn:focus,.info-btn:hover{background:#23304b}.tooltip{background:#283042;background:var(--tooltip-bg);border:1.5px solid #4cc9f0;border:1.5px solid var(--tooltip-border);border-radius:13px;box-shadow:0 8px 38px #4cc9f017;color:#e0f3fc;color:var(--tooltip-text);display:none;font-size:.99em;left:50%;line-height:1.45;max-width:95vw;padding:18px 17px 16px;pointer-events:none;position:absolute;text-align:left;top:40px;transform:translateX(-50%);transition:opacity .2s;width:320px;word-break:break-word;z-index:11}.info-btn:focus+.tooltip,.info-btn:hover+.tooltip,.tooltip.active{display:block;pointer-events:auto}.tooltip strong{color:#fff}.tooltip .formula{background:#202532;border-radius:7px;color:#aaf0ff;display:block;font-family:Consolas,Menlo,Monaco,monospace;font-size:1.04em;letter-spacing:.01em;margin:9px 0 11px;padding:7px 12px;white-space:pre}.form-group{margin-bottom:17px}label{color:#a2aabc;color:var(--label);display:block;font-size:.98em;font-weight:500;letter-spacing:.01em;margin-bottom:6px}input[type=number],select{background:#232838;background:var(--input-bg);border:1.5px solid #313b4f;border:1.5px solid var(--border);border-radius:11px;box-sizing:border-box;color:#f4f6fa;color:var(--input-text);font-size:1em;margin-bottom:8px;margin-top:2px;outline:none;padding:11px 13px;transition:border-color .2s,background .2s;width:100%}input[type=number]:focus,select:focus{background:#232e41;background:var(--field-focus);border-color:#4cc9f0;border-color:var(--main-blue)}select option{background:#f2f6fc;color:#101820}.slider-block{align-items:center;display:flex;margin-bottom:0;margin-top:0;width:100%}input[type=range]{accent-color:#4cc9f0;accent-color:var(--main-blue);-webkit-appearance:none;appearance:none;background:#283042;background:var(--slider-track);border-radius:6px;box-sizing:border-box;height:15px;margin:0;outline:none;transition:background .25s;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#4cc9f0;background:var(--slider-thumb);border:none;border-radius:50%;box-shadow:none;height:32px;-webkit-transition:background .2s;transition:background .2s;width:32px}input[type=range]:active::-webkit-slider-thumb{background:#2196f3;background:var(--main-blue-hover)}input[type=range]::-moz-range-thumb{background:#4cc9f0;background:var(--slider-thumb);border:none;border-radius:50%;box-shadow:none;height:32px;-moz-transition:background .2s;transition:background .2s;width:32px}input[type=range]:active::-moz-range-thumb{background:#2196f3;background:var(--main-blue-hover)}.units-row{align-items:center;display:flex;gap:7px;margin-bottom:7px}.results-block{background:#21263c;background:var(--result-bg);border-radius:15px;box-shadow:0 1px 7px #4cc9f008;margin-top:18px;padding:13px 11px 9px}.result-row{border-bottom:1px solid #27324c;display:flex;font-size:1.08em;justify-content:space-between;padding:7px 0}.result-row:last-child{border-bottom:none}.result-label{color:#98a6c7;color:var(--result-label);font-size:.97em;font-weight:500}.result-value{color:#4cc9f0;color:var(--result-value);font-weight:700}@media (max-width:600px){body{font-size:16px}.container{margin:0 auto;max-width:calc(100vw - 10px);padding:0 5px 18vw}.card{background:#232837;background:var(--card-bg);box-shadow:0 4px 18px 0 #1e3c781c;box-shadow:var(--shadow);box-sizing:border-box;margin:0 auto;max-width:none;padding:11px 20px 38px;width:100%}.header-row{gap:6px;margin-bottom:10px}.tooltip{font-size:.98em;left:50%!important;max-width:calc(100vw - 10px);min-width:0;padding:13px 8vw;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 10px)}.form-group{margin-bottom:9px}label{font-size:.97em}input[type=number],select{font-size:1em;padding:8px}input[type=range]{height:12px}.results-block{padding:9px 3vw 8px}.toggle-option{font-size:.95em;padding:4px 10px}.back-btn{height:32px!important;left:12px!important;min-height:32px!important;min-width:32px!important;top:12px!important;width:32px!important}.back-btn svg{height:16px!important;width:16px!important}.info-btn.info-btn-square{height:32px!important;min-height:32px!important;min-width:32px!important;right:12px!important;top:12px!important;width:32px!important}.info-btn.info-btn-square svg{height:16px!important;width:16px!important}.card-title{font-size:1em;margin-top:5px;max-width:59vw}.slider-block{padding:0 8px}.slider-block input[type=range]{width:100%}.toggle-row{margin-top:50px!important}}@media (max-width:420px){.tooltip{font-size:.95em;padding:9px 2vw 11px}.card-title{font-size:.94em;max-width:46vw}.header-row{gap:3px}.form-group{margin-bottom:6px}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.info-btn-square{margin-left:0!important;margin-top:0!important}.footer-signature{color:#a2aabc;color:var(--label);font-family:Roboto,sans-serif;font-size:.75em;letter-spacing:.02em;margin-top:20px;opacity:.7;text-align:center}.spoiler-toggle{margin-top:8px}.spoiler-toggle+div{font-size:.93em}.liquid-container{margin:0 auto;max-width:430px;padding:0 12px 40px}.liquid-calculator{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);box-sizing:border-box;margin-bottom:20px;max-width:100%;padding:11px 20px 38px;transition:box-shadow .25s;width:100%}.liquid-calculator:hover{box-shadow:var(--shadow-hover)}.liquid-header{color:var(--main-blue);font-size:1.16em;font-weight:700;letter-spacing:.02em;line-height:1.2;margin:-12px 0 16px;padding:0;text-align:center}.liquid-body{padding:0}.liquid-group{margin-bottom:17px}.liquid-group label{color:var(--label);display:block;font-size:.98em;font-weight:500;letter-spacing:.01em;margin-bottom:6px}.liquid-group input,.liquid-group select{background:var(--input-bg);border:1.5px solid var(--border);border-radius:11px;box-sizing:border-box;color:var(--input-text);font-size:1em;margin-bottom:8px;margin-top:2px;outline:none;padding:11px 13px;text-align:center;transition:border-color .2s,background .2s;width:100%}.liquid-group input:focus,.liquid-group select:focus{background:var(--field-focus);border-color:var(--main-blue)}.liquid-group select option{background:#f2f6fc;color:#101820}.liquid-results{background:var(--result-bg);border-radius:15px;box-shadow:0 1px 7px #4cc9f008;margin-top:18px;padding:13px 11px 9px}.liquid-result-item{border-bottom:1px solid #27324c;display:flex;justify-content:space-between;padding:7px 0}.liquid-result-item:last-child{border-bottom:none}.liquid-result-label{color:var(--result-label);font-size:.97em;font-weight:500}.liquid-result-value{color:var(--result-value);font-weight:700}@media (max-width:600px){.liquid-container{max-width:calc(100vw - 10px);padding:0 5px 18vw}.liquid-calculator{box-sizing:border-box;margin:0 auto;max-width:none;padding:11px 20px 38px;width:100%}.liquid-header{font-size:1em;margin-top:5px}.liquid-group{margin-bottom:9px}.liquid-group label{font-size:.97em}.liquid-group input,.liquid-group select{font-size:1em;padding:8px}.liquid-results{padding:9px 3vw 8px}}@media (max-width:420px){.liquid-header{font-size:.94em}.liquid-group{margin-bottom:6px}}.liquid-group input[type=number]::-webkit-inner-spin-button,.liquid-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.liquid-group input[type=number]{-moz-appearance:textfield}
/*# sourceMappingURL=main.320b2fe5.css.map*/