@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-ext-400-normal-o4A__6QZ.woff2)format("woff2"),url(/assets/eb-garamond-latin-ext-400-normal-B4EmgUmt.woff)format("woff")}@font-face{font-family:EB Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-ext-400-italic-V7s3nWfX.woff2)format("woff2"),url(/assets/eb-garamond-latin-ext-400-italic-DUSsnRSD.woff)format("woff")}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/eb-garamond-latin-ext-500-normal-BFuc0jzo.woff2)format("woff2"),url(/assets/eb-garamond-latin-ext-500-normal-obw7ZvB_.woff)format("woff")}@font-face{font-family:EB Garamond;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/eb-garamond-latin-ext-500-italic-C7s118Z8.woff2)format("woff2"),url(/assets/eb-garamond-latin-ext-500-italic-D8rZSVDp.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff")}@font-face{font-family:Noto Music;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-music-music-400-normal-CksxHXl6.woff2)format("woff2"),url(/assets/noto-music-music-400-normal-BOLtuVsm.woff)format("woff")}:root{--font-serif:"EB Garamond", Garamond, "Times New Roman", serif;--font-mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;--font-music:"Noto Music", "Bravura Text", serif;--type-display-size:38px;--type-display-line:1;--type-display-weight:400;--type-display-style:normal;--type-display-tracking:normal;--type-title-size:28px;--type-title-line:1.05;--type-title-weight:400;--type-title-style:normal;--type-title-tracking:normal;--type-piece-size:21px;--type-piece-line:1.1;--type-piece-weight:400;--type-piece-style:normal;--type-piece-tracking:normal;--type-stat-size:26px;--type-stat-line:1.1;--type-stat-weight:400;--type-stat-style:normal;--type-stat-tracking:normal;--type-body-size:17px;--type-body-line:1.35;--type-body-weight:400;--type-body-style:normal;--type-body-tracking:normal;--type-body-sm-size:15px;--type-body-sm-line:1.4;--type-body-sm-weight:400;--type-body-sm-style:normal;--type-body-sm-tracking:normal;--type-marginalia-size:16px;--type-marginalia-line:1.4;--type-marginalia-weight:400;--type-marginalia-style:italic;--type-marginalia-tracking:normal;--type-button-size:20px;--type-button-line:1;--type-button-weight:400;--type-button-style:normal;--type-button-tracking:normal;--type-answer-size:24px;--type-answer-line:1;--type-answer-weight:500;--type-answer-style:normal;--type-answer-tracking:normal;--type-label-size:11px;--type-label-line:1.2;--type-label-weight:400;--type-label-style:normal;--type-label-tracking:.14em;--type-meta-size:11px;--type-meta-line:1.3;--type-meta-weight:400;--type-meta-style:normal;--type-meta-tracking:.06em;--type-caption-size:10px;--type-caption-line:1.2;--type-caption-weight:400;--type-caption-style:normal;--type-caption-tracking:.1em;--type-count-size:12px;--type-count-line:1.2;--type-count-weight:400;--type-count-style:normal;--type-count-tracking:normal;--type-tempo-size:30px;--type-tempo-line:1;--type-tempo-weight:500;--type-tempo-style:normal;--type-tempo-tracking:normal;--line-1-sky:#8db3da;--line-2-sky:#d98c95;--line-3-sky:#e0b864;--line-4-sky:#8fc0a0;--sky-ink:#ecebe6;--sky-ink-2:#c4c3bd;--sky-muted:#9a9aa3;--sky-rule:#3a3d48;--sky-path:#5e6270;--sky-dust:#ecebe647;--star:#f6eee8;--star-new:#fff;--star-unlit:#ecebe659;--right:var(--line-4);--wrong:var(--accent);--beat:var(--ink);--downbeat:var(--accent);--focus:var(--ink);--space-2xs:2px;--space-xs:4px;--space-sm:6px;--space-md:8px;--space-lg:12px;--space-xl:18px;--space-2xl:24px;--space-3xl:28px;--space-4xl:48px;--space-5xl:64px;--feather-wipe:192px;--radius-btn:2px;--radius-panel:4px;--radius-card:14px;--radius-pill:999px;--radius-dot:50%;--radius-notecard:10px;--shadow-star:0 0 8px 2px #f6eee859;--shadow-star-new:0 0 12px 3px #ffffff8c;--dur-press:.11s;--dur-release:.24s;--dur-bloom:.48s;--dur-quick:.18s;--dur-card:.48s;--dur-sheet:.42s;--dur-sheet-out:.36s;--dur-swap-in:.2s;--dur-spring-back:.28s;--dur-sky-card:.38s;--dur-star:.72s;--dur-draw:.9s;--dur-beat:.22s;--dur-wash:.26s;--dur-brighten:.6s;--dur-advance:.6s;--dur-wipe:.38s;--dur-reduced:.16s;--dur-shift:.28s;--dur-dock:.4s;--dur-tick:.12s;--dur-slide:.2s;--dur-pop:.24s;--dur-marker:.32s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-card:cubic-bezier(.45, 0, .25, 1);--ease-settle:cubic-bezier(.32, .72, 0, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--size-tap:44px;--size-btn:54px;--size-station:7px;--size-station-here:13px;--size-disc:26px;--size-realization:96px;--size-count-in:120px;--size-tabbar:64px;--page-width:390px;--page-width-wide:640px;--page-width-narrow:480px;--page-width-max:1120px;--aside-width:320px;--aside-width-desk:360px;--measure:560px;--sheet-width:560px;--size-rail:80px;--size-rail-tab:72px;--row-title-size:18px;--display-size-folio:46px;--display-size-desk:52px;--title-size-folio:32px;--piece-size-folio:23px;--body-size-folio:19px;--body-sm-size-folio:16px;--marginalia-size-folio:18px;--stat-size-folio:30px;--label-size-folio:12px;--caption-size-folio:11px;--row-title-size-folio:20px;--shift-off:16px;--scrub-step:12px;--size-scrub:74px;--size-scrub-lg:96px;--size-grip-w:8px;--size-grip-h:12px;--inset-notecard:16px;--drag-slop:8px;--size-lead:36px;--size-lead-wide:40px;--size-scrub-pointer:52px;--size-scrub-pointer-lg:64px;--size-scrub-text:16px;--size-scrub-text-lg:22px;--size-note:400px;--size-plan-col:720px;--size-dock-text:13px;--size-begin:220px;--size-dock-button:320px;--shift-rise:32px;--stroke-hair:.5px;--stroke-rule:1px;--stroke-heavy:1.5px;--stroke-track:2px;--stroke-lit:3px;--stroke-today:7px;--opacity-disabled:.38;--opacity-stack-1:.6;--opacity-stack-2:.3;--opacity-scrim:.32;--opacity-scrim-page:.14;--opacity-wash:.06;--opacity-off:.5;--opacity-dock-wait:.65;--opacity-past:.7;--drag-commit-distance:.35;--drag-commit-velocity:.6;--drag-resist:.25;--fling-gravity:.004;--drag-tilt-total:4;--lift-scale:1.02;--size-tag:160px;--space-ledger-head:14px;--space-ledger-foot:13px;--size-grip-col:20px;--space-ledger-gap:3px;--paper:#f7f7f4;--paper-raised:#fff;--score-paper:#fff;--score-ink:#1d1d1f;--paper-sunk:#efefea;--ink:#1d1d1f;--ink-2:#3a3a3e;--muted:#55555a;--rule:#b9b9b4;--rule-soft:#d5d5d0;--on-ink:#f7f7f4;--accent:#7a1f2b;--ripple:#1d1d1f1f;--line-1:#2f5d8a;--line-2:#7a1f2b;--line-3:#94661a;--line-4:#3d6b4f;--sky:#14161d;--rule-strong:#8f8f8a;--shadow-card:0 -1px 0 #1d1d1f0f, -18px 0 40px -18px #1d1d1f59;--shadow-sheet:0 -12px 40px -16px #1d1d1f59;--shadow-notecard:0 12px 40px -12px #1d1d1f59;--shadow-lift:0 12px 28px -14px #1d1d1f59}@media (prefers-color-scheme:dark){:root{--paper:#1a1c23;--paper-raised:#22252e;--score-paper:#fff;--score-ink:#1d1d1f;--paper-sunk:#15171d;--ink:#ecebe6;--ink-2:#c4c3bd;--muted:#9a9aa3;--rule:#4a4d58;--rule-soft:#33363f;--on-ink:#14161d;--accent:#d98c95;--ripple:#ecebe629;--line-1:#8db3da;--line-2:#d98c95;--line-3:#e0b864;--line-4:#8fc0a0;--sky:#0e1015;--rule-strong:#6b6e7a;--shadow-card:0 -1px 0 #0006, -18px 0 40px -18px #000000b3;--shadow-sheet:0 -12px 40px -16px #000000b3;--shadow-notecard:0 12px 40px -12px #000000b3;--shadow-lift:0 12px 28px -14px #000000b3}}:root[data-theme=paper]{--paper:#f7f7f4;--paper-raised:#fff;--score-paper:#fff;--score-ink:#1d1d1f;--paper-sunk:#efefea;--ink:#1d1d1f;--ink-2:#3a3a3e;--muted:#55555a;--rule:#b9b9b4;--rule-soft:#d5d5d0;--on-ink:#f7f7f4;--accent:#7a1f2b;--ripple:#1d1d1f1f;--line-1:#2f5d8a;--line-2:#7a1f2b;--line-3:#94661a;--line-4:#3d6b4f;--sky:#14161d;--rule-strong:#8f8f8a;--shadow-card:0 -1px 0 #1d1d1f0f, -18px 0 40px -18px #1d1d1f59;--shadow-sheet:0 -12px 40px -16px #1d1d1f59;--shadow-notecard:0 12px 40px -12px #1d1d1f59;--shadow-lift:0 12px 28px -14px #1d1d1f59}:root[data-theme=nocturne]{--paper:#1a1c23;--paper-raised:#22252e;--score-paper:#fff;--score-ink:#1d1d1f;--paper-sunk:#15171d;--ink:#ecebe6;--ink-2:#c4c3bd;--muted:#9a9aa3;--rule:#4a4d58;--rule-soft:#33363f;--on-ink:#14161d;--accent:#d98c95;--ripple:#ecebe629;--line-1:#8db3da;--line-2:#d98c95;--line-3:#e0b864;--line-4:#8fc0a0;--sky:#0e1015;--rule-strong:#6b6e7a;--shadow-card:0 -1px 0 #0006, -18px 0 40px -18px #000000b3;--shadow-sheet:0 -12px 40px -16px #000000b3;--shadow-notecard:0 12px 40px -12px #000000b3;--shadow-lift:0 12px 28px -14px #000000b3}html,body{height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font:var(--type-body-weight) var(--type-body-size) / var(--type-body-line) var(--font-serif);margin:0}@media print{html,body{height:auto;overflow:visible}}.stack{position:fixed;inset:0;overflow:hidden}.wrap,.clip{pointer-events:none;position:absolute;inset:0}.card{pointer-events:auto;background:var(--paper);touch-action:pan-y;box-shadow:var(--shadow-card);transition:transform var(--dur-card) var(--ease-card);outline:none;position:absolute;inset:0;overflow-y:auto}.card-under{transform-origin:top}.scrim{background:var(--sky);opacity:0;pointer-events:none;transition:opacity var(--dur-card) var(--ease-card);position:absolute;inset:0}.stack,[data-leave=right]{--to:translateX(calc(100vw + var(--space-5xl)));--tilt:calc(var(--drag-tilt-total) * 1deg);--ax:1;--ay:0}[data-leave=left]{--to:translateX(calc(-100vw - var(--space-5xl)));--tilt:calc(var(--drag-tilt-total) * -1deg);--ax:-1;--ay:0}[data-leave=down]{--to:translateY(calc(100% + var(--space-5xl)));--tilt:calc(var(--drag-tilt-total) * 1deg);--ax:0;--ay:1}.stack,#tab-leave{--feather:var(--feather-wipe)}@keyframes leave{to{transform:var(--to) rotate(var(--tilt))}}:is(.stack[data-drag]>.wrap-top,.stack:not([data-open])[data-leave]>.wrap-top,.stack[data-open][data-leave]>.wrap-under,#tab-leave>.wrap[data-leave]){will-change:transform}:is(.stack[data-drag]>.wrap-top,.stack:not([data-open])[data-leave]>.wrap-top,.stack[data-open][data-leave]>.wrap-under,#tab-leave>.wrap[data-leave])>.clip{-webkit-mask-image:var(--edge);-webkit-mask-image:var(--edge);mask-image:var(--edge);overflow:hidden}:is(.stack[data-drag]>.wrap-top,.stack:not([data-open])[data-leave]>.wrap-top,.stack[data-open][data-leave]>.wrap-under,#tab-leave>.wrap[data-leave])>.clip>*{will-change:transform}.stack,[data-leave=right]{--edge:linear-gradient(to right, transparent, var(--paper) var(--feather))}[data-leave=left]{--edge:linear-gradient(to left, transparent, var(--paper) var(--feather))}[data-leave=down]{--edge:linear-gradient(to bottom, transparent, var(--paper) var(--feather))}@keyframes wipe-out{to{transform:translate(calc(var(--ax) * 100%), calc(var(--ay) * 100%))}}@keyframes wipe-in{to{transform:translate(calc(var(--ax) * -100%), calc(var(--ay) * -100%))}}:is(.stack:not([data-open])[data-leave]>.wrap-top,.stack[data-open][data-leave]>.wrap-under,#tab-leave>.wrap[data-leave]){animation:wipe-out var(--dur-card) var(--ease-card) forwards}:is(.stack:not([data-open])[data-leave]>.wrap-top,.stack[data-open][data-leave]>.wrap-under,#tab-leave>.wrap[data-leave])>.clip>*{animation:wipe-in var(--dur-card) var(--ease-card) forwards;transition:none}.stack>.wrap-top>.clip>.card-top{visibility:hidden}.stack[data-open]>.wrap-top>.clip>.card-top,.stack[data-leave]>.wrap-top>.clip>.card-top{visibility:visible}.stack[data-open]>.wrap-under>.clip>.card-under{transform:scale(calc(.985 + .015 * var(--p,0)))}.stack[data-open]>.scrim{opacity:calc(var(--opacity-scrim-page) * (1 - var(--p,0)))}.stack[data-open]>:is(.wrap-under>.clip>.card-under,.scrim){transition:none}.stack[data-open][data-leave]>.wrap-under{z-index:2}.stack[data-open][data-leave]>.wrap-under>.clip>.card-under{transform:none}.stack[data-open][data-leave]>.scrim{z-index:1;opacity:0;animation:unscrim var(--dur-card) var(--ease-card) forwards;transition:none}.stack[data-open][data-leave]>.wrap-top>.clip>.card-top{animation:reveal var(--dur-card) var(--ease-card) forwards;transition:none}@keyframes unscrim{0%{opacity:var(--opacity-scrim-page)}}@keyframes reveal{0%{transform:scale(.985)}}.stack[data-open][data-swap]>.wrap-top>.clip>.card-top{animation:swap-in var(--dur-swap-in) var(--ease-settle);transition:none}.stack[data-swap]>.wrap-under>.clip>.card-under{transform:none}.stack[data-swap]>.scrim{opacity:0}.stack[data-open][data-still]>:is(.scrim,.wrap>.clip>.card){transition:none}@keyframes swap-in{0%{opacity:0;transform:scale(.96)}}.stack[data-drag=live]>:is(.scrim,.wrap>.clip>.card){transition:none}.stack[data-drag=back]>:is(.wrap-top,.scrim,.wrap>.clip>.card){transition:transform var(--dur-spring-back) var(--ease-card), opacity var(--dur-spring-back) var(--ease-card)}@media (prefers-reduced-motion:reduce){.card{transition:opacity var(--dur-reduced) linear}.card-top{visibility:visible}.scrim{display:none}.card-top,.stack[data-open]>.wrap>.clip>:is(.card-top,.card-under){transform:none}.card-top{opacity:0}.stack[data-open]>.wrap-top>.clip>.card-top{opacity:1}}:root[data-reduce-motion=true] .card{transition:opacity var(--dur-reduced) linear}:root[data-reduce-motion=true] .card-top{visibility:visible}:root[data-reduce-motion=true] .scrim{display:none}:root[data-reduce-motion=true] .card-top,:root[data-reduce-motion=true] .stack[data-open]>.wrap>.clip>:is(.card-top,.card-under){transform:none}:root[data-reduce-motion=true] .card-top{opacity:0}:root[data-reduce-motion=true] .stack[data-open]>.wrap-top>.clip>.card-top{opacity:1}.root-slot{display:contents}#tab-leave{z-index:3;pointer-events:none;position:fixed;inset:0;overflow:hidden}#tab-leave>.scrim{animation:unscrim var(--dur-card) var(--ease-card) forwards}.root-leave{background:var(--paper);position:absolute;inset:0;overflow:hidden}.root-leave[data-fade]{animation:fade-out var(--dur-reduced) linear forwards}@keyframes fade-out{to{opacity:0}}.root-slot[data-reveal]>*{animation:reveal var(--dur-card) var(--ease-card)}.stack[data-bare]>.wrap-top>.clip>.card-top{box-shadow:none;pointer-events:none;background:0 0;transition:none}.stack[data-bare]>.scrim{display:none}.stack[data-bare][data-open]>.wrap-under>.clip>.card-under{transform:none}.ledger__label{margin-bottom:var(--space-md);display:block}.ledger{border-top:var(--stroke-heavy) solid var(--ink);flex-direction:column;display:flex}.trk+.trk{border-top:var(--stroke-hair) solid var(--rule-strong)}.trk.is-lifted,.trk.is-settling,.pc.is-lifted,.pc.is-settling{z-index:1;background:var(--paper);position:relative}.trk.is-lifted,.pc.is-lifted{box-shadow:var(--shadow-lift)}.trk.is-making-way,.pc.is-making-way{transition:transform var(--dur-slide) var(--ease-card)}.trk.is-settling,.pc.is-settling{transition:transform var(--dur-spring-back) var(--ease-spring)}.th{align-items:center;gap:var(--space-lg);padding:var(--space-ledger-head) 0;display:flex}.thb{appearance:none;color:inherit;font:inherit;align-items:center;gap:var(--space-lg);min-width:0;min-height:var(--size-tap);text-align:start;border-radius:var(--radius-btn);background:0 0;border:0;flex:1;padding:0;display:flex}.thb:focus-visible,.pt:focus-visible,.pr:focus-visible,.mk:focus-visible,.fold:focus-visible{outline:var(--stroke-heavy) solid var(--focus);outline-offset:2px}.thb:hover .nm-t{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule)}.nm{flex-direction:column;flex:1;min-width:0;display:flex}.nm-t{font:var(--type-piece-style) var(--type-piece-weight) var(--type-piece-size) / var(--type-piece-line) var(--font-serif)}.nm .meta{margin-top:var(--space-2xs)}.meta{text-transform:uppercase;color:var(--muted)}.pc{grid-template-columns:var(--size-lead) minmax(0, 1fr) auto var(--size-grip-col);padding:var(--space-md) 0 var(--space-ledger-foot);border-top:var(--stroke-hair) solid var(--rule-soft);align-items:start;display:grid;position:relative}@media (width>=744px) and (height>=500px){.pc{grid-template-columns:var(--size-lead-wide) minmax(0, 1fr) auto var(--size-grip-col)}}.pc{--title-line:calc(1.15 * var(--type-body-size));--centre:calc((var(--title-line) - var(--size-tap)) / 2)}.pc>.mk{margin-top:var(--centre);grid-area:1/1;align-self:start}.pc__main{grid-area:1/2;align-self:start;min-width:0}.pc>.pr{margin-top:var(--centre);grid-area:1/3;align-self:start}.pc>.grip{margin-top:var(--centre);grid-area:1/4;align-self:start}.pc__trk{align-items:center;gap:var(--space-md);margin-top:var(--space-ledger-gap);grid-area:2/2/3/-1;display:flex}.pc__trk .count{padding-inline-end:calc((var(--size-grip-col) - var(--size-grip-w)) / 2)}.pt{appearance:none;color:inherit;text-align:start;max-width:100%;font:400 var(--type-body-size) / 1.15 var(--font-serif);background:0 0;border:0;margin:0;padding:0;display:block;position:relative}.pt:before{content:"";inset:calc(-1 * var(--space-md)) 0 0 0;position:absolute}.pt--plain{color:var(--ink-2)}.pc__meta{margin-top:var(--space-ledger-gap)}.pc__links{flex-direction:column;align-items:flex-start;display:flex}.pr{appearance:none;color:var(--ink);font:var(--type-label-weight) var(--type-label-size) / 1 var(--font-mono);letter-spacing:var(--type-label-tracking);text-transform:uppercase;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);padding:0 var(--space-sm);min-height:var(--size-tap);min-width:var(--size-tap);background:0 0;border:0}.pr:hover{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.pr:disabled{opacity:var(--opacity-disabled)}.pc__chip{padding:var(--stroke-rule) var(--space-sm);border:var(--stroke-rule) solid var(--rule);border-radius:var(--radius-pill);font:var(--type-caption-weight) var(--type-caption-size) / 1.5 var(--font-mono);letter-spacing:var(--type-meta-tracking);color:var(--ink-2);margin-inline-start:var(--space-xs);display:inline-block}.fold{appearance:none;color:var(--ink-2);min-height:var(--size-tap);text-align:start;font:var(--type-label-weight) var(--type-label-size) / 1 var(--font-mono);letter-spacing:var(--type-label-tracking);text-transform:uppercase;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);background:0 0;border:0;margin-inline-start:var(--size-lead);padding:0}.mk{appearance:none;width:var(--size-tap);height:var(--size-tap);background:0 0;border:0;grid-area:1/1;justify-self:center;padding:0;position:relative}.mk:before,.mk:after{content:"";border-radius:var(--radius-dot);box-sizing:border-box;transition:transform var(--dur-spring-back) var(--ease-out), opacity var(--dur-spring-back) var(--ease-out);margin:auto;position:absolute;inset:0}.mk:before{width:var(--size-station);height:var(--size-station);background:var(--rule)}.mk:after{width:var(--size-station-here);height:var(--size-station-here);border:calc(var(--stroke-heavy) + var(--stroke-rule)) solid var(--line);opacity:0;transform:scale(.6)}.mk:hover:before{transform:scale(1.3)}.nx .mk:before{opacity:0;transform:scale(.6)}.nx .mk:after{opacity:1;transition:transform var(--dur-marker) var(--ease-spring), opacity var(--dur-marker) var(--ease-out);transform:none}.nx .mk:hover:before{transform:scale(.6)}.tag{white-space:nowrap;vertical-align:bottom;color:var(--line);letter-spacing:var(--type-meta-tracking);font-weight:500;display:inline-block;overflow:hidden}.tag i{padding-inline-end:var(--space-sm);font-style:normal;display:inline-block}.tag.in{animation:tag-in var(--dur-marker) var(--ease-out)}.tag.in i{animation:tag-text-in var(--dur-marker) var(--ease-out)}.tag.out{animation:tag-out var(--dur-spring-back) var(--ease-card) forwards}.tag.out i{animation:tag-text-out var(--dur-spring-back) var(--ease-card) forwards}@keyframes tag-in{0%{opacity:0;max-width:0}to{max-width:var(--size-tag);opacity:1}}@keyframes tag-out{0%{max-width:var(--size-tag);opacity:1}to{opacity:0;max-width:0}}@keyframes tag-text-in{0%{transform:translate(-100%)}}@keyframes tag-text-out{to{transform:translate(-100%)}}:root[data-reduce-motion=true] .trk.is-making-way,:root[data-reduce-motion=true] .pc.is-making-way,:root[data-reduce-motion=true] .trk.is-settling,:root[data-reduce-motion=true] .pc.is-settling{transition:none}:root[data-reduce-motion=true] .mk:before,:root[data-reduce-motion=true] .mk:after,:root[data-reduce-motion=true] .nx .mk:after{transition:opacity var(--dur-reduced) linear;transform:none}:root[data-reduce-motion=true] .tag.in,:root[data-reduce-motion=true] .tag.out{animation:tag-fade var(--dur-reduced) linear forwards}:root[data-reduce-motion=true] .tag.in i,:root[data-reduce-motion=true] .tag.out i{animation:none}:root[data-reduce-motion=true] .tag.out{animation-direction:reverse}@keyframes tag-fade{0%{opacity:0}to{opacity:1}}:root{--bars-w:64px;--bar-h:3px;--bar-gap:3px;--scard-h:278px;--preview-h:180px;--chart-dim:.55;--bybar-h:76px;--mark:4px}.lchoice{gap:var(--space-md);flex-direction:column;display:flex}.lcard{appearance:none;text-align:start;gap:var(--space-sm);padding:var(--space-lg);border:var(--stroke-rule) solid var(--rule);border-radius:var(--radius-btn);color:var(--ink);font:inherit;isolation:isolate;transition:border-color var(--dur-quick), background-color var(--dur-quick);background:0 0;flex-direction:column;display:flex;overflow:hidden}.lcard[aria-checked=true]{border:var(--stroke-heavy) solid var(--ink);background:var(--paper-raised)}.lcard__top{justify-content:space-between;align-items:center;display:flex}.lcard__level{transition:color var(--dur-quick)}.lcard[aria-checked=true] .lcard__level{color:var(--line)}.lcard__name{font-size:var(--option-size);line-height:1.15}.lbars{gap:var(--bar-gap);width:var(--bars-w);display:flex}.lbars i{height:var(--bar-h);border-radius:var(--radius-btn);background:var(--rule-soft);flex:1}.lbars--on i.is-on{background:var(--line)}.scard{gap:var(--space-lg);box-sizing:border-box;height:100%;padding:var(--space-xl);color:var(--sky-ink);flex-direction:column;display:flex;position:relative}.scard__top{justify-content:space-between;display:flex}.scard__top .caption{color:var(--sky-muted)}.scard__top .scard__level{color:var(--star)}.scard__name{font:italic var(--type-title-weight) var(--type-title-size) / var(--type-title-line) var(--font-serif)}.scard__facts{gap:var(--space-md);padding-top:var(--space-lg);border-top:var(--stroke-rule) solid var(--sky-rule);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.scard__facts dd{font-size:var(--type-piece-size);margin:0}.scard__facts .caption{color:var(--sky-muted)}.scard__look{font:var(--type-body-sm-style) var(--type-body-sm-weight) var(--type-body-sm-size) / var(--type-body-sm-line) var(--font-serif);color:var(--sky-ink-2)}.scard__foot{gap:var(--space-sm);flex-direction:column;margin-top:auto;display:flex}.scard__foot .lbars{gap:var(--space-xs);width:auto}.scard__foot .lbars i{background:var(--sky-rule)}.scard__foot .lbars i.is-on{background:var(--star)}.scard__foot .caption{color:var(--sky-muted)}.sight .pager__panel{height:var(--scard-h)}.sight .pcard{inset:0 0 var(--space-lg) 0}.listrow{appearance:none;text-align:start;grid-template-columns:var(--size-tap) 1fr auto;align-items:center;gap:var(--space-lg);width:100%;padding:var(--space-lg) var(--space-xs);border:0;border-bottom:var(--stroke-hair) solid var(--rule);color:var(--ink);font:inherit;background:0 0;display:grid}.listrow--bare{grid-template-columns:1fr auto}.listrow__title{font-size:var(--row-title-size);line-height:1.2;display:block}.listrow__end{font-family:var(--font-mono);color:var(--muted)}.listrows{border-top:var(--stroke-heavy) solid var(--ink);flex-direction:column;display:flex}.preview{height:var(--preview-h);background:var(--paper-raised);border:var(--stroke-rule) solid var(--rule);border-radius:var(--radius-btn);position:relative;overflow:hidden}.preview>.score{padding:var(--space-md)}.preview .score-note{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chips{gap:var(--space-md);flex-wrap:wrap;display:flex}.label.proofread{border:var(--stroke-hair) solid var(--ink-2);color:var(--ink-2);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);align-self:flex-start}.share{border:var(--stroke-rule) solid var(--accent);color:var(--accent);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);align-self:flex-start}.source{gap:var(--space-xs);border-top:var(--stroke-hair) solid var(--rule);padding-top:var(--space-lg);flex-direction:column;display:flex}.finished__chart{opacity:var(--chart-dim)}.finished__chart[data-bright]{animation:brighten var(--dur-brighten) var(--ease-out) forwards}@keyframes brighten{0%{opacity:var(--chart-dim)}to{opacity:1}}:root[data-reduce-motion=true] .finished__chart[data-bright]{opacity:1;animation:none}.bybar{height:var(--bybar-h);border-top:var(--stroke-hair) solid var(--rule);border-bottom:var(--stroke-hair) solid var(--rule);grid-template-columns:repeat(var(--bars), minmax(0, 1fr));display:grid;position:relative}.bybar:before{content:"";height:var(--stroke-rule);background:var(--rule-soft);position:absolute;top:50%;left:0;right:0}.bybar__bar{border-left:var(--stroke-hair) solid var(--rule-soft);position:relative}.bybar__bar.is-note{background:color-mix(in srgb, var(--accent) 6%, transparent)}.bybar__mark{width:var(--mark);height:var(--mark);margin-left:calc(var(--mark) / -2);border-radius:var(--radius-dot);background:var(--ink);position:absolute}.bybar__mark.is-off{background:var(--accent)}.bybar__n{left:var(--space-2xs);bottom:var(--space-2xs);letter-spacing:0;position:absolute}.listrow__sub{display:block}.movement{gap:var(--space-xs);flex-direction:column;display:flex}.movement__others{column-gap:var(--space-lg);row-gap:var(--space-xs);flex-wrap:wrap;display:flex}.work>summary{cursor:pointer;list-style:none}.work>summary::-webkit-details-marker{display:none}.work[open]>summary .listrow__end{display:inline-block;transform:rotate(90deg)}.work__movements .listrow{padding-inline-start:var(--space-lg)}:root{--chart-ratio:342 / 232;--dot-ahead:5px;--ring:20px;--pager-h:318px;--dot-sel:1.3}.chart{aspect-ratio:var(--chart-ratio);border-radius:var(--radius-panel);background:var(--sky);color:var(--sky-ink);box-shadow:0 0 0 var(--stroke-rule) var(--sky-rule);position:relative;overflow:hidden}.chart__svg{width:100%;height:100%;position:absolute;inset:0}.chart__path{fill:none;stroke-width:var(--stroke-rule);vector-effect:non-scaling-stroke}.chart__path--done{stroke:var(--tint);opacity:.6;stroke-dasharray:1;animation:draw var(--dur-draw) var(--ease-out) backwards}.chart__path--ahead{stroke:var(--sky-path);stroke-dasharray:2 4}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.dot{border-radius:var(--radius-dot);background:var(--star);animation:dot-in var(--dur-star) var(--ease-spring) backwards;transition:transform var(--dur-quick) var(--ease-out);border:0;padding:0;position:absolute}.dot:after{content:"";width:var(--size-tap);height:var(--size-tap);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chart__pulse{border:var(--stroke-heavy) solid var(--tint);border-radius:var(--radius-dot);box-sizing:border-box;pointer-events:none;animation:pulse var(--dur-bloom) var(--ease-out) forwards;position:absolute}@keyframes pulse{0%{opacity:1}to{opacity:.5}}@keyframes pulse-fade{0%{opacity:.9}to{opacity:0}}.dot--ahead{width:var(--dot-ahead);height:var(--dot-ahead);margin:calc(var(--dot-ahead) / -2) 0 0 calc(var(--dot-ahead) / -2);border:var(--stroke-rule) solid var(--star-unlit);box-sizing:border-box;background:0 0;animation:none}@keyframes dot-in{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.5)}to{transform:scale(1)}}.chart__ring{width:var(--ring);height:var(--ring);margin:calc(var(--ring) / -2) 0 0 calc(var(--ring) / -2);box-sizing:border-box;border:var(--stroke-rule) solid var(--tint);border-radius:var(--radius-dot);pointer-events:none;position:absolute}.chart__next{margin:var(--space-md) 0 0 calc(var(--space-xl) * -1);font:italic var(--type-body-sm-size) / 1 var(--font-serif);color:var(--tint);white-space:nowrap;position:absolute}.chart__caption{left:var(--space-lg);bottom:var(--space-md);color:var(--sky-muted);position:absolute}.chart-stack{padding-bottom:var(--space-lg);position:relative}.chart-stack:before,.chart-stack:after{content:"";border-radius:var(--radius-panel);background:var(--sky);position:absolute;bottom:0}.chart-stack:before{left:calc(var(--space-lg) + var(--space-xs) + var(--space-2xs));right:calc(var(--space-lg) + var(--space-xs) + var(--space-2xs));height:calc(100% - var(--space-xs));opacity:var(--opacity-stack-2)}.chart-stack:after{left:var(--space-md);right:var(--space-md);height:calc(100% - var(--space-xs));opacity:var(--opacity-stack-1)}.chart-stack>.chart{z-index:1;position:relative}.dotkey{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.dotkey__dots{align-items:center;gap:var(--space-lg);display:flex}.dotkey__dot{align-items:center;gap:var(--space-xs);display:flex}.dotkey__dot i{border-radius:var(--radius-dot);background:var(--ink)}.stats{gap:var(--space-lg) var(--space-xl);border-top:var(--stroke-hair) solid var(--rule);padding-top:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.stat{flex-direction:column;display:flex}.stat dd{margin:0}.stat__v{font:var(--type-stat-weight) var(--type-stat-size) / var(--type-stat-line) var(--font-serif)}.stat__v small{font-size:var(--type-body-size);color:var(--muted)}.pager{gap:var(--space-xl);outline:none;flex-direction:column;display:flex}.pager:focus-visible{outline:var(--stroke-heavy) solid var(--focus);outline-offset:var(--space-xs)}.pager__panel{height:var(--pager-h);touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative}.pcard{--d:0;inset:0 0 calc(var(--space-sm) * 2) 0;border-radius:var(--radius-panel);background:color-mix(in srgb, var(--sky-ink) 6%, var(--sky));box-shadow:0 0 0 var(--stroke-rule) var(--sky-rule);transform-origin:50% 100%;will-change:transform;transform:translateY(calc(var(--space-sm) * var(--d))) scale(calc(1 - .045 * var(--d)));transition:transform var(--dur-sky-card) var(--ease-settle);position:absolute;overflow:hidden}.pcard__dim{background:var(--sky);pointer-events:none;opacity:min(calc(var(--d) * .45), calc(.15 + var(--d) * .3));transition:opacity var(--dur-sky-card) var(--ease-settle);position:absolute;inset:0}.pager__panel[data-drag=live] .pcard,.pager__panel[data-drag=live] .pcard__dim{transition:none}.pager__panel[data-drag=back] .pcard{transition-duration:var(--dur-spring-back)}.pcard--out{z-index:20;animation:pager-out calc(var(--dur-sky-card) * .85) var(--ease-in) forwards}.pcard--in{animation:pager-in var(--dur-sky-card) var(--ease-settle);z-index:20!important}.pcard--drop{animation:pager-fade-out var(--dur-sky-card) var(--ease-settle) forwards}.pcard--back{animation:pager-fade var(--dur-sky-card) var(--ease-settle)}@keyframes pager-out{0%{transform:translateX(var(--from,0px))}to{transform:translate(-108%)rotate(-1.5deg)}}@keyframes pager-in{0%{transform:translate(-108%)rotate(-1.5deg)}to{transform:translateY(0)scale(1)}}@keyframes pager-fade{0%{opacity:0}}.pager__controls{justify-content:space-between;align-items:center;display:flex}.pager__btn{appearance:none;width:var(--size-tap);height:var(--size-tap);border-radius:var(--radius-dot);border:var(--stroke-rule) solid var(--sky-rule);color:var(--sky-ink);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.pager__btn:disabled{opacity:var(--opacity-disabled)}.pager__dots{gap:var(--space-sm);justify-content:center;display:flex}.pager__dots i{width:var(--dot-ahead);height:var(--dot-ahead);border-radius:var(--radius-dot);background:var(--sky-rule);transition:background-color var(--dur-quick) var(--ease-out), transform var(--dur-quick) var(--ease-out)}.pager__dots i.is-on{background:var(--sky-ink);transform:scale(var(--dot-sel))}:root[data-reduce-motion=true] .dot,:root[data-reduce-motion=true] .chart__path--done{animation:none}:root[data-reduce-motion=true] .pcard,:root[data-reduce-motion=true] .pcard__dim,:root[data-reduce-motion=true] .pager__dots i{transition:opacity var(--dur-reduced) linear}:root[data-reduce-motion=true] .pcard--in,:root[data-reduce-motion=true] .pcard--back{animation:pager-fade var(--dur-reduced) linear}:root[data-reduce-motion=true] .pcard--out,:root[data-reduce-motion=true] .pcard--drop{animation:pager-fade-out var(--dur-reduced) linear forwards}:root[data-reduce-motion=true] .chart__pulse{animation:pulse-fade var(--dur-reduced) linear forwards}@keyframes pager-fade-out{to{opacity:0}}.chart--mini{border-radius:var(--radius-btn)}.chart--mini .chart__path--done{animation:none}.dot--past{opacity:.7;animation:none}.seg{background:var(--paper-sunk);border-radius:var(--radius-pill);grid-auto-columns:1fr;grid-auto-flow:column;padding:3px;display:inline-grid;position:relative}.seg-ind{width:calc((100% - 6px) / var(--n));border-radius:var(--radius-pill);background:var(--ink);transform:translateX(calc(var(--i) * 100%));transition:transform var(--dur-quick) var(--ease-settle);position:absolute;top:3px;bottom:3px;left:3px}.seg button{z-index:1;appearance:none;height:32px;min-width:var(--size-tap);font:var(--type-meta-weight) var(--type-meta-size) / 1 var(--font-mono);letter-spacing:var(--type-meta-tracking);color:var(--muted);border-radius:var(--radius-pill);text-transform:uppercase;white-space:nowrap;transition:color var(--dur-quick) var(--ease-settle);background:0 0;border:0;padding:0 10px;position:relative}.seg button[aria-checked=true]{color:var(--on-ink)}.chip{appearance:none;border-radius:var(--radius-pill);border:var(--stroke-rule) solid var(--rule);height:32px;color:var(--ink);font:var(--type-meta-weight) var(--type-meta-size) / 1 var(--font-mono);letter-spacing:var(--type-meta-tracking);text-transform:uppercase;white-space:nowrap;transition:transform var(--dur-release) var(--ease-spring);background:0 0;padding:0 12px}.chip.is-on{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}.icon-btn{appearance:none;width:var(--size-tap);height:var(--size-tap);border-radius:var(--radius-dot);border:var(--stroke-rule) solid var(--rule);color:var(--ink);transition:transform var(--dur-release) var(--ease-spring);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn.solid{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.icon-btn.rec{border-color:var(--accent);color:var(--accent)}.icon-btn.rec[aria-pressed=true]{background:var(--accent);color:var(--on-ink)}:is(.seg button,.chip,.icon-btn,.text-btn):focus-visible{outline:var(--stroke-heavy) solid var(--focus);outline-offset:2px}:root[data-reduce-motion=true] .seg-ind{transition-duration:var(--dur-reduced)}.text-btn{appearance:none;color:inherit;font:inherit;transition:transform var(--dur-release) var(--ease-spring);background:0 0;border:0;padding:0}.text-btn.back{font:var(--type-label-weight) var(--type-label-size) / 1 var(--font-mono);letter-spacing:var(--type-label-tracking);color:var(--muted);text-transform:uppercase}.stack-sm{gap:var(--space-xs);flex-direction:column;display:flex}.piece__actions{gap:var(--space-lg);flex-direction:row}.piece__actions .button{flex:1;width:auto}.iconbtn{appearance:none;flex:0 0 var(--size-btn);height:var(--size-btn);border:var(--stroke-rule) solid var(--rule);border-radius:var(--radius-btn);color:var(--ink);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.iconbtn:focus-visible{outline:var(--stroke-heavy) solid var(--focus);outline-offset:2px}.piece .link,.stack-lg .link{align-self:flex-start}.settings{border-top:var(--stroke-heavy) solid var(--ink);flex-direction:column;display:flex}.setting{justify-content:space-between;align-items:center;gap:var(--space-lg);min-height:var(--choice-h);padding:var(--space-lg) var(--space-xs);border-bottom:var(--stroke-hair) solid var(--rule);display:flex}.setting__text{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.stepper{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.stepper__btn{border-color:var(--rule);color:var(--ink);font:var(--type-body-size) / 1 var(--font-serif)}.setting .piece{font-size:var(--row-title-size)}.stepper__v{width:var(--stepper-w);text-align:center;font:var(--type-count-style) var(--type-count-weight) var(--type-count-size) / var(--type-count-line) var(--font-mono)}:root{--stepper-w:72px}.is-dark{--paper:var(--sky);--paper-raised:color-mix(in srgb, var(--sky-ink) 6%, var(--sky));--paper-sunk:var(--sky);--ink:var(--sky-ink);--ink-2:var(--sky-ink-2);--muted:var(--sky-muted);--rule:var(--sky-rule);--rule-soft:var(--sky-rule);--on-ink:var(--sky);--accent:var(--line-2-sky);--focus:var(--sky-ink);--beat:var(--sky-ink);--downbeat:var(--line-2-sky);--wrong:var(--line-2-sky);--right:var(--line-4-sky);--ripple:color-mix(in srgb, var(--sky-ink) 16%, transparent);--line-1:var(--line-1-sky);--line-2:var(--line-2-sky);--line-3:var(--line-3-sky);--line-4:var(--line-4-sky);background:var(--sky);color:var(--ink)}.is-dark--card{flex-direction:column;min-height:100%;display:flex}.is-dark--card>.page{flex:1;width:100%}.fcard__chart .chart{inset:0 0 var(--space-4xl) 0;aspect-ratio:auto;box-shadow:none;background:0 0;border-radius:0;position:absolute}.fcard__chart .chart__caption{display:none}.fcard__failed{inset:var(--space-xl);gap:var(--space-lg);z-index:2;flex-direction:column;align-items:flex-start;display:flex;position:absolute}.fcard__failed~.fcard__chart{display:none}.fcard__foot{left:var(--space-xl);right:var(--space-xl);bottom:var(--space-lg);justify-content:space-between;align-items:baseline;gap:var(--space-lg);z-index:1;display:flex;position:absolute}.fcard__title{font:italic var(--type-piece-weight) var(--type-body-size) / var(--type-piece-line) var(--font-serif)}.fcard__foot .caption{color:var(--sky-muted);text-align:end;white-space:nowrap;flex-shrink:0}.setting--wrap{flex-wrap:wrap}.setting__note{flex-basis:100%}.daygrid{grid-template-rows:repeat(7,14px);grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:column;gap:4px;display:grid}.daygrid>span{background:var(--rule-soft);border-radius:2px}.daygrid>.is-on{background:var(--ink)}:root{--seg-h:32px;--toggle-w:46px;--toggle-h:28px;--toggle-knob:19px;--otp-h:58px;--input-size:22px;--option-size:19px;--disc-size:14px;--disc-sm:20px;--hero-h:300px;--choice-h:52px;--radio:18px;--radio-dot:8px;--pips-w:90px;--skeleton-h:64px}.page{box-sizing:border-box;max-width:var(--page-width);min-height:100%;padding:max(var(--space-3xl), env(safe-area-inset-top)) var(--space-2xl) var(--space-2xl);gap:var(--space-xl);flex-direction:column;margin:0 auto;display:flex}.page__action{gap:var(--space-lg);flex-direction:column;margin-top:auto;display:flex}.page__action .button{width:100%}.page__action--row{flex-direction:row}.page__action--row .button{flex:1;width:auto}.page__action--row .button:last-child{flex:1.4}.root-page{box-sizing:border-box;min-height:100%;padding-bottom:calc(var(--size-tabbar) + env(safe-area-inset-bottom));flex-direction:column;display:flex}.root-page>.page{flex:1;width:100%}.label{font:var(--type-label-style) var(--type-label-weight) var(--type-label-size) / var(--type-label-line) var(--font-mono);letter-spacing:var(--type-label-tracking)}.meta{font:var(--type-meta-style) var(--type-meta-weight) var(--type-meta-size) / var(--type-meta-line) var(--font-mono);letter-spacing:var(--type-meta-tracking)}.caption{font:var(--type-caption-style) var(--type-caption-weight) var(--type-caption-size) / var(--type-caption-line) var(--font-mono);letter-spacing:var(--type-caption-tracking)}.count{font:var(--type-count-style) var(--type-count-weight) var(--type-count-size) / var(--type-count-line) var(--font-mono);color:var(--ink)}.label,.meta,.caption{text-transform:uppercase;color:var(--muted)}.display{font:var(--type-display-style) var(--type-display-weight) var(--type-display-size) / var(--type-display-line) var(--font-serif);margin:0}.piece{font:var(--type-piece-style) var(--type-piece-weight) var(--type-piece-size) / var(--type-piece-line) var(--font-serif)}.body{font:var(--type-body-style) var(--type-body-weight) var(--type-body-size) / var(--type-body-line) var(--font-serif);color:var(--ink-2);margin:0}.body-sm{font:var(--type-body-sm-style) var(--type-body-sm-weight) var(--type-body-sm-size) / var(--type-body-sm-line) var(--font-serif);color:var(--ink-2)}.body-sm[role=alert]{color:var(--accent)}.stack-lg{gap:var(--space-lg);flex-direction:column;display:flex}.header{gap:var(--space-sm);flex-direction:column;display:flex}.header__top{justify-content:space-between;align-items:baseline;gap:var(--space-lg);display:flex}.rule-heavy{border:0;border-top:var(--stroke-heavy) solid var(--ink);margin:var(--space-lg) 0 0}.press{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--dur-release) var(--ease-spring), background-color var(--dur-quick) var(--ease-out);position:relative}.press.is-pressed{transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-quick) var(--ease-out);transform:scale(.97)}.press[data-press=row].is-pressed{background-color:var(--paper-sunk);transform:none}.press:focus-visible,.input:focus-visible{outline:var(--stroke-heavy) solid var(--focus);outline-offset:2px}.bloom{border-radius:var(--radius-dot);pointer-events:none;background:var(--ripple);animation:bloom var(--dur-bloom) var(--ease-out) forwards;z-index:0;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes bloom{0%{opacity:1;transform:translate(-50%,-50%)scale(0)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@keyframes bloom-fade{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.link{appearance:none;font:inherit;color:var(--ink);padding:var(--space-xs) 0;min-height:var(--size-tap);align-items:center;gap:var(--space-md);text-align:start;background:linear-gradient(currentColor,currentColor);background-size:0% var(--stroke-rule);transition:background-size var(--dur-quick) var(--ease-out);background-position:0 100%;background-repeat:no-repeat;background-clip:content-box;border:0;display:inline-flex}.link:hover,.link.is-pressed{background-size:100% var(--stroke-rule)}.link:disabled{color:var(--muted);background-size:0% var(--stroke-rule)}.link.label{font:var(--type-label-style) var(--type-label-weight) var(--type-label-size) / var(--type-label-line) var(--font-mono);color:var(--muted)}.back{font-family:var(--font-mono);font-size:var(--type-label-size);letter-spacing:var(--type-label-tracking);color:var(--muted);text-transform:uppercase}.mark{color:var(--accent)}.hero{height:var(--hero-h);border-radius:var(--radius-panel);background:var(--sky);flex-shrink:0;position:relative;overflow:hidden}.hero svg{width:100%;height:100%;position:absolute;inset:0}.hero__path{fill:none;stroke:var(--line-2-sky);stroke-width:var(--stroke-rule);opacity:.6}.hero__dot{fill:var(--star)}.hero__caption{left:var(--space-lg);bottom:var(--space-md);color:var(--sky-muted);position:absolute}.line{gap:var(--space-md);padding:var(--space-lg) var(--space-xs) var(--space-xs);border-radius:var(--radius-btn);box-sizing:border-box;flex-direction:column;display:flex}button.line{appearance:none;color:inherit;font:inherit;text-align:start;background:0 0;border:0;width:100%}.line__head{align-items:center;gap:var(--space-lg);display:flex}.line__name{flex-direction:column;flex:1;min-width:0;display:flex}.line__track{align-items:center;gap:var(--space-md);padding-inline-start:calc(var(--size-disc) + var(--space-lg));display:flex}.l1{--line:var(--line-1)}.l2{--line:var(--line-2)}.l3{--line:var(--line-3)}.l4{--line:var(--line-4)}.disc{width:var(--size-disc);height:var(--size-disc);border-radius:var(--radius-dot);background:var(--line);color:var(--on-ink);font-size:var(--disc-size);flex-shrink:0;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.line--compact{padding-top:var(--space-md)}.line--compact .disc{width:var(--disc-sm);height:var(--disc-sm);font-size:var(--type-label-size)}.line--compact .piece{font-size:var(--type-body-size)}.line--compact .track{flex:0 40%}.track{height:var(--size-station-here);flex:1;align-items:center;min-width:0;display:flex;position:relative}.track:before{content:"";left:0;right:0;top:calc(50% - var(--stroke-track) / 2);height:var(--stroke-track);background:var(--rule-soft);position:absolute}.track__lit{left:0;top:calc(50% - var(--stroke-lit) / 2);height:var(--stroke-lit);background:var(--line);transform-origin:0;animation:grow var(--dur-draw) var(--ease-out) both;position:absolute}.track__stations{flex:1;justify-content:space-between;align-items:center;display:flex;position:relative}.station{width:var(--size-station);height:var(--size-station);border-radius:var(--radius-dot);box-sizing:border-box;background:var(--paper);border:var(--stroke-heavy) solid var(--rule);flex-shrink:0}.station.is-lit{background:var(--line);border:0}.station.is-here{width:var(--size-station-here);height:var(--size-station-here);border:calc(var(--stroke-heavy) + var(--stroke-rule)) solid var(--ink)}.terminal{color:var(--rule);flex-shrink:0}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lines{gap:var(--space-lg);border-top:var(--stroke-heavy) solid var(--ink);flex-direction:column;display:flex}.grip__dots{width:var(--size-grip-w);height:var(--size-grip-h)}.grip{appearance:none;color:var(--rule);width:var(--size-grip-col);height:var(--size-tap);touch-action:none;cursor:grab;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.grip:before{content:"";inset:0 calc(-1 * var(--space-lg));position:absolute}.line--skeleton{height:var(--skeleton-h);margin-top:var(--space-lg);background:var(--paper-sunk);border-radius:var(--radius-btn);animation:pulse var(--dur-draw) var(--ease-out) infinite alternate}.marginalia{gap:var(--space-lg);display:flex}.marginalia:before{content:"";background:var(--accent);flex-shrink:0;width:2px}.marginalia p{font:var(--type-marginalia-style) var(--type-marginalia-weight) var(--type-marginalia-size) / var(--type-marginalia-line) var(--font-serif);color:var(--accent);margin:0}.field{gap:var(--space-xs);flex-direction:column;display:flex}.input{box-sizing:border-box;height:var(--size-btn);border:0;border-bottom:var(--stroke-heavy) solid var(--ink);font-family:var(--font-serif);font-size:var(--input-size);color:var(--ink);padding:0 var(--space-2xs);background:0 0;border-radius:0}.input::placeholder{color:var(--rule)}.input:focus{border-bottom-color:var(--accent)}.otp{gap:var(--space-md);grid-template-columns:repeat(6,1fr);display:grid;position:relative}.otp__cell{height:var(--otp-h);border-bottom:var(--stroke-heavy) solid var(--rule);font:var(--type-stat-weight) var(--type-stat-size) / var(--type-stat-line) var(--font-mono);justify-content:center;align-items:center;display:flex;position:relative}.otp__cell.is-filled{border-color:var(--ink);animation:pop var(--dur-release) var(--ease-spring)}.otp__cell.is-active{border-color:var(--accent)}.otp__input{opacity:0;width:100%;height:100%;font-size:var(--type-body-size);position:absolute;inset:0}.otp:focus-within{outline:var(--stroke-heavy) solid var(--focus);outline-offset:var(--space-xs)}.otp.is-wrong{animation:shake var(--dur-release) var(--ease-out)}.otp.is-wrong .otp__cell{border-color:var(--wrong);color:var(--wrong)}@keyframes pop{0%{transform:scale(.7)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}@keyframes fade{0%{opacity:.4}to{opacity:1}}.pips{gap:var(--space-xs);width:var(--pips-w);display:flex}.pips i{background:var(--rule-soft);border-radius:2px;flex:1;height:3px}.pips i.is-right{background:var(--right)}.pips i.is-wrong{background:var(--wrong)}.pips i.is-now{background:var(--ink)}.pips--full{width:auto}.choices{flex-direction:column;display:flex}.choice{appearance:none;text-align:start;border:0;border-bottom:var(--stroke-hair) solid var(--rule);width:100%;font:inherit;color:var(--ink);grid-template-columns:var(--size-disc) 1fr auto;gap:var(--space-lg);min-height:var(--choice-h);padding:var(--space-md) var(--space-xs);isolation:isolate;background:0 0;align-items:center;display:grid;overflow:hidden}.choice[aria-checked=true]{background:var(--paper-sunk)}.choice__title{font-size:var(--row-title-size);line-height:1.2;display:block}.choice__sub{font:var(--type-caption-style) var(--type-caption-weight) var(--type-caption-size) / var(--type-caption-line) var(--font-mono);letter-spacing:var(--type-meta-tracking);color:var(--muted);text-transform:uppercase}.choice__end{font:var(--type-meta-style) var(--type-meta-weight) var(--type-meta-size) / var(--type-meta-line) var(--font-mono);color:var(--muted);text-transform:uppercase}.radio{width:var(--radio);height:var(--radio);border-radius:var(--radius-dot);border:var(--stroke-heavy) solid var(--ink);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.radio i{width:var(--radio-dot);height:var(--radio-dot);border-radius:var(--radius-dot);background:var(--ink);opacity:0;transition:opacity var(--dur-quick)}[aria-checked=true] .radio i{opacity:1}.row-between{justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.reminder{border-top:var(--stroke-hair) solid var(--rule);padding-top:var(--space-lg)}.seg{background:var(--paper-sunk);border-radius:var(--radius-pill);grid-auto-columns:1fr;grid-auto-flow:column;padding:3px;display:inline-grid}.seg button{appearance:none;height:var(--seg-h);min-width:40px;font:var(--type-label-style) var(--type-label-weight) var(--type-label-size) / 1 var(--font-mono);letter-spacing:var(--type-meta-tracking);color:var(--muted);border-radius:var(--radius-pill);text-transform:uppercase;white-space:nowrap;transition:background-color var(--dur-quick) var(--ease-out), color var(--dur-quick) var(--ease-out);background:0 0;border:0;padding:0 10px;position:relative}.seg button:after,.toggle:after{content:"";height:var(--size-tap);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.seg button[aria-checked=true]{background:var(--ink);color:var(--on-ink)}.seg--four{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.option{appearance:none;text-align:start;gap:var(--space-xs) var(--space-lg);border:var(--stroke-rule) solid var(--rule);font:inherit;color:var(--ink);isolation:isolate;background:0 0;border-radius:2px;grid-template-columns:1fr auto;width:100%;padding:14px;display:grid;overflow:hidden}.option[aria-checked=true]{border:var(--stroke-heavy) solid var(--ink);background:var(--paper-raised)}.option:disabled{opacity:var(--opacity-disabled)}.option__name{font-size:var(--option-size)}.option__sub{grid-column:1/-1}.toggle{appearance:none;width:var(--toggle-w);height:var(--toggle-h);border-radius:var(--radius-pill);border:var(--stroke-heavy) solid var(--ink);background:0 0;flex-shrink:0;padding:0;position:relative}.toggle:before{content:"";width:var(--toggle-knob);height:var(--toggle-knob);border-radius:var(--radius-dot);background:var(--ink);transition:transform var(--dur-quick) var(--ease-spring), background-color var(--dur-quick);position:absolute;top:3px;left:3px}.toggle[aria-checked=true]{background:var(--ink)}.toggle[aria-checked=true]:before{background:var(--paper);transform:translate(18px)}.toggle:disabled{opacity:var(--opacity-disabled)}.tabbar{inset-inline:0;z-index:4;transition:opacity var(--dur-quick) linear, background-color var(--dur-quick) linear, color var(--dur-quick) linear;height:var(--size-tabbar);padding-bottom:env(safe-area-inset-bottom);border-top:var(--stroke-rule) solid var(--rule);background:var(--paper);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0}.tab{appearance:none;color:var(--muted);font-family:var(--font-mono);font-size:var(--type-caption-size);letter-spacing:var(--type-caption-tracking);text-transform:uppercase;isolation:isolate;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;overflow:hidden}.tab.is-on{color:var(--ink)}:root[dir=rtl] .tabmark{transform:translateX(calc(var(--i) * -100%))}.tabbar[data-away]{opacity:0;pointer-events:none}.tabmark{top:0;width:20%;height:var(--stroke-heavy);background:var(--ink);transform:translateX(calc(var(--i) * 100%));transition:transform var(--dur-quick) var(--ease-settle);pointer-events:none;position:absolute;inset-inline-start:0}:root[data-reduce-motion=true] .press,:root[data-reduce-motion=true] .press.is-pressed{transition:background-color var(--dur-reduced) var(--ease-out);transform:none}:root[data-reduce-motion=true] .bloom{animation:bloom-fade var(--dur-reduced) linear forwards;transform:translate(-50%,-50%)scale(1)}:root[data-reduce-motion=true] .track__lit,:root[data-reduce-motion=true] .line--skeleton{animation:none}:root[data-reduce-motion=true] .otp.is-wrong,:root[data-reduce-motion=true] .otp__cell.is-filled{animation:fade var(--dur-reduced) linear}:root[data-reduce-motion=true] .toggle:before{transition:background-color var(--dur-reduced)}.visually-hidden{width:var(--stroke-rule);height:var(--stroke-rule);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}:root[dir=rtl] :is(.score,.chart,.pager__panel,.track,.line__track,.timing-line,.daygrid,.bybar,.keys,.staff,.seg,.toggle,.scr,.realization){direction:ltr}.score-head,.dock,.metro{--type-label-size:11px;--type-meta-size:11px;--type-caption-size:10px;--type-body-size:17px;--type-body-sm-size:15px;--type-marginalia-size:16px}.spread-only{display:none}.settings-groups{display:contents}.settings-group{gap:var(--space-xl);flex-direction:column;display:flex}.duo__art,.duo__body{display:contents}.duo__art--wide{display:none}.page__main,.page__aside{display:contents}@media (width>=744px) and (height>=500px){:root{--page-width:var(--page-width-max);--type-display-size:var(--display-size-folio);--type-title-size:var(--title-size-folio);--type-piece-size:var(--piece-size-folio);--type-body-size:var(--body-size-folio);--type-body-sm-size:var(--body-sm-size-folio);--type-marginalia-size:var(--marginalia-size-folio);--type-stat-size:var(--stat-size-folio);--type-label-size:var(--label-size-folio);--type-meta-size:var(--label-size-folio);--type-caption-size:var(--caption-size-folio);--row-title-size:var(--row-title-size-folio);--hero-h:360px;--size-disc:30px;--disc-size:16px}.page{--quiz-prompt-h:260px;--key-h:180px}.is-dark{--pager-h:420px}.stack-sm .daygrid{grid-template-rows:repeat(7,18px)}.root-page{grid-template-columns:calc(var(--size-rail) + env(safe-area-inset-left)) minmax(0, 1fr);grid-template-areas:".page";padding-bottom:0;display:grid}.root-page>.page{grid-area:page;min-width:0}.tabbar{inset-inline-end:auto;width:calc(var(--size-rail) + env(safe-area-inset-left));box-sizing:border-box;grid-template-columns:none;grid-auto-rows:var(--size-rail-tab);height:100dvh;padding:var(--space-4xl) 0 0 env(safe-area-inset-left);border-top:0;border-inline-end:var(--stroke-rule) solid var(--rule);align-content:start;top:0;bottom:auto}.tabbar .tab{padding-top:var(--space-lg);justify-content:flex-start}.tabmark{top:var(--space-4xl);width:var(--stroke-heavy);height:var(--size-rail-tab);transform:translateY(calc(var(--i) * 100%));inset-inline:auto 0}.page{max-width:calc(var(--page-width) + 2 * var(--space-4xl));padding:max(var(--space-4xl), env(safe-area-inset-top)) var(--space-4xl) var(--space-2xl)}.header .body,.page .body,.marginalia{max-width:var(--measure)}.page--duo{max-width:calc(var(--page-width-max) + 2 * var(--space-4xl));column-gap:var(--space-4xl);grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;align-items:center;display:grid}.duo__art,.duo__art--wide{display:block}.duo__art .hero{aspect-ratio:342/300;height:auto}.duo__body{gap:var(--space-xl);flex-direction:column;min-width:0;display:flex}.duo__body>.page__action{margin-top:var(--space-lg)}.link.back{min-height:var(--size-tap);padding-block:var(--space-md)}.options .options-sheet{left:var(--space-2xl);right:var(--space-2xl);bottom:var(--space-2xl);width:min(100% - 2 * var(--space-2xl), var(--sheet-width));margin-inline:auto}.options .options-sheet:has(.save-cols){width:calc(100% - 2 * var(--space-2xl));max-height:60%}.save-cols.save-cols{width:100%;max-width:var(--page-width-max);column-gap:var(--space-2xl);row-gap:var(--space-lg);--mini-sheet-w:160px;grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) auto minmax(0,1.4fr);align-items:start;margin-inline:auto;display:grid}.save-judge .options-row{flex-wrap:wrap;row-gap:0}.save-cols>.header{overflow-wrap:anywhere;grid-column:1/3;min-width:0}.save-top.save-top{display:contents}.save-top .stats{grid-area:2/1}.save-top .sheet-chart{grid-area:2/2}.save-judge.save-judge{gap:var(--space-lg);flex-direction:column;grid-area:1/3/4;min-width:0;display:flex}.save-alert,.save-actions.save-actions{grid-area:4/1/auto/-1}.save-alert+.save-actions.save-actions{grid-row:5}.save-alert{text-align:end;margin:0}.save-actions.save-actions{flex-wrap:nowrap;justify-content:flex-end}.save-actions.save-actions .button{flex:none;min-width:160px}.save-actions.save-actions .save-link{flex:none;order:-1;margin-inline-end:auto}}@media (width>=1100px) and (height>=500px){.page--wide{max-width:calc(var(--page-width-max) + 2 * var(--space-4xl))}.page--wide .lchoice{gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.page--wide>.page__action{min-width:var(--aside-width);align-self:flex-end}.page--wide>.page__action .button{white-space:nowrap}.page--split{max-width:calc(var(--page-width-max) + 2 * var(--space-4xl));grid-template-columns:minmax(0, 1fr) var(--aside-width);gap:var(--space-xl) var(--space-4xl);grid-template-rows:auto 1fr;grid-template-areas:"head head""main aside";display:grid}.page--split-start{grid-template-columns:var(--aside-width) minmax(0, 1fr);grid-template-areas:"head head""aside main"}.page--split>.header{grid-area:head}.page__main{grid-area:main}.page__aside{grid-area:aside}.page__main,.page__aside{gap:var(--space-xl);flex-direction:column;min-width:0;display:flex}.page__aside{border-top:var(--stroke-heavy) solid var(--ink);padding-top:var(--space-lg)}.settings-groups{columns:2;column-gap:var(--space-4xl);display:block}.settings-group{break-inside:avoid;margin-bottom:var(--space-xl)}.page--split-start .page__main{border-top:var(--stroke-heavy) solid var(--ink);padding-top:var(--space-lg)}.page--split-start .page__main>.listrows:first-of-type{border-top:0}.page__aside .listrows.listrows--cols{grid-template-columns:minmax(0,1fr)}.page__aside>.listrows:first-child{border-top:0}.header:has(.rule-heavy)~.page__aside{border-top:0;padding-top:0}.page__aside>.stats:first-child{border-top:0;padding-top:0}.page__aside .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.spread-only{display:flex}.is-dark{--pager-h:480px}.pager .fcard__foot{display:none}.pager .fcard__chart .chart{inset:0}.page__aside--sticky{top:var(--space-4xl);align-self:start;position:sticky}.options .options-sheet{max-height:calc(100% - var(--space-4xl))}.save-cols{--mini-sheet-w:240px;column-gap:var(--space-4xl);grid-template-columns:minmax(0,1fr) auto minmax(0,1.1fr)}.save-cols>.header{grid-column:1}.save-top .sheet-chart{grid-row:1/4}}@media (width>=1280px) and (height>=500px){:root{--type-display-size:var(--display-size-desk)}.listrows.listrows--cols{column-gap:var(--space-4xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.page{padding-inline:var(--space-5xl)}.page--duo{max-width:calc(var(--page-width-max) + 2 * var(--space-5xl));column-gap:var(--space-5xl)}.page--wide{max-width:calc(var(--page-width-max) + 2 * var(--space-5xl))}.page--wide>.page__action{min-width:var(--aside-width-desk)}.page--split{max-width:calc(var(--page-width-max) + 2 * var(--space-5xl));grid-template-columns:minmax(0, 1fr) var(--aside-width-desk);column-gap:var(--space-5xl)}.page--split-start{grid-template-columns:var(--aside-width-desk) minmax(0, 1fr)}}@media (hover:hover){.listrow:hover,button.line:hover,.choice:hover,button.setting:hover{background-color:var(--paper-sunk)}}