.canvas-inspect-entry{z-index:9;pointer-events:none;max-width:calc(100% - 110px);position:absolute;top:12px;left:98px}.canvas-inspect-entry>button{color:#315f4a;cursor:pointer;pointer-events:auto;background:#fff;border:1px solid #cbd8d0;border-radius:6px;place-items:center;width:36px;height:36px;padding:7px;display:grid}.canvas-curve-picker{pointer-events:auto;background:#fff;border:1px solid #cbd8d0;border-radius:8px;gap:10px;max-width:240px;margin-top:8px;padding:12px;display:grid;box-shadow:0 6px 20px #18352e18}.canvas-curve-picker p{color:#52695b;margin:0;font-size:11px}.canvas-coordinate-tip{z-index:6;pointer-events:none;box-sizing:border-box;color:#294b40;font-variant-numeric:tabular-nums;background:#fffffff5;border:1px solid;border-radius:6px;max-width:172px;padding:6px 9px;font-size:11px;position:absolute;box-shadow:0 2px 8px #18352e12}.canvas-coordinate-tip span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.canvas-coordinate-tip strong{font-weight:500}.canvas-cursor-dot{z-index:5;pointer-events:none;background:#fff;border:2px solid;border-radius:50%;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ffffffa0}.graph-board-surface [data-canvas-selected=true]{filter:drop-shadow(0 0 1px var(--curve-accent));stroke-width:calc(var(--curve-width) + .8px);stroke-linejoin:round}.canvas-selection{z-index:7;overscroll-behavior:contain;box-sizing:border-box;scrollbar-width:thin;background:#fff;border:1px solid #cbd8d0;border-radius:8px;gap:8px;width:min(280px,100% - 96px);max-height:calc(100% - 124px);padding:10px 12px;display:grid;position:absolute;bottom:12px;left:12px;overflow:auto;box-shadow:0 6px 24px #18352e18}.canvas-selection-heading{align-items:center;gap:8px;min-width:0;display:flex}.canvas-selection-heading strong{overflow-wrap:anywhere;border-left:3px solid;flex:1;min-width:0;max-height:56px;padding-left:8px;font-size:12px;font-weight:600;overflow:auto}.canvas-selection output{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.canvas-action-row{flex-wrap:wrap;gap:6px;display:flex}.canvas-action-row button{flex:1}.canvas-math{min-width:0;max-width:100%;display:block;overflow:hidden}.canvas-math svg{vertical-align:middle;max-width:100%;height:auto}.canvas-math-fallback{overflow-wrap:anywhere}.canvas-pin-math{transform-origin:0 0;pointer-events:none;position:absolute;top:6px;left:8px}.canvas-saved-items>div{border-bottom:1px solid #e2e9e4;align-items:center;gap:8px;min-width:0;padding-block:8px;display:flex}.canvas-saved-items>div>span{flex:1;gap:5px;min-width:0;display:grid}.canvas-saved-kind,.canvas-saved-items small{color:#52695b;font-size:11px}.canvas-curve-picker{overscroll-behavior:contain;scrollbar-width:thin;max-height:calc(100vh - 230px);overflow:auto}.canvas-selection .canvas-check,.canvas-curve-picker .canvas-check{align-items:center;gap:8px;min-height:30px;font-size:11px;display:flex}.canvas-analysis-bounds{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.canvas-pinned-label{z-index:3;color:#294b40;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#fffffff0;border:1px solid;border-radius:5px;padding:4px 7px;font-size:11px;position:absolute;overflow:hidden}.canvas-inspect-entry button:hover,.canvas-pinned-label:hover{background:#edf4ef}:is(.canvas-inspect-entry,.canvas-selection,.canvas-pinned-label):focus-visible,.canvas-inspect-entry :is(button,select,input):focus-visible{outline-offset:2px;outline:2px solid #397455}[data-contrast=high] :is(.canvas-coordinate-tip,.canvas-selection,.canvas-pinned-label,.canvas-curve-picker){color:#111;border-color:#52605b}[data-display-size=large] :is(.canvas-selection,.canvas-curve-picker,.canvas-coordinate-tip,.canvas-pinned-label),[data-display-size=large] .canvas-selection-heading strong{font-size:14px}@media (pointer:coarse),(width<=700px){.canvas-inspect-entry{max-width:calc(100% - 122px);top:10px;left:112px}.canvas-inspect-entry>button{width:44px;height:44px}.canvas-selection{max-height:calc(100% - 122px);bottom:10px;left:10px}.canvas-selection .canvas-check,.canvas-curve-picker .canvas-check,.canvas-pinned-label{min-height:44px}}@media (height<=450px){.canvas-selection{width:min(240px,100% - 88px);max-height:calc(100% - 76px)}}@media (prefers-reduced-motion:reduce){.canvas-coordinate-tip,.canvas-selection{transition:none}}.graph-canvas{isolation:isolate;background:#fcfdfc;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.graph-plot-area{contain:layout style paint;flex:1 1 0;width:100%;min-height:0;position:relative;overflow:hidden}.graph-board-surface{z-index:0;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;contain:layout style paint;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.graph-board-surface:active{cursor:grabbing}.graph-settings-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.graph-board-surface[data-dragging-point]{cursor:move}.graph-board-surface [data-label-drag-id]{cursor:grab;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.graph-board-surface [data-label-drag-id]:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #285d4b}.graph-board-surface[data-dragging-label],.graph-board-surface[data-dragging-label] [data-label-drag-id]{cursor:grabbing}.graph-board-surface:focus-visible{outline-offset:-3px;outline:2px solid #367c87}.graph-board-surface svg{display:block}.graph-board-surface .JXGtext{contain:layout style;font-family:Segoe UI,system-ui,sans-serif}.graph-point-label{z-index:10;contain:layout style;border:0;margin:0;padding:0;position:absolute;top:0;left:0}.graph-board-surface .JXGinfobox{display:none}.graph-controls{z-index:2;background:#fffffff5;border:1px solid #dce3e3;border-radius:13px;flex-direction:column;align-items:center;gap:2px;padding:5px;display:flex;position:absolute;top:24px;right:24px;box-shadow:0 4px 16px #1b393510}.graph-controls button{color:#44565c;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;padding:7px;display:grid}.graph-controls button:hover{color:#174e52;background:#eef4f3}.graph-controls button:disabled{opacity:.4;cursor:default}.graph-controls button[aria-pressed=true]{color:#1b5940;background:#e2eee4}.graph-board-surface[data-viewport-locked=true]{cursor:default}.graph-fit-feedback{color:#294b40;pointer-events:none;z-index:1;background:#fff;border:1px solid #d5e0d4;border-radius:6px;max-width:calc(100% - 36px);padding:7px 9px;font-size:11px;line-height:1.5;position:absolute;bottom:44px;left:12px}.graph-controls button:focus-visible,.graph-error button:focus-visible{outline-offset:2px;outline:2px solid #367c87}.graph-controls button svg{width:22px;height:22px}.graph-controls-divider{background:#e3e8e7;width:24px;height:1px;margin:3px 0;display:block}.graph-exploration-tools{z-index:8;pointer-events:none;grid-template-rows:auto minmax(0,1fr);grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:8px 6px;width:min(288px,100% - 92px);max-height:calc(100% - 24px);display:grid;position:absolute;top:12px;left:12px}.graph-trace-controls,.audio-trace{display:contents}.graph-trace-toggle,.audio-trace-toggle{pointer-events:auto;color:#294b40;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #c5d5cb;border-radius:6px;justify-self:start;align-items:center;gap:6px;padding:7px 9px;font-size:12px;display:flex;box-shadow:0 2px 8px #18352e0a}.graph-trace-toggle{grid-area:1/1}.audio-trace-toggle{grid-area:1/2}.graph-trace-toggle[aria-pressed=true],.audio-trace-toggle[aria-expanded=true]{color:#fff;background:#315f4a;border-color:#315f4a}.graph-tool-panel{align-self:stretch;gap:var(--menu-gap);pointer-events:auto;overscroll-behavior:contain;min-width:0;min-height:0;max-height:100%;padding:var(--menu-inset);box-sizing:border-box;scrollbar-width:thin;background:#fff;border:1px solid #c9d8cd;border-radius:8px;grid-area:2/1/3/-1;display:grid;overflow:auto;box-shadow:0 8px 28px #18352e1c}.graph-tool-heading{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.graph-tool-heading :is(h2,h3){margin:0;font:600 14px Segoe UI,system-ui,sans-serif}.graph-trace-coordinates{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.graph-trace-coordinates>label:only-child{grid-column:1/-1}.graph-trace-panel output,.audio-coordinates{color:#294b40;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;background:#edf3e9;border-radius:5px;margin:0;padding:8px;font-size:12px;display:block}.graph-tool-panel>p{color:#52695b;margin:0;line-height:1.6}.graph-tool-note{font-size:11px}.graph-trace-panel>button{width:100%}.graph-exploration-tools :is(button,select,input,summary):focus-visible{outline-offset:-2px;outline:2px solid #367c87}.graph-trace-marker{box-sizing:border-box;z-index:1;pointer-events:none;background:#fff;border:2px solid #285d4b;border-radius:50%;width:11px;height:11px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ffffffb3}.graph-interaction-announcement{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-dependent-point-id],[data-draggable-point-id]{cursor:grab}[data-dependent-point-id]:focus-visible,[data-draggable-point-id]:focus-visible{outline-offset:4px;outline:3px solid #285d4b}[data-point-locked=true]{cursor:default}[data-dragging-point] [data-dependent-point-id]{cursor:grabbing}.graph-detail-note{color:#52695b;pointer-events:none;background:#fff;border:1px solid #e1e7df;border-radius:6px;max-width:calc(100% - 24px);padding:6px 9px;font-size:10px;position:absolute;bottom:12px;left:12px}.graph-error{box-sizing:border-box;color:#60443b;z-index:3;background:#fff;border:1px solid #e1d9d2;border-radius:16px;width:min(330px,100% - 40px);padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #263c3a12}.graph-error strong{font-size:16px}.graph-error p{margin:10px 0 18px;font-size:13px;line-height:1.6}.graph-error button{color:#1c5754;cursor:pointer;font:inherit;background:#eef5f2;border:1px solid #cad8d2;border-radius:7px;padding:9px 14px;font-size:12px}@media (width<=700px){.graph-controls{top:14px;right:14px}.graph-trace-toggle{min-height:44px}.graph-trace-panel select{min-height:44px;font-size:16px}}.graph-label-feedback{box-sizing:border-box;color:#405c48;overflow-wrap:anywhere;background:#fcfdfc;border-top:1px solid #e1e7df;flex:0 0 48px;height:48px;min-height:48px;padding:8px 12px;font-size:11px;line-height:15px;display:block;overflow:auto}.graph-label-feedback:focus-visible{outline-offset:-2px;outline:2px solid #367c87}.graph-interest-marker{z-index:4;cursor:pointer;background:#fff;border:3px solid;border-radius:50%;width:18px;height:18px;position:absolute;transform:translate(-50%,-50%)}.graph-interest-marker:focus-visible{outline-offset:3px;outline:3px solid #172e25}.audio-position{gap:4px;display:grid}.audio-position-heading{justify-content:space-between;align-items:center;display:flex}.audio-position-heading span{font-variant-numeric:tabular-nums;color:#52695b}.audio-playback-options{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px;display:grid}.graph-menu .audio-playback-options input[type=range]{min-height:var(--menu-control-height)}.audio-download{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.audio-download svg{flex-shrink:0}.audio-empty{background:#f0f5ed;border:1px solid #d7e2d1;border-radius:5px;padding:10px}.audio-empty strong{font-size:12px}.audio-empty p{margin:6px 0 0;line-height:1.6}.audio-status{color:#52695b;line-height:1.6}.graph-audio-marker{pointer-events:none;z-index:5;background:#ffe65e;border:3px solid #111;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%)}@media (pointer:coarse),(width<=700px){.graph-trace-toggle,.audio-trace-toggle{justify-content:center;min-width:44px;min-height:44px}}@media (width<=700px){.graph-exploration-tools{width:min(288px,100% - 84px);max-height:calc(100% - 20px);top:10px;left:10px}}.app-shell .graph-controls{border-color:#cbd8d0;border-radius:8px;gap:2px;padding:4px;top:12px;right:12px;box-shadow:0 2px 8px #18352e0a}.app-shell .graph-controls button{color:#315f4a;border-radius:5px;width:36px;height:36px}.app-shell .graph-controls button svg{width:20px;height:20px}.app-shell :is(.graph-trace-toggle,.audio-trace-toggle){border-color:#cbd8d0}@media (pointer:coarse),(width<=700px){.app-shell .graph-controls button{width:44px;height:44px;min-height:44px}}@media (height<=450px){.app-shell .graph-controls{flex-direction:row;top:auto;bottom:10px;right:10px}.canvas-selection{max-height:calc(100% - 136px);bottom:68px}}