.cfw-widget{box-sizing:border-box}.cfw-widget .cfw-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cfw-widget .cfw-inputs .cmc-field{margin-bottom:4px}.cfw-widget .cfw-inputs input{padding-right:74px}.cfw-widget .cmc-field>span{flex-wrap:wrap;gap:5px 8px}.cfw-select{display:flex;flex-direction:column;gap:8px;font-size:16px;color:#c6d6e1;min-width:0;margin-bottom:18px}.cfw-widget .cfw-select select{width:100%;font-size:16px;height:48px;padding:9px 30px 9px 12px;border:1px solid #345068;border-radius:10px;appearance:none;-webkit-appearance:none;background:#081522 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23b5d4df' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center;color:#e1f1f9}
.cfw-widget .cfw-factor-help{font-size:14px;color:#bad5df;line-height:1.7;margin:0 0 20px;padding:12px 14px;border:1px solid #315060;border-radius:10px;background:#0b2330}.cfw-widget .cfw-visual{justify-content:flex-start;gap:0}.cfw-widget .cmc-diagram-head{flex-wrap:wrap;gap:10px}.cfw-diagram{width:100%;display:grid;grid-template-columns:110px minmax(0,1fr);gap:22px;align-items:center;margin:28px 0 6px}.cfw-tank{height:240px;position:relative;border:2px solid #557b8e;border-radius:22px 22px 30px 30px;overflow:hidden;background:#0b1c29;isolation:isolate}.cfw-existing{position:absolute;bottom:0;left:0;width:100%;height:0;background:linear-gradient(0deg,#166d89,#36abc4);z-index:1}.cfw-added{position:absolute;bottom:0;left:0;width:100%;height:0;background:linear-gradient(0deg,#2aafaa,#88f7d5);z-index:0}.cfw-tank>span{position:absolute;inset:0;display:grid;place-items:center;font-size:25px;letter-spacing:2px;font-weight:700;color:#e3fffa;z-index:2;text-shadow:0 2px 6px #06242e}.cfw-model-values{display:grid;gap:16px;min-width:0}.cfw-model-values>div>span{display:block;font-size:14px;line-height:1.5;color:#b8d4e0}.cfw-model-values strong{display:block;font-size:27px;line-height:1.45;color:#defff3;letter-spacing:-.4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.cfw-model-values>div:first-child strong{color:#88e2ee}.cfw-widget .cfw-caption{font-size:15px;color:#bfd5df;line-height:1.7;margin:18px 0;width:100%}.cfw-widget .cfw-equation{width:100%;font-size:15px;line-height:1.7;color:#bfd6e1;background:#081925;border:1px solid #294557;border-radius:10px;padding:11px 13px;margin:0 0 17px;overflow-wrap:anywhere}.cfw-widget .cfw-copy-message{font-size:14px;color:#bbd8df;min-height:20px;margin:5px 0 0}.cfw-widget .cmc-result .cfw-caution{font-size:16px;max-width:none;border:1px solid #846b38;background:#332d1d;color:#ffe5a5;padding:12px 15px;border-radius:10px;margin-top:16px}.cfw-widget .cmc-status{font-size:22px}
@container cmc-form (max-width:299px){.cfw-widget .cfw-inputs{grid-template-columns:1fr;gap:5px}}
@container cmc-form (min-width:300px) and (max-width:360px){.cfw-widget .cfw-inputs{column-gap:12px}.cfw-widget .cfw-inputs input{padding-right:65px}}
@container cmc-widget (max-width:500px){.cfw-widget .cmc-widget-head{padding:20px;gap:12px}.cfw-widget .cmc-widget-head h2{font-size:25px}.cfw-widget .cmc-widget-head .cmc-eyebrow{font-size:11px;letter-spacing:1px}.cfw-widget .cmc-badge{display:none}.cfw-widget .cmc-widget-foot{display:block;padding:16px 20px}.cfw-widget .cmc-widget-foot a{display:inline-block;margin-top:8px}.cfw-diagram{grid-template-columns:85px minmax(0,1fr);gap:17px}.cfw-model-values strong{font-size:25px}.cfw-widget .cmc-result .cfw-caution{font-size:16px}}
