.calc{background:#25262A;border-radius:8px;padding:28px;display:flex;flex-direction:column;gap:16px;color:#F4F4F2;font-family:'DM Sans',sans-serif;min-width:0}
.calc h3{margin:0;font-family:Outfit,sans-serif;font-weight:600;font-size:24px;line-height:1.2}
.calc p{margin:0;color:#C9CACE;line-height:1.6}
.calc-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.calc-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.calc-field label,.calc-row label{font-size:14px;font-weight:700;color:#A9ABB0}
.calc select,.calc input{color-scheme:dark;appearance:none;-webkit-appearance:none;background:#1D1E20;color:#F4F4F2;border:1px solid #45464B;border-radius:6px;font:inherit;font-size:17px;height:48px;padding:0 12px;width:100%;box-sizing:border-box}
.calc select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23A9ABB0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}
.calc select:focus,.calc input:focus{outline:2px solid #3DB677;outline-offset:1px;border-color:#3DB677}
.calc-rows{display:flex;flex-direction:column;gap:10px}
.calc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #333438}
.calc-row:last-child{border-bottom:0}
.calc-row label{font-size:16px;color:#F4F4F2;font-weight:500}
.calc-row label small{display:block;font-size:13px;color:#A9ABB0;font-weight:400}
.calc-step{display:flex;align-items:center;gap:6px;flex:none}
.calc-step input{width:56px;text-align:center;padding:0;-moz-appearance:textfield}
.calc-step input::-webkit-outer-spin-button,.calc-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.calc-step button{all:unset;cursor:pointer;width:44px;height:44px;border-radius:999px;background:#33343A;color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;transition:background 160ms ease,transform 160ms cubic-bezier(0.23,1,0.32,1)}
.calc-step button:active{transform:scale(0.94)}
.calc-step button:focus-visible{outline:2px solid #3DB677;outline-offset:2px}
@media (hover:hover) and (pointer:fine){.calc-step button:hover{background:#45464B}}
.calc-out{display:flex;flex-direction:column;gap:4px;background:#16261D;border-radius:6px;padding:18px 20px;min-height:88px;justify-content:center}
.calc-label{font-size:14px;font-weight:700;color:#8FD3AE}
.calc-big{font-family:Outfit,sans-serif;font-size:34px;font-weight:600;line-height:1.1;color:#FFFFFF;font-variant-numeric:tabular-nums}
.calc-small{color:#D6E9DD;font-size:15px;line-height:1.5}
.calc-hint{color:#C9CACE}
.calc-lines{list-style:none;margin:8px 0 0;padding:10px 0 0;border-top:1px solid rgba(255,255,255,0.12);display:flex;flex-direction:column;gap:4px;font-size:15px;color:#D6E9DD}
.calc-lines li{display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums}
.calc-note{font-size:14px;color:#A9ABB0;line-height:1.55}
.calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:20px;align-items:start}
@media (max-width:420px){.calc{padding:22px 18px}.calc-fields{gap:8px}.calc select{font-size:16px;padding:0 8px;padding-right:24px;background-position:right 6px center}}