*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#233b56;font:14px/1.5 system-ui,sans-serif}main{max-width:1440px;margin:auto;padding:18px}header{display:flex;justify-content:space-between;align-items:center;gap:12px}h1{font-size:22px;margin:4px 0 12px;letter-spacing:-.5px}.eyebrow{font-size:9px;letter-spacing:.14em;color:#627a95}a{color:#295f95}button,select,input{font:inherit}button,select{background:white;border:1px solid #cbd7e5;border-radius:6px;color:#294662;padding:7px 10px}button{cursor:pointer}button:hover{background:#e6edf7}button[aria-pressed=true]{background:#214c77;color:white}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.toolbar label{font-size:12px}.toolbar select{margin-left:6px}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);border:1px solid #d6e0ec;border-radius:12px;overflow:hidden;background:white}.scene-pane{min-width:0;background:#0b1b30}#scene{height:300px;position:relative;touch-action:none;overflow:hidden}#scene canvas{display:block;width:100%;height:100%}.scene-label{position:absolute;top:12px;left:14px;color:#a8bbd1;font-size:10px;pointer-events:none}.legend{position:absolute;bottom:10px;left:14px;right:10px;display:flex;gap:12px;flex-wrap:wrap;font-size:10px;pointer-events:none}.n{color:#e3eaf3}.t{color:#f78383}.normal{color:#6eaefe}.shear{color:#f9c575}.legend span:before{content:'━ ';font-weight:bold}.readouts{display:grid;grid-template-columns:repeat(3,1fr);padding:12px;gap:6px;background:#10233b;color:white}.readouts small{display:block;font-size:10px;color:#b0c3dc}.readouts strong{font:18px ui-monospace,monospace}aside{padding:16px}.angle label{display:flex;justify-content:space-between;font-weight:600}.angle input{width:100%;accent-color:#326caa}.angle small,.note{font-size:11px;color:#6b7e92}.inputs{display:flex;gap:8px}.inputs label{font-size:11px;flex:1;min-width:0}.inputs input{display:block;width:100%;padding:6px;border:1px solid #c7d5e5;border-radius:5px;color:#234365}h2{font-size:13px;margin:12px 0 8px}h2 small{font-size:10px;font-weight:400;color:#657b91;margin-left:6px}.calculation{display:flex;align-items:center;gap:15px;padding:10px 0}.calculation b{font:20px Georgia,serif}.calculation pre{font:11px/1.6 ui-monospace,monospace;margin:0;white-space:pre-wrap}#insight{font-size:12px;margin:0;padding:8px 10px;background:#eef4fb;border-radius:6px}.note{margin:8px 0 0}.plots{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.plots section{background:white;border:1px solid #d6e0ec;border-radius:10px;padding:0 12px 6px;min-width:0}.plots svg{display:block;width:100%;height:205px}.plots text{font:10px system-ui;fill:#59718b}footer{font-size:10px;color:#61758e;padding:10px 0}#error{position:absolute;inset:70px 20px;color:white}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b76a23;outline-offset:2px}@media(max-width:700px){main{padding:10px}.workspace{grid-template-columns:1fr}#scene{height:290px}.plots{grid-template-columns:1fr}.toolbar{gap:5px}button,select{font-size:11px;padding:6px}h1{font-size:20px}.plots svg{height:210px}}