.trend{width:100%;height:auto;margin:1em 0 0;display:block;overflow:visible}.trend .axis{stroke:var(--edge);stroke-width:1px}.trend .axis.half{stroke-dasharray:1 4;opacity:.8}.trend .played,.trend .key-bar{fill:color-mix(in srgb, var(--ink-faint) 42%, transparent)}.trend .in-tune{fill:color-mix(in srgb, var(--signal) 5%, transparent)}.trend .line{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round}.trend .dot{fill:var(--ink);stroke:var(--ground);stroke-width:1.5px}.trend .dot.in{fill:var(--signal)}.trend .dot.out{fill:var(--rec)}.trend .key-dot{fill:var(--signal)}.trend .tol,.trend .tol-key{stroke:color-mix(in srgb, var(--signal) 50%, transparent);stroke-width:1px;stroke-dasharray:3 3}.trend .date,.trend .tol-label,.trend .key-label{font-family:var(--mono);letter-spacing:.04em;fill:var(--ink-faint);font-size:10px}.trend .tol-label{fill:var(--signal);paint-order:stroke;stroke:var(--ground);stroke-width:3px;stroke-linejoin:round}.trend .val{font-family:var(--mono);letter-spacing:.02em;fill:var(--ink);font-variant-numeric:tabular-nums}.trend .val:not(.time){paint-order:stroke;stroke:var(--ground);stroke-width:3px;stroke-linejoin:round}.trend .val.time{fill:var(--ink-dim)}.trend .val.tiny{fill:var(--ink-dim);letter-spacing:0;stroke-width:2px}.trend-where{align-items:center;margin:.7em 0 .55em;display:flex}.trend-at{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--ink);flex:auto;font-size:.9em}.trend-where .trend-step{height:2em;color:var(--ink-dim);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:0 0 2.4em;padding:0;font-size:1.6em;line-height:1}.trend-where .trend-step:focus-visible{outline:2px solid var(--signal);outline-offset:-2px}.segmented .pdf-button,.pdf-button{font-family:var(--mono);letter-spacing:.1em;color:var(--ink);border:0;border-left:1px solid var(--edge);text-transform:none;cursor:pointer;background:0 0;border-radius:0;flex:none;justify-content:center;align-items:center;gap:.5em;padding:0 1em;font-size:.78em;font-weight:600;display:flex}.pdf-button svg{flex:none;width:1.5em;height:1.5em;display:block}.pdf-button[aria-busy=true]{cursor:progress;background-image:linear-gradient(color-mix(in srgb, var(--ink) 28%, transparent), color-mix(in srgb, var(--ink) 28%, transparent));background-position:0;background-repeat:no-repeat;background-size:calc(var(--p,0) * 100%) 100%;transition:background-size .35s ease-out}.pdf-button:disabled{opacity:.3;cursor:default}.pdf-button[data-ready]{color:var(--ground);background:var(--signal)}@media (hover:hover) and (pointer:fine){.pdf-button:not(:disabled):not([aria-busy=true]):hover{background:color-mix(in srgb, var(--ink) 12%, transparent)}}.share-note{text-align:center}.trend-step:disabled{opacity:.3;cursor:default}@media (hover:hover) and (pointer:fine){.trend-step:not(:disabled):hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 5%, transparent)}}.trend-box.is-example{opacity:.62}.trend-box.is-example .line{stroke-dasharray:5 4}.trend-box.is-example:after{content:attr(data-example);font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink);font-size:.62em;position:absolute;top:.6em;left:50%;transform:translate(-50%)}.trend-box.is-example{position:relative}.example-note{text-align:center}@keyframes trend-line-in{0%{stroke-dashoffset:var(--line-length,1200)}to{stroke-dashoffset:0}}@keyframes trend-bar-in{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.trend-box .line{stroke-dasharray:var(--line-length,1200);animation:.55s ease-out both trend-line-in}.trend-box .played{transform-origin:bottom;animation:.32s ease-out both trend-bar-in}.trend-box.is-example .line{animation:none}@media (prefers-reduced-motion:reduce){.trend-box .line,.trend-box .played{animation:none}}.trend-box{touch-action:pan-y;-webkit-user-select:none;user-select:none}@keyframes trend-arrive-left{0%{opacity:0;transform:translate(-28%)}to{opacity:1;transform:none}}@keyframes trend-arrive-right{0%{opacity:0;transform:translate(28%)}to{opacity:1;transform:none}}.trend-box[data-arrive=left]{animation:.2s ease-out both trend-arrive-left}.trend-box[data-arrive=right]{animation:.2s ease-out both trend-arrive-right}.trend-box[data-arrive] .line,.trend-box[data-arrive] .played{animation:none}@media (prefers-reduced-motion:reduce){.trend-box[data-arrive]{animation:none}}@keyframes rows-arrive-left{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes rows-arrive-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes rows-arrive-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.history[data-arrive] :is(.figures,#intervals-section .section-head,#intervals-section li,#sessions-section li){animation:.24s cubic-bezier(.2, .7, .3, 1) calc(var(--at,0) * 25ms) both}.history[data-arrive=left] :is(.figures,#intervals-section .section-head,#intervals-section li,#sessions-section li){animation-name:rows-arrive-left}.history[data-arrive=right] :is(.figures,#intervals-section .section-head,#intervals-section li,#sessions-section li){animation-name:rows-arrive-right}.history[data-arrive=up] :is(.figures,#intervals-section .section-head,#intervals-section li,#sessions-section li){animation-name:rows-arrive-up}@media (prefers-reduced-motion:reduce){.history[data-arrive] :is(.figures,#intervals-section .section-head,#intervals-section li,#sessions-section li){animation:none}}.spectrum{background:var(--ground);min-height:0;margin-bottom:calc(-1 * var(--spectrum-floor,0px));margin-top:calc(-1 * var(--spectrum-ceiling,0px));flex:3 1 0;position:relative;overflow:hidden}.spectrum[hidden]{display:none}.spectrum canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.spectrum .spectrum-sono,.spectrum .spectrum-marks{will-change:transform;right:auto}.spectrum .spectrum-sono{opacity:.36}.spectrum .spectrum-keys{opacity:.9;right:auto}.spectrum-debug{font:7.5px/1.3 var(--mono);white-space:pre;color:var(--ink-dim);background:color-mix(in srgb, var(--ground) 72%, transparent);cursor:pointer;border-radius:3px;max-width:calc(100% - 34px);margin:0;padding:3px 5px;position:absolute;top:44px;left:98px;overflow:hidden}.spectrum-load{width:min(300px,100% - 48px);font-family:var(--mono);color:var(--ink-dim);text-align:left;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spectrum-load p{margin:0}.spectrum-spent{box-sizing:border-box;background:color-mix(in srgb, var(--ground) 92%, transparent);border:1px solid color-mix(in srgb, var(--brass) 55%, var(--edge));width:min(320px,100% - 40px);color:var(--ink-dim);z-index:3;border-radius:10px;padding:18px 18px 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spectrum-spent[hidden]{display:none}.spectrum-spent p{margin:0}.spectrum-spent .ss-title{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brass);margin-bottom:10px;font-size:.78rem}.spectrum-spent .ss-body{color:var(--ink);font-size:.95rem;line-height:1.45}.spectrum-spent .ss-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.spectrum-spent .ss-row button{flex:auto}.spectrum-load .sl-title{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:12px;font-size:.78rem}.spectrum-load .sl-bar{gap:4px;height:6px;display:flex}.spectrum-load .sl-bar>i{background:var(--cell);border-radius:3px;flex:1 1 0;position:relative;overflow:hidden}.spectrum-load .sl-bar>i>b{background:var(--signal);width:0;transition:width .2s ease-out;position:absolute;inset:0 auto 0 0}.spectrum-load .sl-bar>i.sl-done>b{background:var(--signal-dim)}.spectrum-load .sl-bar>i.sl-pulse{animation:1.2s ease-in-out infinite sl-pulse}@keyframes sl-pulse{0%,to{background:var(--cell)}50%{background:color-mix(in srgb, var(--signal) 45%, var(--cell))}}@media (prefers-reduced-motion:reduce){.spectrum-load .sl-bar>i.sl-pulse{background:color-mix(in srgb, var(--signal) 35%, var(--cell));animation:none}}.spectrum-load .sl-stage{color:var(--ink);justify-content:space-between;gap:12px;margin-top:10px;font-size:.78rem;display:flex}.spectrum-load .sl-time{white-space:nowrap;color:var(--ink-dim);font-variant-numeric:tabular-nums;flex:none}.spectrum-load .sl-once{color:var(--ink-faint);margin-top:6px;font-size:.7rem}.spectrum:not(.spectrum-debugging) .spectrum-debug{display:none}.spectrum-note{text-align:center;font-family:var(--mono);letter-spacing:.06em;color:var(--ink-faint);margin:0;font-size:.72em;position:absolute;inset:auto 0 45%}.spectrum-spent .ss-pro{color:var(--brass);background:color-mix(in srgb, var(--brass) 10%, var(--surface));border-color:color-mix(in srgb, var(--brass) 55%, var(--edge))}
