:root{--paper:#e9ece7;--sheet:#fafaf6;--ink:#1a2030;--ink-2:#4b5364;--muted:#616875;--rule:#cfd4cc;--brass:#9a6a12;--brass-wash:#9a6a1229;--stem-piano:#2a78d6;--stem-trumpet:#eb6834;--stem-guitar:#1baf7a;--stem-vibes:#eda100;--stem-strings:#e87ba4;--stem-bass:#008300;--stem-drums:#6250d6;--display:"Bodoni Moda", "Didot", "Bodoni MT", Georgia, serif;--ui:"Albert Sans", "Segoe UI", system-ui, sans-serif;--label-w:104px}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);font:14px/1.45 var(--ui);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;color:inherit;white-space:nowrap;flex:none}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.page{max-width:1440px;margin:0 auto;padding:0 28px 72px}.titleblock{grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;padding:14px 0;display:grid}.titleblock .back{color:var(--ink-2);grid-column:1/-1;justify-self:start;font-size:13px;text-decoration:none}.titleblock .back:hover{color:var(--ink);text-decoration:underline}.titleblock h1{font:italic 500 clamp(40px, 5.2vw, 68px) / 1 var(--display);letter-spacing:-.01em;text-align:center;grid-column:2;margin:0}.titleblock .tempo{color:var(--ink-2);grid-column:1;font-size:13px}.titleblock .tempo b{font:600 17px var(--display);color:var(--ink);display:block}.titleblock .forces{text-align:right;color:var(--ink-2);grid-column:3;font-size:13px}.titleblock .brief{text-align:center;max-width:76ch;color:var(--ink-2);grid-column:1/-1;margin:2px auto 0}.transport{z-index:20;background:var(--paper);border-top:2px solid var(--ink);border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 0;display:flex;position:sticky;top:0}.play{background:var(--ink);width:92px;height:40px;color:var(--sheet);cursor:pointer;border:0;border-radius:20px;font-weight:600}.play:disabled{background:var(--muted);cursor:progress}.play[aria-pressed=true]{background:var(--brass)}.clock{flex:none;min-width:128px}.clock .bar{font:600 22px/1.1 var(--display)}.clock .time{color:var(--ink-2);font-size:12px}.now{flex:none;min-width:180px}.now .where{color:var(--ink-2);font-size:12px}.now .chord{font:600 24px/1.15 var(--display)}.now .next{color:var(--ink-2);font-size:12px}.pulse{flex:none;gap:2px;display:grid}.pulse .cap{color:var(--ink-2);font-size:11px}.grid{align-items:center;gap:2px 1px;display:grid}.grid .rn{color:var(--muted);font-size:10px;line-height:8px}.grid i{background:#1a203012;border-radius:1px;height:7px;display:block}.grid i.g{margin-left:4px}.grid i.on{background:var(--stem-drums)}.grid i.at{box-shadow:0 0 0 1.5px var(--brass)}.transport .spacer{display:none}.status{color:var(--ink-2);text-align:right;flex:140px;font-size:12px}.ghost{border:1px solid var(--ink-2);cursor:pointer;background:0 0;border-radius:16px;height:32px;padding:0 14px}.ghost:hover:not(:disabled){background:var(--sheet)}.ghost:disabled{border-color:var(--rule);color:var(--muted);cursor:default}.mixer{flex-wrap:wrap;align-items:center;gap:8px 18px;padding:12px 0 4px;display:flex}.mixer .cap{color:var(--ink-2);margin-right:4px;font-size:12px}.mixer .cap.wide{margin:0 0 0 8px}.stem{align-items:center;gap:6px;display:inline-flex}.stem .sw{border-radius:2px;width:10px;height:10px}.stem.off .name{color:var(--muted);text-decoration:line-through}.stem button{border:1px solid var(--rule);background:var(--sheet);cursor:pointer;border-radius:4px;width:22px;height:22px;padding:0;font-size:11px;font-weight:600}.stem button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--sheet)}section>h2{font:600 15px var(--ui);margin:30px 0 2px}.sechead{border-bottom:2px solid var(--ink);align-items:flex-end;gap:22px;margin-top:18px;display:flex}.sechead h2{font:600 15px var(--ui);margin:0 0 10px}.tabs{gap:6px;min-width:0;display:flex}.tabs button{border:1px solid var(--ink-2);background:var(--sheet);color:var(--ink);cursor:pointer;border-bottom:0;border-radius:9px 9px 0 0;padding:9px 20px 8px;font-size:14px;font-weight:600;transition:background-color .12s,color .12s}.tabs button:hover{background:#dfe4de}.tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--sheet);cursor:default}.sechead+.lede{margin-top:8px}.tpanel[hidden]{display:none}#panel-audio{padding-top:14px}#panel-score{padding-top:12px}.exports{flex:none;gap:8px;margin-left:auto;display:flex}section>.lede{color:var(--ink-2);max-width:86ch;margin:0 0 10px;font-size:13px}.timeline{position:relative}.row{grid-template-columns:var(--label-w) 1fr;align-items:stretch;display:grid}.row .rl{color:var(--ink-2);align-items:center;gap:6px;padding-right:10px;font-size:12px;line-height:1.15;display:flex}.row .rl .sw{border-radius:2px;flex:none;width:8px;height:8px}.row .rp{background:var(--sheet);min-width:0;position:relative}.row .rp svg,.row .rp canvas{width:100%;display:block}.row .rp canvas[data-row=wave]{height:56px}.row.gap{margin-top:6px}.group-title{margin:12px 0 4px;font-size:13px;font-weight:600}.group-note{color:var(--ink-2);margin-left:8px;font-weight:400}.timeline text{font-family:var(--ui)}.overlay{top:0;bottom:0;left:var(--label-w);cursor:crosshair;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;right:0}.selband{background:var(--brass-wash);border-left:2px solid var(--brass);border-right:2px solid var(--brass);pointer-events:none;display:none;position:absolute}.selbox{border:2px solid var(--brass);pointer-events:none;border-radius:4px;position:absolute}.overlay:focus-visible{outline-offset:-2px}.playhead,.hoverline{pointer-events:none;width:0;position:absolute;top:0;bottom:0;left:0}.playhead{border-left:2px solid var(--brass)}.hoverline{border-left:1px solid var(--ink-2);display:none}.tip{z-index:40;background:var(--ink);min-width:190px;color:var(--sheet);pointer-events:none;border-radius:6px;padding:10px 12px;font-size:12px;display:none;position:fixed}.tip b{font:600 15px var(--display);margin-bottom:4px;display:block}.tip dl{grid-template-columns:auto 1fr;gap:1px 12px;margin:6px 0 0;display:grid}.tip dt{color:#aeb5c2}.tip dd{text-align:right;margin:0}.pending{color:var(--ink-2);padding:14px 12px;font-size:12px}.sheetbar{flex-wrap:wrap;align-items:center;gap:6px 16px;margin-bottom:8px;font-size:13px;display:flex}.sheetbar label{cursor:pointer;align-items:center;gap:5px;display:inline-flex}.sheetbar .sep{background:var(--rule);width:1px;height:18px}.sheetbar input{accent-color:var(--ink)}.sheetscroll{background:var(--sheet);border:1px solid var(--rule);scroll-behavior:smooth;height:max(320px,100vh - 290px);position:relative;overflow-y:auto}.sheetinner{color:var(--ink);-webkit-user-select:none;user-select:none;padding:6px 10px;position:relative}.barhl{background:var(--brass-wash);pointer-events:none;border-radius:3px;display:none;position:absolute}.sheetinner svg{cursor:pointer}.notes{color:var(--ink-2);margin:8px 0 0;padding:0;font-size:12px;list-style:none}.index h1{font:italic 500 54px/1 var(--display);margin:44px 0 6px}.index .lede{color:var(--ink-2);margin:0 0 26px}.index ol{border-top:2px solid var(--ink);margin:0;padding:0;list-style:none}.index li{border-bottom:1px solid var(--rule)}.index a{color:inherit;grid-template-columns:56px 1fr auto;align-items:baseline;gap:18px;padding:18px 0;text-decoration:none;display:grid}.index a:hover .t{text-decoration:underline}.index .n{font:500 22px var(--display);color:var(--ink-2)}.index .t{font:italic 500 30px/1.1 var(--display)}.index .d{color:var(--ink-2);max-width:80ch;margin-top:4px;font-size:13px}.index .m{color:var(--ink-2);text-align:right;white-space:nowrap;font-size:13px}@media (width<=900px){.page{padding:0 14px 48px}:root{--label-w:72px}.titleblock{text-align:center;grid-template-columns:1fr}.titleblock h1,.titleblock .tempo,.titleblock .forces{text-align:center;grid-column:1}.transport{gap:10px 16px}.status{text-align:left;flex:200px}}@media (width<=640px){.transport{position:static}.play{z-index:30;position:fixed;bottom:14px;right:14px;box-shadow:0 2px 10px #1a203059}.page{padding-bottom:84px}.now{min-width:0}.sechead{gap:10px}.sechead h2{display:none}.tabs{flex:1;gap:4px}.tabs button{flex:auto;padding:9px 8px 8px;font-size:13px}}@media (prefers-reduced-motion:reduce){.sheetscroll{scroll-behavior:auto}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spacer{flex:1}a{color:var(--ink)}.wordmark{font:italic 500 26px/1 var(--display);color:var(--ink);letter-spacing:-.01em;text-decoration:none}.wordmark.big{margin:0;font-size:clamp(44px,8vw,72px)}.btn{border:1px solid var(--ink);background:var(--ink);min-height:40px;color:var(--sheet);font:600 14px var(--ui);white-space:nowrap;cursor:pointer;border-radius:20px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:#2b3550}.btn:disabled{background:var(--muted);border-color:var(--muted);cursor:default}.btn.quiet{color:var(--ink);border-color:var(--ink-2);background:0 0;font-weight:500}.btn.quiet:hover:not(:disabled){background:var(--sheet)}.btn.quiet:disabled{color:var(--muted);border-color:var(--rule);background:0 0}.btn.small{border-radius:15px;min-height:30px;padding:0 12px;font-size:13px}.quiet-link{font-size:13px}label{color:var(--ink-2);font-size:13px}.field{border:1px solid var(--ink-2);background:var(--sheet);width:100%;color:var(--ink);font:15px/1.45 var(--ui);border-radius:6px;padding:9px 11px}textarea.field{resize:vertical;margin-top:4px;display:block}.field.num{width:76px;margin-left:4px;padding:5px 8px;font-size:14px}.field.pick{width:auto;padding:5px 8px;font-size:14px}.changebar>.hint{margin:6px 0 0}.hint,.small{color:var(--ink-2);margin:6px 0;font-size:13px}.notice{border-left:3px solid var(--ink-2);background:var(--sheet);margin:10px 0;padding:9px 12px;font-size:14px}.notice.error{color:#7d1a15;border-left-color:#b3261e}.tag{border:1px solid var(--ink-2);font:500 11px var(--ui);color:var(--ink-2);vertical-align:1px;border-radius:9px;margin-left:6px;padding:1px 7px}.count{color:var(--ink-2);font-weight:400}.gate{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:460px;margin:0 auto;padding:14vh 20px 40px;display:flex}.gate h2{font:600 18px var(--ui);margin:6px 0 0}.gate p{margin:0}.gate-lede{color:var(--ink-2);font-size:16px}.gate .btn{margin-top:6px}.turnstile{min-height:0}.shell{max-width:880px;margin:0 auto;padding:0 24px 72px}.topbar{border-bottom:2px solid var(--ink);align-items:center;gap:14px;padding:16px 0;display:flex}.topbar .who{color:var(--ink-2);font-size:13px}.page-title{font:italic 500 38px/1.05 var(--display);margin:26px 0 12px}.shell h2{font:600 16px var(--ui);margin:0 0 8px}.block{margin-top:30px}.block:first-of-type{margin-top:0}.lede{color:var(--ink-2);margin:0 0 10px}.progress{margin:8px 0;font-weight:600}.brief-text{white-space:pre-wrap;max-width:70ch;margin:0 0 18px}.rows{border-top:1px solid var(--rule);margin:8px 0 0;padding:0;list-style:none}.rows li{border-bottom:1px solid var(--rule);align-items:center;gap:16px;padding:12px 0;display:flex}.row-main{min-width:0;color:inherit;flex-direction:column;flex:1;gap:2px;text-decoration:none;display:flex}a.row-main:hover .row-title{text-decoration:underline}.row-title{font:italic 500 22px/1.15 var(--display)}.row-name{font-weight:600}.row-sub{color:var(--ink-2);font-size:13px}.row-sub.bad{color:#7d1a15}.row-brief{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:80ch;font-size:13px;display:-webkit-box;overflow:hidden}.row-actions{flex:none;gap:6px;display:flex}.inline-form{gap:8px;max-width:460px;display:flex}.switch-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.switch{border:1px solid var(--ink-2);background:var(--sheet);cursor:pointer;border-radius:13px;flex:none;width:46px;height:26px;padding:0;position:relative}.switch span{background:var(--ink-2);border-radius:50%;width:18px;height:18px;transition:transform .12s;position:absolute;top:3px;left:3px}.switch[aria-checked=true]{background:var(--ink);border-color:var(--ink)}.switch[aria-checked=true] span{background:var(--sheet);transform:translate(20px)}.changebar{background:var(--sheet);border:1px solid var(--rule);border-radius:6px;margin:8px 0 0;padding:8px 12px}p.changebar{font-size:13px}.cb-head{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:8px;display:flex}.cb-head h2{font:600 15px var(--ui);margin:0}.cb-head .hint{margin:0}.cb-row{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.cb-row h2{font:600 15px var(--ui);margin:0 4px 0 0}.cb-picks{flex-wrap:wrap;gap:6px;display:inline-flex}.cb-row+.cb-row{margin-top:8px}.cb-row textarea.field{flex:1 1 0;min-width:0;min-height:36px;margin-top:0;padding:7px 10px;font-size:14px}.cb-row label{white-space:nowrap}.cb-row .btn{min-height:36px}.cb-row .btn.small{min-height:28px}.changebar .progress{margin:4px 0 0;font-size:13px}.versions{margin-top:2px;font-size:13px}.versions summary{cursor:pointer;color:var(--ink-2);padding:4px 0}.versions .row-name{font-size:14px}@media (width<=640px){.shell{padding:0 14px 56px}.rows li{flex-direction:column;align-items:stretch;gap:8px}.inline-form{flex-direction:column}}.gate.with-art{gap:12px;max-width:600px;padding-top:4vh}.duet{width:min(100%,540px);height:auto;max-height:52vh;margin-bottom:4px;display:block;overflow:visible}.duet .lid,.duet .base{fill:var(--sheet);stroke:var(--ink);stroke-width:2.5px}.duet .glass{fill:var(--ink)}.duet .cam,.duet .notch{fill:var(--ink-2)}.duet .grid{stroke:#fafaf617;stroke-width:1px}.duet .wire path{fill:none;stroke:#e6c170;stroke-width:1.5px;stroke-dasharray:4 3;stroke-linecap:round;opacity:.7}.duet .lane{fill:none;stroke-width:1.7px;stroke-linecap:round}.duet .blk{opacity:.42;animation:6s linear infinite duet-lit;animation-delay:var(--d)}.duet .play{stroke:#e6c170;stroke-width:1.5px;animation:6s linear infinite duet-sweep}.duet .shade path{fill:#1a203021}.duet .body{fill:var(--brass);stroke:var(--ink);stroke-width:2.5px;stroke-linejoin:round}.duet .purfle{fill:none;stroke:#fafaf66b;stroke-width:1.2px}.duet .hole{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round}.duet .rest,.duet .board,.duet .tail{fill:var(--ink)}.duet .bridge{fill:none;stroke:var(--sheet);stroke-width:3px;stroke-linecap:round}.duet .str{fill:none;stroke:var(--sheet);stroke-width:.9px}.duet .vib{fill:none;stroke:var(--sheet);stroke-width:.8px;opacity:0;animation:6s ease-out infinite duet-pluck;animation-delay:var(--d)}.duet .note{fill:var(--sheet)}@keyframes duet-sweep{0%{transform:translate(0)}to{transform:translate(156px)}}@keyframes duet-lit{0%{opacity:1}16%{opacity:.42}to{opacity:.42}}@keyframes duet-pluck{0%{opacity:.75}30%{opacity:0}to{opacity:0}}.title-row{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.strip{flex:0 300px;min-width:0;height:50px;margin-bottom:10px}.strip .ln{stroke:var(--rule);stroke-width:1px}.strip .nt{fill:var(--muted);stroke:var(--muted);stroke-width:1px;animation:9s linear infinite strip-lit;animation-delay:var(--d)}.strip .ph{stroke:var(--brass);stroke-width:1.5px;animation:9s linear infinite strip-sweep}@keyframes strip-sweep{0%{transform:translate(0)}to{transform:translate(300px)}}@keyframes strip-lit{0%{fill:var(--brass);stroke:var(--brass)}12%{fill:var(--muted);stroke:var(--muted)}to{fill:var(--muted);stroke:var(--muted)}}.seal{flex:none;width:26px;height:26px}.seal rect{fill:var(--muted);transform-box:fill-box;transform-origin:50% 100%}.rows li:hover .seal rect{animation:seal-move var(--t) ease-in-out 2 alternate;animation-delay:0s}.seal.working rect{fill:var(--brass);animation:seal-move var(--t) ease-in-out infinite alternate;animation-delay:var(--d)}@keyframes seal-move{0%{transform:scaleY(1)}to{transform:scaleY(.35)}}textarea.field,.field{transition:border-color .15s,box-shadow .15s}.field:focus-visible{border-color:var(--brass);box-shadow:0 0 0 3px var(--brass-wash);outline:none}.waitbox{background:var(--sheet);border:1px solid var(--rule);border-radius:6px;padding:14px 16px 10px}.wait-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.steps{font:600 13px var(--ui);color:var(--muted);flex-wrap:wrap;gap:6px 0;margin:0;padding:0;list-style:none;display:flex}.steps li{white-space:nowrap;align-items:center;display:flex}.steps li:before{content:"";border:1.5px solid var(--muted);border-radius:50%;width:9px;height:9px;margin-right:7px}.steps li+li{margin-left:10px}.steps li+li:before{margin-left:0}.steps li:not(:last-child):after{content:"";background:var(--rule);width:22px;height:1.5px;margin-left:10px}.steps li.is-done{color:var(--ink-2)}.steps li.is-done:before{background:var(--ink-2);border-color:var(--ink-2)}.steps li.is-done:after{background:var(--ink-2)}.steps li.is-now{color:var(--ink)}.steps li.is-now:before{background:var(--brass);border-color:var(--brass);animation:1.6s ease-in-out infinite step-beat}@keyframes step-beat{0%,to{box-shadow:0 0 0 0 var(--brass-wash)}50%{box-shadow:0 0 0 6px var(--brass-wash)}}.wait-clock{font:600 22px/1 var(--display);font-variant-numeric:tabular-nums}.sketch{width:100%;height:auto;margin:6px 0 2px;display:block}.sketch .ln{stroke:var(--rule);stroke-width:1px}.sketch .n{fill:var(--ink);stroke:var(--ink);stroke-width:1.1px;opacity:0;transition:opacity .4s,transform .4s;transform:translateY(5px)}.sketch .n.on{opacity:1;transform:none}.sketch[data-mode=plan] .n{fill:var(--brass);stroke:var(--brass);animation:7s ease-in-out infinite note-ghost;animation-delay:var(--g);transform:none}@keyframes note-ghost{0%,22%,to{opacity:0}11%{opacity:.38}}.sketch .caret{stroke:var(--brass);stroke-width:2px;stroke-linecap:round;transition:transform .4s;animation:1.1s steps(2,jump-none) infinite caret-blink}.sketch[data-mode=check] .caret{animation:3.4s ease-in-out infinite alternate caret-sweep}@keyframes caret-blink{0%{opacity:1}to{opacity:.15}}@keyframes caret-sweep{0%{transform:translate(22px)}to{transform:translate(738px)}}.waitbox .progress{margin:4px 0 6px}.waitbox .count{font-variant-numeric:tabular-nums;font-weight:400}.facts{border-top:1px solid var(--rule);flex-wrap:wrap;gap:8px 28px;margin:8px 0 6px;padding-top:10px;display:flex}.facts div{min-width:0}.facts .wide{flex-basis:100%}.facts dt{color:var(--ink-2);font-size:12px}.facts dd{font:600 15px var(--ui);overflow-wrap:anywhere;margin:0}.facts .chip{border:1px solid var(--ink-2);font:500 12px var(--ui);border-radius:10px;margin:3px 6px 0 0;padding:1px 9px;display:inline-block}.facts .chip.new{animation:.4s ease-out chip-in}@keyframes chip-in{0%{opacity:0;transform:translateY(3px)}}.waitbox+[data-failed]+.hint{margin-top:10px}@media (width<=640px){.strip{display:none}.rows li:has(.seal){flex-direction:row;align-items:center;gap:12px}.gate.with-art{padding-top:3vh}}@media (prefers-reduced-motion:reduce){.duet *,.strip *,.seal rect,.sketch *,.steps li:before,.facts .chip{transition:none!important;animation:none!important}}.privacy .lede{max-width:70ch}.privacy ul{gap:6px;max-width:76ch;margin:0;padding-left:20px;display:grid}.privacy li::marker{color:var(--brass)}.topbar{flex-wrap:wrap;row-gap:6px}.topbar .who{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}
