:root{font-family:system-ui,sans-serif;color:#244d3c;background:#f4f1e7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:18px max(18px,calc((100vw - 1020px)/2));background:#e1e6d5}header a{font-weight:800;color:inherit;text-decoration:none}header strong{font-size:13px}header button{margin-left:auto}main{max-width:1020px;margin:auto;padding:30px 22px 60px}h1{font-size:clamp(30px,6vw,50px);margin:14px 0}p{line-height:1.8}.eyebrow{font-size:10px;letter-spacing:.18em}.intro>p{max-width:760px}aside{padding:15px;border:1px solid #bc8e54;background:#f0e5cb;border-radius:12px;line-height:1.7;font-size:12px}button,input{font:inherit}button{padding:11px 17px;border:1px solid #9eb092;background:#f9f6eb;color:#244d3c;border-radius:10px;cursor:pointer;min-height:44px}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#28533e;color:#fff8e8;border-color:#28533e}.session{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:25px}.session>div{margin-right:auto}.session small{display:block}.session strong{font-size:30px;font-variant-numeric:tabular-nums}#counters{font-size:12px}#status{min-height:29px;font-size:13px;color:#77512d}.table{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:24px;border-radius:22px;background:#dfe6d2}.table article{text-align:center;min-width:0}.table h2{font-size:18px}.cards{display:flex;justify-content:center;gap:8px;min-height:136px}.card{border:1px solid #9ca88c;background:#fffaf0;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;width:78px;height:115px;padding:10px;text-align:left;flex-shrink:0;box-shadow:0 3px 7px #244d3c12}.card.red{color:#b54b4b}.card strong{font-size:23px}.card b{font-size:30px;align-self:center}.placeholder{width:78px;height:115px;border:1px dashed #8e9e83;border-radius:10px;display:grid;place-content:center;color:#849578}.controls{margin:24px 0;display:flex;gap:15px;align-items:end;flex-wrap:wrap}.controls fieldset{display:flex;gap:14px;flex-wrap:wrap;flex-basis:100%;border:1px solid #a3b197;border-radius:12px;padding:16px}.controls fieldset label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;min-height:36px}.amount{display:flex;gap:7px;flex-direction:column;flex:1;font-size:12px}.amount input{padding:13px;width:100%;min-width:0;border:1px solid #9aac90;border-radius:10px;background:#fffaf0}.receipt,details{padding:20px 0;border-top:1px solid #c6cdbb}.receipt h2,section>h2{font-size:18px}.receipt dl{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:13px}.receipt dt,.receipt dd{margin:0}.receipt dd{text-align:right;font-variant-numeric:tabular-nums}summary{cursor:pointer}details p,footer p{font-size:12px}#history{padding-left:23px;font-size:12px;line-height:2}footer{margin-top:35px;border-top:1px solid #c6cdbb;padding-top:20px}a{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b98c51;outline-offset:3px}@media(max-width:600px){header{padding:13px;gap:10px}header strong{order:3;flex-basis:100%}main{padding:24px 14px 45px}.table{grid-template-columns:1fr;padding:18px 10px;gap:10px}.cards{min-height:120px}.controls fieldset{gap:8px;flex-direction:column}.session{gap:10px}.session #counters{flex-basis:100%;margin:0}.session button{flex:1}.controls>.primary{width:100%;flex-basis:100%}.card{width:75px;height:110px}.session strong{font-size:27px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}