.ratiostyles_card__bNwrP{background:white;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:2rem}.ratiostyles_header__LHst4{text-align:center;margin-bottom:2rem}.ratiostyles_title__RS4KJ{font-size:2.2rem;font-weight:700;color:#2d3748;margin-bottom:.5rem}.ratiostyles_subtitle__YZJk_{color:#718096;font-size:1.1rem}.ratiostyles_typeSelector__6X0rW{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem;margin-bottom:2rem}.ratiostyles_typeButton__ecg4Y{padding:1rem;border:2px solid #e2e8f0;background:white;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left}.ratiostyles_typeButton__ecg4Y:hover{border-color:#d69e2e;transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.ratiostyles_typeButton__ecg4Y.ratiostyles_active__Em_NP{border-color:#d69e2e;background:linear-gradient(135deg,#f6e05e,#d69e2e);color:white}.ratiostyles_typeLabel__fjCBF{font-weight:600;font-size:1rem;margin-bottom:.25rem}.ratiostyles_typeDesc__49qVN{font-size:.875rem;opacity:.9}.ratiostyles_inputSection__wQrpM{margin-bottom:1.5rem}.ratiostyles_inputGrid__NmXu3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.ratiostyles_inputGroup__z6FdK{display:flex;flex-direction:column}.ratiostyles_inputLabel__6BsTR{font-weight:600;margin-bottom:.5rem;color:#4a5568;font-size:.95rem}.ratiostyles_inputField__P7ski{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.ratiostyles_inputField__P7ski:focus{outline:none;border-color:#d69e2e;box-shadow:0 0 0 3px rgba(214,158,46,.2)}.ratiostyles_buttonGroup__QM6b3{display:flex;gap:1rem;margin-bottom:2rem}.ratiostyles_calculateButton__Yl2uf{flex:2 1;padding:1rem;background:linear-gradient(135deg,#f6e05e,#d69e2e);color:white;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.ratiostyles_calculateButton__Yl2uf:hover{transform:translateY(-2px);box-shadow:0 7px 14px rgba(214,158,46,.2)}.ratiostyles_clearButton__D3HOv{flex:1 1;padding:1rem;background:#e53e3e;color:white;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ratiostyles_clearButton__D3HOv:hover{background:#c53030;transform:translateY(-2px)}.ratiostyles_resultContainer__HMGt0{margin-bottom:2rem}.ratiostyles_resultTitle__5ZUHo{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#2d3748}.ratiostyles_resultBox__8LfAd{padding:1.5rem;background:#fffaf0;border-radius:12px;border:2px solid #f6e05e}.ratiostyles_resultValue__lyiQ8{font-size:1.5rem;font-weight:700;color:#744210;margin-bottom:1.5rem;text-align:center;padding-bottom:1rem;border-bottom:2px solid #f6e05e}.ratiostyles_stepsContainer__w4EjC{margin-top:1.5rem}.ratiostyles_stepsTitle__DxB3F{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:#744210}.ratiostyles_stepsList__EEbM2{display:flex;flex-direction:column;gap:.75rem}.ratiostyles_stepItem__tZiVs{display:flex;gap:.75rem;padding:.5rem;background:#fefcbf;border-radius:6px;border-left:4px solid #d69e2e}.ratiostyles_stepNumber__l7_KE{font-weight:700;color:#d69e2e;min-width:24px}.ratiostyles_stepText__wk8eB{flex:1 1;color:#744210;font-family:Courier New,monospace;font-size:.95rem}.ratiostyles_examplesSection__1Kbwq{margin-bottom:2rem}.ratiostyles_examplesTitle__9cK_i{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#2d3748}.ratiostyles_exampleCard__6PQ9M{padding:1.5rem;background:#f7fafc;border-radius:10px;border:1px solid #e2e8f0}.ratiostyles_exampleContent__9Rqob{display:flex;flex-direction:column;gap:.75rem}.ratiostyles_exampleInput__zEj1t{font-family:Courier New,monospace;color:#4a5568;padding:.5rem;background:#edf2f7;border-radius:4px}.ratiostyles_exampleResult__XafMb{font-weight:600;color:#2d3748}.ratiostyles_exampleResult__XafMb strong{color:#d69e2e}.ratiostyles_infoSection__KZ6JD{padding:1.5rem;background:#fffaf0;border-radius:10px;border-left:4px solid #d69e2e}.ratiostyles_infoTitle__HTWCW{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#744210}.ratiostyles_infoSection__KZ6JD p{color:#744210;line-height:1.6;margin-bottom:1rem}.ratiostyles_infoList__U2kWs{list-style:none;padding:0;margin:0}.ratiostyles_infoList__U2kWs li{padding:.5rem 0;color:#744210;border-bottom:1px solid #f6e05e}.ratiostyles_infoList__U2kWs li:last-child{border-bottom:none}.ratiostyles_infoList__U2kWs strong{color:#d69e2e}@media (max-width:1024px){.ratiostyles_typeSelector__6X0rW{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.ratiostyles_card__bNwrP{padding:1.5rem}.ratiostyles_title__RS4KJ{font-size:1.8rem}.ratiostyles_inputGrid__NmXu3,.ratiostyles_typeSelector__6X0rW{grid-template-columns:1fr}.ratiostyles_buttonGroup__QM6b3{flex-direction:column}}@media (max-width:480px){.ratiostyles_container__I2__o{padding:.5rem}.ratiostyles_card__bNwrP{padding:1rem}.ratiostyles_resultValue__lyiQ8{font-size:1.2rem}}