:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#182f3a;background:#edf1f3;font-size:17px;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{padding:12px 20px;background:#193f4e;color:white}h1{font-size:23px;margin:0}header p{margin:4px 0;font-size:14px}main{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:calc(100dvh - 85px)}#viewport{position:relative;min-height:360px;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}#mode{position:absolute;bottom:12px;left:12px;right:12px;padding:8px;background:#ffffffdf;border-radius:8px;pointer-events:none;font-size:14px}aside{background:#fff;padding:16px;overflow:auto;border-left:1px solid #cad6dd}h2{font-size:18px;margin:20px 0 9px}nav,.buttons{display:flex;gap:8px;flex-wrap:wrap}button{font:inherit;min-height:44px;border:1px solid #b5c6ce;border-radius:7px;padding:8px 12px;background:#f5f8fa;color:inherit;cursor:pointer}button:hover,button[aria-pressed=true]{background:#d8edf6;border-color:#2585a2}label{display:flex;align-items:center;gap:10px;min-height:40px;cursor:pointer}input[type=checkbox]{width:22px;height:22px;accent-color:#226c85}.dot{display:inline-block;width:16px;height:16px;border-radius:50%;border:1px solid #243c4a}.hint{font-size:14px;color:#526670;line-height:1.45}#details{border-top:1px solid #cad6dd;overflow-wrap:anywhere}#details p{margin:7px 0;line-height:1.5}#point-summary{padding:10px;background:#fff2cd;border-radius:6px}#error{position:absolute;z-index:2;background:#fff1f1;color:#861e1e;padding:20px;inset:20px;overflow:auto}summary{min-height:44px;cursor:pointer}details p{font-size:14px;overflow-wrap:anywhere}button:focus-visible,input:focus-visible{outline:3px solid #ea8a00;outline-offset:2px}@media(max-width:750px){main{display:flex;flex-direction:column;height:auto}#viewport{height:60dvh;min-height:340px}aside{overflow:visible;border-left:0;border-top:1px solid #cad6dd}header{padding:10px 14px}header p{font-size:13px}#mode{font-size:13px}h2{margin-top:15px}}