*{box-sizing:border-box}body{margin:0;background:#eef0df;color:#193d39;font:16px system-ui}main{max-width:1080px;margin:auto;padding:24px}.eyebrow{letter-spacing:.22em;font-size:12px;color:#78613a}h1{font:clamp(32px,6vw,62px) Georgia;margin:12px 0}p{line-height:1.55}button,select{font:inherit;border:1px solid #809e87;border-radius:8px;padding:12px;background:#fffef4;color:#173b35;cursor:pointer}button:active{background:#c5dfc1}.controls,.meters{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.meters b{background:#dce6cc;padding:10px;border-radius:6px}canvas{display:block;width:100%;height:auto;aspect-ratio:1.8;border-radius:14px;background:#83b6b0}.panels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.panels section{padding:14px;background:#dce6cc;border-radius:10px}.panels button{display:block;width:100%;margin:7px 0}h2{font-size:16px}#message{padding:16px;background:#173f38;color:#fff3cb;border-radius:8px;min-height:70px}details{padding:16px;border:1px solid #a3b69c;border-radius:10px}@media(max-width:600px){main{padding:14px}.panels{grid-template-columns:1fr 1fr}.panels section:nth-child(2){grid-column:1/-1;grid-row:2}.panels section:nth-child(2) button{display:inline-block;width:48%;margin:1%}canvas{aspect-ratio:1.2}.meters{font-size:13px;gap:5px}}