*{box-sizing:border-box}body{margin:0;background:#eee7db;color:#2f3b3c;font:16px/1.5 system-ui,sans-serif}main{max-width:1100px;padding:0 24px 48px;margin:34px auto}.eyebrow{font-size:11px;letter-spacing:3px;color:#915e43}h1{font:66px/1.05 Georgia,serif;letter-spacing:-2px;margin:12px 0}.subtitle{font-size:19px;color:#69746d}.intro{padding:20px 24px;background:#fffaf0;border-left:4px solid #ab6846;margin:26px 0}.intro p{margin:10px 0 0}.toolbar,.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}button,select{font:inherit;color:inherit;min-height:46px;border:1px solid #b7ab98;border-radius:7px;padding:11px 14px;background:#fffaf2;cursor:pointer}button:hover{background:#deebe5}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #bd6b43;outline-offset:2px}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#356f63;color:#fff}.primary:hover{background:#254e46}.bench{border-radius:12px;overflow:hidden;background:#213b40;color:#fbf4e8}canvas{display:block;width:100%;background:#dfe5de}#status{margin:0;padding:16px 20px;min-height:58px}.bands{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.band{background:#fffaf0;border:1px solid #bcb5a5;border-radius:10px;padding:16px}.band h2{font:25px Georgia,serif;margin:0}.range{font-size:12px;color:#67756f;margin:3px 0 18px}.band label{display:block;margin:15px 0 4px}.band output{font-weight:700;float:right}.band input{width:100%;accent-color:#397b6b;min-height:30px}.readings{border-top:1px solid #c6beb0;margin-top:15px;padding-top:12px;font-size:14px}.readings p{margin:7px 0}.readings .bad{color:#a6452d;font-weight:650}.readings .good{color:#286b52}.hint{font-size:13px;color:#68716a}#clue{background:#e1e8df;padding:12px;border-radius:6px}#clue:empty{display:none}#progress{font-size:13px;color:#68706a}details{margin-top:30px;border-top:1px solid #bcb3a3;padding-top:20px;font-size:14px}summary{cursor:pointer}a{color:inherit}@media(max-width:700px){main{padding:0 12px 30px;margin-top:24px}h1{font-size:46px}.intro{padding:16px}.bands{grid-template-columns:1fr;gap:10px}.band{padding:14px}.toolbar label{width:100%}.toolbar select{max-width:74%}.actions button{flex:1 1 45%;font-size:14px}button,select{font-size:14px}.subtitle{font-size:17px}}
