*{box-sizing:border-box}body{margin:0;background:#eaf2f8;color:#16364d;font:16px/1.5 system-ui,-apple-system,sans-serif}header{background:#103457;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:14px max(3vw,12px);gap:12px}header a{color:#c7fff0}main{max-width:1100px;margin:0 auto;padding:20px 14px 55px}.intro h1{font-size:clamp(26px,4vw,43px);margin:6px 0}.intro p{max-width:880px}.settings,.workspace,.notes{background:#fff;border:1px solid #bed3e4;border-radius:20px;padding:18px;margin:15px 0;box-shadow:0 12px 30px #15395612}.settings{display:grid;grid-template-columns:minmax(230px,2fr) minmax(200px,1fr);gap:12px;align-items:end}.field{min-width:0}.field label{display:block;font-weight:750}.field input,.field textarea,.settings input{width:100%;border:1px solid #9eb8cc;padding:10px;border-radius:10px;font:inherit;background:#fff;color:#123}.settings fieldset{grid-column:1/-1;display:flex;align-items:end;gap:12px;flex-wrap:wrap;border:1px solid #cbdce9;border-radius:14px;padding:9px 12px}.settings fieldset label{flex:1 0 85px;font-weight:650;font-size:13px}.settings legend{font-weight:780}.settings button{max-height:50px}button{border-radius:10px;background:#125f87;color:white;border:1px solid #0c577b;font:inherit;font-weight:720;padding:11px 13px;cursor:pointer;min-height:46px}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible{outline:3px solid #e9a342;outline-offset:2px}.toolbar,.actions{display:flex;flex-wrap:wrap;gap:8px}.toolbar button{background:#e7f1f7;color:#17435c;border-color:#a8c6d7}.toolbar button[aria-pressed=true]{background:#145d83;color:white}.board-wrap{max-width:min(100%,670px);margin:16px auto;padding:7px;background:#e7eef5;border:1px solid #aebdc9;border-radius:15px}#board{display:block;width:100%;height:auto;touch-action:none;user-select:none;cursor:crosshair;background:#fff;aspect-ratio:1}.gridline{stroke:#dce6ef;stroke-width:.85}.tick{fill:#3b5467;font:12px system-ui}.axis{stroke:#24455e;stroke-width:2.1}.axisname{fill:#183f5f;font:bold 16px system-ui}.stroke{stroke:#136ba4;stroke-width:3.1;fill:#136ba4}.drawing{stroke:#067b9b;stroke-width:3.2;fill:#067b9b;opacity:.8}.reference{stroke:#ea7b29;stroke-width:2.3;stroke-dasharray:8 5;fill:none}.board-info{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#365872}.board-notice{background:#eef8fb;border-left:4px solid #1b8aaa;border-radius:10px;padding:12px}.board-notice.warning{border-color:#ce7c20}.actions button{flex:1 1 170px}.score{border:2px solid #79b8d4;border-radius:13px;background:#eefaff;margin-top:13px;padding:12px}.score h2{font-size:20px;margin:0}.notes{color:#28506b}.print-area{display:none}@media(max-width:650px){.settings{display:block}.field,.settings button{margin:10px 0;width:100%}.settings fieldset{display:grid;grid-template-columns:1fr 1fr}.settings fieldset button{grid-column:1/-1}.toolbar button{flex:1 1 30%}main{padding:10px 8px}#board .tick{font-size:11px}}@media print{@page{size:A4 portrait;margin:10mm}body{background:#fff;color:#000;font:11pt/1.35 Arial}header,.intro,.settings,.toolbar,.actions,.board-info,.board-notice,.score,.notes{display:none!important}main,.workspace,.board-wrap{border:0;box-shadow:none;margin:0;padding:0;background:#fff}.board-wrap{max-width:170mm;margin:0 auto}#board{width:170mm!important;height:170mm!important}.print-area{display:block}.print-area h1{font-size:16pt}.print-area p{margin:6px 0}.print-lines{height:27mm;border-bottom:1px dotted #999}}