@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{font-family:'Noto Sans Thai',sans-serif;color:#203c32;background:#f3f6f3}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:620px;margin:auto;padding:30px 16px}header{display:flex;gap:12px;align-items:center;margin-bottom:25px}.coin{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#206349;color:white;font-size:30px}h1{font-size:22px;margin:0}header p{font-size:12px;margin:3px 0;color:#7c8d81}nav{display:flex;background:#e4ece5;padding:5px;border-radius:12px;gap:5px;margin-bottom:18px}nav a{flex:1;text-align:center;text-decoration:none;color:#66816c;padding:11px 8px;border-radius:9px;font-size:14px;font-weight:600}nav a[aria-current=page]{background:white;color:#205b42}.card{background:white;border:1px solid #dde7df;padding:24px;border-radius:16px;margin-bottom:16px}.section-title{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px}h2{margin:0;font-size:16px}label{display:block;font-size:13px;font-weight:500;margin:18px 0 8px}.input{display:flex;align-items:center;background:#fafcf9;border:1px solid #d5e1d6;border-radius:9px;padding:0 13px;height:52px;gap:8px}.input:focus-within{border-color:#4b9870;box-shadow:0 0 0 3px #4b987011}.input input{width:100%;min-width:0;border:0;outline:none;background:transparent;font:500 21px 'Noto Sans Thai',sans-serif;color:#203c32}.input input::placeholder{font-size:13px;font-weight:400}.input span{font-size:11px;color:#819285;white-space:nowrap}.input input::-webkit-inner-spin-button{-webkit-appearance:none}input[readonly]{color:#668b70}.rate-options{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}.rate-options label{display:flex;align-items:center;gap:6px;margin:0;font-size:12px}.rate-options input{accent-color:#286949}.hint{font-size:11px;color:#7a8a78;line-height:1.8;margin:10px 0 0}.error{font-size:12px;color:#b34839;margin:10px 0 0}.error:empty{display:none}button{border:0;border-radius:8px;background:#206349;color:white;font:500 12px 'Noto Sans Thai',sans-serif;padding:10px 14px;cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #99bda2;outline-offset:3px}.rate-options button,.presets button{background:#edf4eb;color:#3b7151;padding:7px 12px;font-size:11px}.presets{display:flex;gap:7px;margin-top:8px}.summary{background:#eaf3e9;border-color:#d6e7d5}.summary>p:first-child{font-size:13px;margin:0 0 8px;color:#607f63}.total strong{font-size:38px;letter-spacing:-1px;overflow-wrap:anywhere}.total span{font-size:12px;color:#62866a}dl{border-top:1px solid #d1dfd0;margin:21px 0 0;padding-top:7px}dl div{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-top:13px}dt{color:#6e816d}dd{margin:0;text-align:right;font-weight:500}textarea{width:100%;min-height:280px;padding:14px;background:#fafbf8;border:1px solid #e0e7dc;border-radius:9px;resize:vertical;color:#52704f;font:12px/1.9 'Noto Sans Thai',sans-serif}footer{text-align:center;font-size:10px;color:#92a08e;line-height:1.9;padding:8px}@media(max-width:420px){main{padding:22px 12px}.card{padding:20px 17px}.total strong{font-size:30px}.section-title{flex-wrap:wrap}}