:root{--primary:#6a34eb;--secondary:#94eec3;--background:#f7fbff;--text:#000}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*,body,html{margin:0;padding:0}body,html{max-width:100%;overflow-x:hidden;width:100%}body{color:#333;font-size:14px;line-height:1.5}.calculator-container{background:#fff;border-radius:8px;box-shadow:0 3px 15px rgba(0,0,0,.1);margin:0 auto;max-width:800px;overflow:hidden;width:100%}.calculator-body{padding:15px}.input-group{margin-bottom:12px}label{color:#000;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.context{color:#666;font-size:12px;font-style:italic;font-weight:400}input{border:1px solid #ddd;border-radius:4px;font-size:15px;padding:8px 35px 8px 8px;width:100%}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}.suffix{color:#777;font-size:14px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.input-with-suffix{position:relative}button{-webkit-appearance:none;appearance:none;background-color:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:8px;padding:8px 15px;transition:background-color .2s}button:hover{background-color:#39b38f}.divider{background-color:#eee;height:1px;margin:15px 0}.results{background-color:var(--background);border-radius:6px;padding:15px}.result-grid{display:grid;gap:10px;grid-template-columns:1fr}.result-item{background-color:#fff;border-radius:6px;box-shadow:0 1px 5px rgba(0,0,0,.05);padding:12px}.result-heading{color:#000;font-size:14px;font-weight:600;margin-bottom:6px}.result-value{color:var(--primary);font-size:18px;font-weight:700;margin-bottom:5px}.result-detail{color:#666;font-size:13px;margin-top:3px}@media (min-width:768px){body{padding:0}.calculator-body{padding:25px}.input-section{display:grid;gap:20px;grid-template-columns:1fr 1fr}.result-grid{gap:15px;grid-template-columns:repeat(3,1fr)}label{font-size:15px}input{font-size:16px}.result-value{font-size:22px}}@media (max-width:400px){.calculator-body{padding:10px}label{font-size:13px}.context{font-size:11px}input{font-size:14px;padding:6px 30px 6px 6px}.result-item,.results{padding:10px}.result-heading{font-size:13px}.result-value{font-size:16px}.result-detail{font-size:12px}}