.sf-under{justify-content:space-between;align-items:flex-end;gap:var(--space-4) var(--space-7);margin-top:var(--space-4);border-bottom:var(--border-hairline) solid var(--rule);flex-wrap:nowrap;display:flex;container-type:inline-size}.sf-under .ptools{margin:0 0 var(--space-4);flex:none}.sf-tabs{gap:var(--space-2);scrollbar-width:none;min-width:0;margin-bottom:-1px;display:flex;overflow-x:auto}.sf-tabs::-webkit-scrollbar{display:none}@container (max-width:760px){.sf-tab svg{display:none}}@container (max-width:670px){.sf-tabs{gap:var(--space-1)}.sf-tab{padding-left:var(--space-4);padding-right:var(--space-4)}}.ptools .pt-sign{display:none}@media (min-width:761px){@container (max-width:700px){.sf-under .ptools{gap:var(--space-6)}.sf-under .ptools .pt-name{display:none}.sf-under .ptools .pt-sign{display:inline}}}.sf-tab{gap:var(--space-3);padding:var(--space-4) var(--space-6);border:0;border-bottom:var(--border-hairline) solid var(--rule);border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;display:inline-flex}.sf-tab svg{font-size:1.15em}button.sf-tab:hover:not(:disabled){color:var(--ink)}.sf-tab:disabled{opacity:.38;cursor:default}.sf-tab[aria-pressed=true]{background:var(--sig-bg);color:var(--sig-ink);border-bottom:var(--border-indicator) solid var(--sig-edge)}.sf-tab[aria-pressed=true] svg{color:var(--sig-edge)}@media (max-width:760px){.sf-under{flex-flow:column;align-items:stretch;gap:0}.sf-tabs{gap:var(--space-1)}.sf-tab{padding:var(--space-4) var(--space-4)}.sf-tab svg{display:none}.sf-under .ptools{margin:0 0 var(--space-3);order:-1}}body.focus .sf-now{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sf-stack:empty{display:none}.sf-stack{margin-bottom:var(--space-6)}.sf-panel{margin-top:var(--space-6);border-top:var(--border-hairline) solid var(--rule);padding-top:var(--space-4)}.sf-ph{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.sf-ph .t-overline{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sf-sk{height:160px}.sf-note{margin:var(--space-3) 0 0}.sf-row{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.sf-now{min-width:0;min-height:1.5em;margin:0}.sf-now .t-measure{color:var(--gold);margin-right:var(--space-2)}.sf-head{color:var(--ink);font-weight:600}.sf-zoombar{align-items:center;gap:var(--space-2);flex:none;display:inline-flex}.sf-zoom{text-align:center;min-width:3em}.sf-zoombar .icon-btn:disabled{opacity:.35;cursor:default}body.sf-easing .wrap{transition:max-width .28s}body.sf-easing .work-grid{transition:grid-template-columns .28s}body.sf-easing .sf-view{overflow:hidden}.work-side{min-width:0}@media (min-width:1000px){body.sf-open .wrap{max-width:var(--sf-wrap,1600px)}body.sf-open .work-grid{grid-template-columns:minmax(0, 1fr) var(--sf-col,var(--layout-aside))}body.sf-open .work-side .side{max-width:var(--layout-aside)}body.focus.sf-open .wrap{max-width:none}body.focus.sf-open .work-grid{column-gap:var(--space-8)}body.focus .sf-score:not(.full) .sf-view{height:calc(100vh - 110px);max-height:none}}.sf-score-panel{padding-top:var(--space-2);border-top:0;margin-top:0;animation:.26s sf-in}@keyframes sf-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){body.sf-easing .wrap,body.sf-easing .work-grid{transition:none}.sf-score-panel{animation:none}}@font-face{font-family:Leipzig;src:url(/fonts/leipzig.woff2)format("woff2");font-display:block}.sf-score{--sf-ink:#2b1716;--sf-paper:#fffbf7;--sf-line:#f2e4c4;--sf-rule:#e7d9d0;flex-direction:column;display:flex;position:relative}.sf-back{z-index:2;height:0;position:sticky;bottom:0}.sf-back>.btn{left:50%;bottom:var(--space-7);white-space:nowrap;position:absolute;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.sf-tools{align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);scrollbar-width:none;flex-wrap:nowrap;display:flex;overflow-x:auto}.sf-tools::-webkit-scrollbar{display:none}.sf-tools>*{flex:none}.sf-tools .btn-text{gap:var(--space-2);align-items:center;display:inline-flex}.sf-tools .btn-text[aria-pressed=true]{color:var(--ink);text-underline-offset:var(--space-2);text-decoration:underline}.sf-tools .btn-text:disabled{opacity:.4;cursor:default}.sf-tools .icon-btn{font-size:20px;display:inline-flex}.sf-right{gap:var(--space-2);align-items:center;margin-left:auto;display:inline-flex}.sf-dl{display:inline-flex;position:relative}.sf-dl-host{height:0;position:relative}.sf-dl-menu{right:0;top:calc(-1 * var(--space-2));z-index:30;min-width:220px;max-width:var(--popover-max);padding:var(--space-2) 0;background:var(--raised);border:var(--border-hairline) solid var(--rule);border-radius:var(--radius-sm);display:grid;position:absolute}.sf-dl-menu a{padding:var(--space-3) var(--space-6);color:var(--ink);white-space:nowrap;text-decoration:none;display:block}.sf-dl-menu a:hover{background:var(--accent-soft);text-decoration:none}.sf-family{min-width:0;display:inline-flex}.sf-family-btn{width:100%;min-width:0;height:calc(var(--space-8) + var(--space-2));padding:0 var(--space-3);align-items:center;gap:var(--space-2);border:var(--border-hairline) solid var(--rule);border-radius:var(--radius-sm);background:var(--raised);color:var(--ink);cursor:pointer;display:inline-flex}.sf-family-btn>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sf-family-btn svg{color:var(--ink-soft);flex:none}.sf-tools>.sf-family{flex:0 auto;min-width:5.5em}.sf-view{scrollbar-gutter:stable;background:var(--sf-paper);height:min(100vh - 150px,900px);min-height:320px;color:var(--sf-ink);border:var(--border-hairline) solid var(--rule);overscroll-behavior:contain;overflow-anchor:none;position:relative;overflow:auto}.sf-view:focus-visible{outline-offset:0}.sf-sheet{margin:0 auto;position:relative}.sf-sys{box-sizing:border-box;border-bottom:1px solid var(--sf-rule);width:100%;position:relative}.sf-sys.live{cursor:pointer}.sf-pic{-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0}.sf-pic>svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.sf-pic ellipse,.sf-pic path,.sf-pic polygon,.sf-pic polyline,.sf-pic rect{stroke:currentColor}.sf-pic g.dir,.sf-pic g.dynam,.sf-pic g.mNum{font-style:italic}.sf-pic g.ending,.sf-pic g.fing,.sf-pic g.reh,.sf-pic g.tempo{font-weight:700}.sf-pic g.label{font-weight:400}.sf-sys.now{background:color-mix(in srgb, var(--sf-line) 45%, var(--sf-paper))}.sf-bar{background:color-mix(in srgb, var(--sig-edge) 45%, transparent);pointer-events:none;position:absolute}.sf-locked{padding:var(--space-8) var(--space-7);color:var(--ink-soft);text-decoration:none;display:block;position:relative}.sf-locked:hover{color:var(--accent);text-decoration:none}.sf-locked-lines{gap:var(--space-3);display:grid}.sf-locked-lines span{background:var(--sf-rule);height:1px}.sf-locked-lines span:nth-child(5n){margin-bottom:var(--space-6)}.sf-locked-mark{place-content:center;justify-items:center;gap:var(--space-2);font-size:22px;display:grid;position:absolute;inset:0}.sf-locked-mark .t-label{font-size:var(--fs-2)}.sf-score-panel.full{z-index:40;background:var(--paper);padding:var(--space-4) var(--space-7) 0;border:0;flex-direction:column;margin:0;animation:none;display:flex;position:fixed;inset:0}.sf-score-panel.full>.sf-score,.sf-score-panel.full>.sf-sk{flex:1;min-height:0}.sf-score.full .sf-view{flex:1;height:auto;max-height:none}body.sf-full{overflow:hidden}body.sf-full .player{right:var(--space-7);bottom:var(--space-7);width:calc(var(--player-min) * 16 / 9);height:var(--player-min);aspect-ratio:auto;z-index:41;margin:0;position:fixed;box-shadow:0 6px 24px #00000059}@media not (min-width:1000px){body.sf-full{--sf-vh:max(var(--player-min), min(56.25vw, 36vh))}body.sf-full .player{width:min(100%, calc(var(--sf-vh) * 16 / 9));height:var(--sf-vh);box-shadow:none;margin:0 auto;inset:0 0 auto}.sf-score-panel.full{padding:calc(var(--sf-vh) + var(--space-3)) var(--space-5) 0}.sf-right{margin-left:0}}@media (not (min-width:1000px)) and (min-aspect-ratio:4/3){body.sf-full{--sf-vw:max(calc(var(--player-min) * 16 / 9), 46vw)}body.sf-full .player{width:var(--sf-vw);height:calc(var(--sf-vw) * 9 / 16);margin:auto 0;inset:0 auto 0 0}.sf-score-panel.full{padding:var(--space-3) var(--space-5) 0 calc(var(--sf-vw) + var(--space-5))}}.sf-lanes{grid-template-columns:var(--sf-name) minmax(0, 1fr);column-gap:var(--space-4);--sf-name:112px;--sf-lane:12px;display:grid}.sf-names,.sf-tracks{grid-auto-rows:var(--sf-lane);row-gap:3px;display:grid}.sf-name{color:var(--ink-soft);text-align:right;white-space:nowrap;text-overflow:ellipsis;line-height:var(--sf-lane);font-size:12px;overflow:hidden}.sf-name.on{color:var(--ink);font-weight:600}.sf-scroll{overscroll-behavior-x:contain;padding:2px 0;overflow:auto hidden}.sf-tracks{cursor:pointer;min-width:100%;position:relative}.sf-track{background:color-mix(in srgb, var(--rule) 60%, transparent);position:relative}.sf-track i{background:var(--sig-bg);opacity:.55;position:absolute;top:0;bottom:0}.sf-track.on i{opacity:.8}.sf-cursor{background:var(--ink);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:-2px;bottom:-2px}@media (max-width:760px){.sf-lanes{--sf-name:78px;--sf-lane:10px}}.sf-after{background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--rule) 55%, transparent) 0 6px, transparent 6px 12px);place-items:center start;display:grid;position:absolute;top:0;bottom:0;right:0}.sf-lock{width:var(--space-10);height:var(--space-10);background:var(--raised);border:var(--border-hairline) solid var(--rule);color:var(--ink-soft);left:calc(50% - var(--space-10) / 2);margin-left:var(--space-6);border-radius:50%;place-items:center;font-size:20px;display:grid;position:sticky}.sf-lock:hover{color:var(--accent);border-color:var(--accent)}.sf-plot{overscroll-behavior-x:contain;width:100%;overflow-x:auto}.sf-plot-in{position:relative}.sf-plot svg{cursor:pointer;display:block}.sf-plot text{fill:var(--ink-soft);font:var(--fs-2) / 1 var(--font-mono)}.sf-plot .grid{stroke:var(--rule);stroke-width:1px}.sf-plot .median{stroke:var(--ink-soft);stroke-dasharray:4 4;stroke-width:1px}.sf-plot .curve{fill:none;stroke:var(--sig-bg);stroke-width:2px;stroke-linejoin:round}.sf-plot .cursor{stroke:var(--ink);stroke-width:1.5px}