body{color:#2b2118;background:#fff6e5;margin:0;font:18px/1.6 system-ui,sans-serif}main{padding:20px 16px}h1{color:#b4461e;margin:0 0 16px;font-size:26px}label{color:#6b5847;margin:12px 0 4px;font-size:15px;display:block}input{box-sizing:border-box;background:#fff;border:2px solid #e8c9a8;border-radius:12px;width:100%;min-width:0;min-height:48px;padding:10px 12px;font-size:18px;display:block}input[inputmode=numeric]{appearance:none}.segment{grid-template-columns:1fr;gap:8px;display:grid}.segment button{box-sizing:border-box;color:#6b5847;cursor:pointer;background:#fff;border:2px solid #e8c9a8;border-radius:12px;min-width:0;min-height:48px;padding:10px 12px;font-family:inherit;font-size:16px;line-height:1.4}.segment button[aria-pressed=true]{color:#fff;background:#b4461e;border-color:#b4461e;font-weight:700}.total{color:#fff;text-align:center;background:#b4461e;border-radius:16px;margin-top:20px;padding:18px;font-size:28px;font-weight:700}.note{color:#6b5847;text-align:center;margin:8px 2px 0;font-size:13px;line-height:1.5}.error{color:#b4461e;text-align:center;background:#fff;border:2px solid #b4461e;border-radius:16px;margin-top:20px;padding:18px;font-size:16px;font-weight:700}