:root{font-family:system-ui,sans-serif;color:#f5efdf;background:#14252b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0,#28434a,transparent 65%),#14252b}main{max-width:1020px;margin:auto;padding:24px 24px}header{margin-bottom:18px}.eyebrow{font-size:11px;letter-spacing:.22em;color:#d7b980}h1{font:48px Georgia,serif;margin:10px 0}h1 span{display:block;font:12px system-ui;letter-spacing:.1em;color:#b6c8c9;margin-top:8px}.intro{font-size:17px;max-width:660px;line-height:1.55;color:#d4dedb}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px}.bench{border:1px solid #627277;border-radius:14px;overflow:hidden;background:#1b3036;box-shadow:0 15px 60px #0003}.benchhead{padding:16px 20px;display:flex;justify-content:space-between;font-size:13px;background:#263d43}#material{color:#d7b980}canvas{width:100%;display:block;background:#e6dcca;touch-action:none}.legend{display:flex;justify-content:space-between;padding:13px 16px;font-size:12px;color:#c7d7d5}#feedback{padding:12px 18px;min-height:72px;font-size:16px;line-height:1.45;background:#0e2329}.readings{display:flex;justify-content:space-between;padding:14px 18px;font-size:12px;font-variant-numeric:tabular-nums;color:#f2cc8d}aside{padding:4px 0}.step{display:flex;gap:12px;margin-bottom:14px}.step>b{display:grid;place-items:center;border:1px solid #bda67c;width:26px;height:26px;border-radius:50%;color:#e7cb96;flex-shrink:0}h2{font:19px Georgia;margin:0 0 7px}p{line-height:1.5}aside p{font-size:13px;color:#c2d0d0;margin:0}button,select{font:inherit;border:1px solid #6a7f82;border-radius:7px;background:#2d454d;color:#f6f2e9;padding:12px;cursor:pointer;min-height:44px}button:hover{background:#42616b}button:focus-visible,select:focus-visible{outline:3px solid #ffe0a4;outline-offset:3px}button[aria-pressed=true]{background:#ead1a4;color:#152e35;border-color:#ead1a4}.clamps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 22px}.pegs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:16px}.primary{width:100%;background:#eac28b;color:#17333a;border:0;font-weight:700}.primary:hover{background:#f2d6ac}.actions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.actions button{flex:1;font-size:12px;padding:8px}.actions #hint{flex-basis:100%}.note{border-left:2px solid #bba170;padding:9px 12px;color:#d8ddd1;font-size:13px;line-height:1.6;margin:18px 0}label{font-size:12px;color:#c9d4d2}select{width:100%;margin:8px 0}#next{width:100%;background:#37725e}#progress{margin-top:10px;font-size:12px}details{border-top:1px solid #52686c;margin-top:28px;padding-top:18px;color:#b9cbcb;font-size:13px;max-width:900px}summary{cursor:pointer}a{color:#e3c68f}[hidden]{display:none!important}@media(max-width:760px){main{padding:24px 14px}h1{font-size:42px}.workspace{grid-template-columns:1fr;gap:20px}.intro{font-size:15px}.benchhead{padding:12px;font-size:11px}.legend{font-size:10px;padding:10px}.readings{padding:12px;font-size:11px}#feedback{font-size:14px;min-height:65px}aside{display:grid;grid-template-columns:1fr;max-width:450px;width:100%;margin:auto}.pegs button{min-height:48px}.step{margin-top:6px}.note{margin:12px 0}}