.hand-workspace{border:1px solid #c7ddee;border-radius:18px;padding:20px;background:#ffffffbd;box-shadow:0 9px 30px #124b8710}.hand-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.hand-controls button{padding:10px 14px;border:1px solid #bed2e7;border-radius:9px;background:#f2f7fd;color:#173f6d;font-size:16px;cursor:pointer;min-height:42px}.hand-controls button:first-child,.hand-controls button[aria-pressed=true]{background:#319eea;color:white;border-color:transparent}.hand-controls button:disabled{opacity:.65;cursor:wait}.hand-controls label{display:flex;align-items:center;gap:6px;font-size:15px}.hand-controls input[type=range]{width:70px}.hand-controls input[type=color]{width:34px;height:34px;border:0;padding:2px;background:none}.hand-stage{position:relative;aspect-ratio:4/3;width:100%;overflow:hidden;border:1px solid #b5d2ec;border-radius:12px;background:linear-gradient(135deg,#f9fcff,#e9f4ff)}#hand-canvas{width:100%;height:100%;position:absolute;inset:0;touch-action:none;cursor:crosshair}#hand-video{display:none;position:absolute;width:100%;height:100%;inset:0;object-fit:fill;transform:scaleX(-1);opacity:.5}#hand-cursor{position:absolute;width:14px;height:14px;border:2px solid #fff;background:#f39b21;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}#hand-status{font-size:16px;min-height:24px;color:#1b5887;line-height:1.5}.hand-details{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hand-details>div{padding:15px;background:#f2f7fc;border:1px solid #d6e5f1;border-radius:12px}.hand-details h3{font-size:18px;margin:0 0 12px}.hand-details p{font-size:16px;line-height:1.5;margin:7px 0}#hand-equation{font-size:23px;overflow-wrap:anywhere}#hand-fit{font-size:14px;color:#5f748a}.hand-workspace button:focus-visible{outline:3px solid #f8b735;outline-offset:3px}

@media(max-width:760px){.hand-workspace{padding:12px}.hand-controls{gap:6px}.hand-controls button{font-size:14px;padding:9px 10px}.hand-details{grid-template-columns:1fr}.hand-stage{min-height:230px}}
.hand-graph-caption{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding:16px 20px;margin:12px 0;border:1px solid #b7d9f1;border-radius:12px;background:linear-gradient(110deg,#f5fbff,#dcefff);color:#000}.hand-graph-caption small{font-size:13px}.hand-graph-caption strong{font-size:21px}