:root{color:#24211d;background:#f5f0e5;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{margin:0 auto;max-width:900px;padding:2rem 1rem 4rem}header{margin-bottom:1.5rem}h1,h2,p{margin-top:0}h1{margin-bottom:.35rem}h2{font-size:1.2rem}.eyebrow{color:#8d5c22;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}section{background:#fffdf8;border:1px solid #d5ccba;border-radius:.5rem;margin-top:1rem;padding:1rem}form,.filters{display:grid;gap:.8rem}.settings-form,.filters{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:end}label{display:grid;font-weight:600;gap:.35rem}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid #9a8f7c;border-radius:.25rem;padding:.5rem;width:100%}textarea{font-family:ui-monospace,monospace}button{background:#6a3d14;border:0;border-radius:.25rem;color:#fff;cursor:pointer;font-weight:700;padding:.55rem .85rem}button:hover{background:#512e0f}.chart{color:#8d5c22;margin:0}.chart svg{height:auto;max-width:100%}.chart line{stroke:#b7ad99}.chart figcaption,.empty-state,.notice{color:#625a4f;font-size:.9rem}.error{background:#ffe7e5;border:1px solid #b33a32;color:#76231e;padding:.75rem}.table-scroll{max-height:24rem;overflow:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid #e3dccf;padding:.5rem;text-align:left}th{position:sticky;top:0;background:#fffdf8}