*{box-sizing:border-box}body{margin:0;background:#eef2ed;color:#183b34;font:15px/1.5 system-ui,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px 20px}small{font-size:11px;letter-spacing:2px;font-weight:750;color:#687f73}h1{font-size:32px;letter-spacing:-1px;margin:4px 0}h2{font-size:22px;margin:6px 0}p{color:#62776d;margin:5px 0 18px}.badge{background:#dcebce;border:1px solid #b7cf9f;padding:8px 13px;border-radius:30px;font-size:13px;white-space:nowrap}main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;margin:0 24px}.viewer{position:relative;min-width:0;background:#e5ede6;border:1px solid #cbd9ce;border-radius:20px;overflow:hidden}#scene{height:580px;touch-action:none}canvas{display:block;width:100%;height:100%}.toolbar{position:absolute;top:16px;left:16px;right:16px;display:flex;gap:6px;z-index:1}.hint{position:absolute;bottom:12px;left:16px;right:16px;text-align:center;font-size:12px;color:#4e6559;pointer-events:none}button{font:inherit;font-size:13px;font-weight:650;min-height:44px;border:1px solid #ccdacd;background:#ffffffed;color:#183b34;border-radius:10px;padding:10px 12px;cursor:pointer}button:hover{background:#dceacf}button:focus-visible{outline:3px solid #267fac;outline-offset:2px}button[aria-pressed=true]{background:#193f34;color:white}.wide{width:100%;margin:8px 0}aside{background:#fff;border:1px solid #d4dfd5;border-radius:20px;padding:22px}aside p{font-size:13px}#points{display:grid;grid-template-columns:1fr 1fr;gap:7px}.point{border-left:5px solid var(--color);text-align:left}label{display:flex;align-items:center;gap:7px;font-size:13px;min-height:38px}input{width:18px;height:18px;accent-color:#205b45}#detail{font-size:13px;background:#edf3e9;padding:12px;border-radius:10px;margin-top:10px;min-height:65px}.totals{display:flex;gap:25px;border-top:1px solid #e0e7df;margin-top:15px;padding-top:10px}.totals strong{font-size:27px;display:block}.totals span{font-size:11px;color:#667b6e}footer{margin:18px 24px;padding:14px 18px;background:#fff4df;border:1px solid #eadabb;border-radius:12px;color:#785a2a;font-size:12px}footer strong{display:block;margin-bottom:4px}#loading{padding:100px 25px;text-align:center}@media(max-width:850px){main{grid-template-columns:1fr}aside{display:block}#scene{height:450px}header{padding:20px}h1{font-size:27px}.badge{display:none}main{margin:0 10px}footer{margin:15px 10px}#points{grid-template-columns:repeat(4,1fr)}}@media(max-width:420px){h1{font-size:24px}#scene{height:390px}.toolbar{left:8px;right:8px;gap:4px}.toolbar button{padding:8px;font-size:12px}#points{grid-template-columns:1fr 1fr}.hint{font-size:11px}}