:root{font-family:system-ui,sans-serif;color:#1b302e;background:#f5f4ef}body{margin:0}header{padding:24px 5%;background:#163a34;color:white;display:flex;justify-content:space-between;gap:20px}main{max-width:850px;margin:35px auto;padding:0 22px}h1{font-size:2.3rem}.notice{padding:18px;border-left:4px solid #bf9142;background:#fff8e7}.panel{background:white;padding:24px;border:1px solid #d6dfdc;border-radius:10px;margin:18px 0}label{display:block;margin:15px 0}input{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #8d9e99;border-radius:5px;font:inherit}button{background:#163a34;color:white;border:0;border-radius:5px;padding:13px 20px;margin:8px 10px 8px 0;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#error{color:#a52721;white-space:pre-wrap}.total{font-size:1.4rem;font-weight:700}.subtle{color:#596c66}h2{margin-top:0}@media(max-width:500px){header{flex-direction:column}main{margin-top:20px}}