*{box-sizing:border-box}body{margin:0;background:#F0EEE6;color:#302D29;font:16px/1.6 system-ui,sans-serif}header,main,footer{max-width:1180px;margin:auto;padding:28px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cec9bd}a{color:#793b2b;text-underline-offset:4px}.brand{color:#302D29;font-size:26px;font-weight:750;text-decoration:none}.brand span{font-size:13px;font-weight:400;color:#6b645c}nav{display:flex;gap:26px}nav a{text-decoration:none;color:inherit}main{padding-top:56px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.1}h1{font-size:clamp(42px,6vw,72px);margin:12px 0 24px;letter-spacing:-2px}h2{font-size:25px;margin:0 0 26px;color:#86513e}h2 span{color:#302D29;margin-left:12px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#86513e}.intro{max-width:660px;font-size:19px;color:#635c53;margin-bottom:44px}section{background:#FAF9F5;border:1px solid #ded9ce;border-radius:14px;padding:30px;margin:24px 0}button,input{font:inherit}button{cursor:pointer;border:1px solid #b8b1a5;background:transparent;color:inherit;border-radius:8px;padding:12px 18px;line-height:1.4}button:hover{border-color:#86513e;background:#eee7dc}button.selected{background:#f0dfd3;border:2px solid #a64f35}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#9c452e;color:white;border-color:#9c452e}.primary:hover{background:#803822}.segmented{display:flex;gap:8px;margin-bottom:20px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tiles button{text-align:left}.tiles strong{display:block;font:25px Georgia,serif;margin-bottom:6px}.presets{grid-template-columns:repeat(4,1fr);margin-bottom:24px}.presets button{font-size:14px;min-height:78px}.controls{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0}.group{display:grid;grid-template-columns:150px 1fr 95px 120px 90px 85px;gap:12px;align-items:center;border-top:1px solid #ded9ce;padding:18px 0}.group-name{display:flex;align-items:center;gap:9px;font-weight:600}i{width:13px;height:13px;border:1px solid #655124;border-radius:50%}input[type=number]{width:100%;padding:9px;border:1px solid #b8b1a5;border-radius:6px;background:#fffefa}input[type=range]{width:100%;accent-color:#9c452e}input[type=checkbox]{accent-color:#9c452e}small{display:block;color:#6b645c}.settings{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.settings label{font-size:14px}.settings input{margin-top:8px}.muted{color:#6b645c;font-size:14px}#error{color:#9e241a}#history a{display:inline-block;margin:4px 12px 4px 0;font-size:14px}progress{width:100%;accent-color:#9c452e}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #ded9ce;white-space:nowrap}th{font-weight:600}footer{font-size:13px;color:#6b645c;border-top:1px solid #cec9bd;margin-top:40px}#chart{min-height:450px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #2e6db4;outline-offset:3px}@media(max-width:850px){.presets{grid-template-columns:repeat(2,1fr)}.group{grid-template-columns:1fr 1fr 80px}.settings{grid-template-columns:1fr 1fr}.brand span{display:none}header,main,footer{padding:20px}section{padding:20px}nav{gap:14px;font-size:14px}}@media(max-width:500px){.tiles{grid-template-columns:1fr}.presets{grid-template-columns:1fr 1fr}.settings{grid-template-columns:1fr}header{flex-wrap:wrap}}