:root{--ground:#fff7ed;--raised:#f7f2ed;--card:#fff;--hairline:#e7e5e2;--rose:#ff3354;--rose-deep:#dd2d49;--on-rose:#fff;--ink:#2b2b2b;--ink-soft:#3e3e3e;--ink-faint:#707070;--sheet:#fcf5eb;--sheet-ink:#1a1a1a;--shadow:0 1px 2px #3c28140f;--wordmark:url(/logo_transparent.png);--display:"Libre Bodoni", "Bodoni 72", "Didot", Georgia, serif;--body:"Nunito", "DIN Round Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#1d1916;--raised:#26211d;--card:#2d2823;--hairline:#3d3630;--rose:#ff5470;--rose-deep:#ff3354;--ink:#f5efe8;--ink-soft:#ddd5cc;--ink-faint:#a69c92;--shadow:none;--wordmark:url(/logo_transparent_inverted.png);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--wordmark:url(/logo_transparent_inverted.png);--ground:#1d1916;--raised:#26211d;--card:#2d2823;--hairline:#3d3630;--rose:#ff5470;--rose-deep:#ff3354;--ink:#f5efe8;--ink-soft:#ddd5cc;--ink-faint:#a69c92;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--ground);color:var(--ink);font:400 16px/1.5 var(--body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--rose);outline-offset:2px;border-radius:6px}.wordmark{font-family:var(--display);letter-spacing:-.01em;color:#0000;background-image:var(--wordmark);background-position:50%;background-repeat:no-repeat;background-size:70%;margin:0;font-size:44px;font-weight:500}.wordmark-small{white-space:nowrap;font-size:26px}.boot{opacity:.35;place-items:center;min-height:100vh;display:grid}.signin{place-items:center;min-height:100vh;padding:24px 16px;display:grid}.signin-card{text-align:center;flex-direction:column;gap:20px;width:100%;max-width:400px;display:flex}.signin-lede{color:var(--ink-soft);margin:0;font-size:18px}.apple-button{color:#fff;cursor:pointer;background:#000;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;height:50px;font-size:18px;font-weight:600;display:inline-flex}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .apple-button{color:#000;background:#fff}}:root[data-theme=dark] .apple-button{color:#000;background:#fff}.apple-button:disabled{opacity:.6;cursor:default}.signin-error{color:var(--rose-deep);margin:0}.signin-note{color:var(--ink-faint);text-wrap:balance;margin:0;font-size:14px}.topbar{z-index:10;background:var(--ground);border-bottom:1px solid var(--hairline);align-items:center;gap:16px;padding:10px 16px;display:flex;position:sticky;top:0}.topbar-middle{flex:1;justify-content:flex-end;min-width:0;display:flex}.search{border:1px solid var(--hairline);background:var(--card);width:100%;max-width:320px;height:38px;color:var(--ink);font:inherit;border-radius:19px;padding:0 14px}.account{position:relative}.account-button{border:1px solid var(--hairline);background:var(--card);cursor:pointer;border-radius:50%;width:38px;height:38px;font-weight:700}.account-menu{background:var(--card);border:1px solid var(--hairline);border-radius:12px;width:280px;padding:16px;position:absolute;top:46px;right:0;box-shadow:0 8px 24px #0000001f}.account-name{margin:0;font-weight:700}.account-email{color:var(--ink-faint);overflow-wrap:anywhere;margin:0;font-size:14px}.account-note{color:var(--ink-soft);margin:12px 0;font-size:14px}.text-button{color:var(--rose-deep);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.page{max-width:1100px;margin:0 auto;padding:16px 16px 48px}.notice{color:var(--ink-soft)}.tabs{background:var(--hairline);border-radius:10px;width:fit-content;margin:8px auto 20px;padding:3px;display:flex}.tab{letter-spacing:.02em;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 18px;font-size:15px;font-weight:700}.tab-on{background:var(--rose);color:var(--on-rose)}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--card);box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:12px;padding:8px;transition:background-color .15s;display:flex}a.card:hover{background:var(--raised)}.card-syncing{opacity:.5;cursor:default}.cover{object-fit:cover;background:var(--hairline);border-radius:8px;flex:none}.cover-empty{display:inline-block}.card-text{flex-direction:column;flex:1;min-width:0;display:flex}.card-title{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:700;overflow:hidden}.card-sub{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.card-format{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);flex:none;font-size:12px;font-weight:700}.empty{text-align:center;max-width:460px;color:var(--ink-soft);margin:48px auto}.empty-title{font-family:var(--display);color:var(--ink);margin:0 0 8px;font-size:26px}.back{color:var(--rose-deep);margin-bottom:8px;font-weight:600;display:inline-block}.tune-head{margin-bottom:20px}.tune-title{font-family:var(--display);text-wrap:balance;margin:0;font-size:clamp(30px,5vw,44px);font-weight:500;line-height:1.1}.tune-sub{color:var(--ink-faint);margin:6px 0 0}.tune-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:14px;display:flex}.tune-controls:empty{display:none}.versions{flex-wrap:wrap;gap:6px;display:flex}.version{border:1px solid var(--hairline);background:var(--card);cursor:pointer;border-radius:16px;padding:5px 14px;font-size:14px;font-weight:600}.version-on{background:var(--rose);border-color:var(--rose);color:var(--on-rose)}.version-select{color:var(--ink-soft);align-items:center;gap:10px;font-size:14px;font-weight:600;display:inline-flex}.version-select select{border:1px solid var(--hairline);background:var(--card);height:34px;color:var(--ink);font:inherit;border-radius:8px;padding:0 10px}.viewer-message{color:var(--ink-soft);text-align:center;padding:32px 0}.sheet{background:var(--sheet);color:var(--sheet-ink);border-radius:8px;box-shadow:0 1px 3px #3c28141a}.notation{max-width:1024px;margin:0 auto;padding:24px 8px}.notation-page svg{width:100%;height:auto;display:block}.lyrics{white-space:pre-wrap;max-width:680px;margin:0 auto;padding:32px;font-size:18px;line-height:1.7}.pdf{flex-direction:column;align-items:center;gap:16px;display:flex}.pdf-page{background:#fff;border-radius:4px;width:100%;max-width:1024px;height:auto;display:block;box-shadow:0 1px 3px #00000026}.score-image{border-radius:4px;max-width:min(100%,1024px);margin:0 auto;display:block}.steps{justify-content:space-between;align-items:center;gap:12px;max-width:1024px;margin:24px auto 0;display:flex}.step{color:var(--rose-deep);font-weight:700}.step-count{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:14px}.setlist-head{align-items:center;gap:16px;margin-bottom:20px;display:flex}.setlist{background:var(--card);max-width:680px;box-shadow:var(--shadow);border-radius:8px;margin:0;padding:0;list-style:none}.setlist li+li{border-top:1px solid var(--hairline)}.setlist-row{align-items:baseline;gap:14px;padding:12px 16px;display:flex}a.setlist-row:hover{background:var(--raised)}.setlist-pos{text-align:right;width:1.6em;color:var(--ink-faint);font-variant-numeric:tabular-nums;flex:none}.setlist-row .card-title{flex:1}.setlist-missing{font-style:italic}.setlist-syncing{opacity:.5}@media (width<=560px){.wordmark-small{font-size:22px}.lyrics{padding:20px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.notation{position:relative}.playhead,.bar-highlight{pointer-events:none;opacity:0;will-change:transform;position:absolute;top:0;left:0}.playhead{z-index:2;background:#ff933b;border-radius:2px;width:2.5px;margin-left:-1.25px;transition:opacity .18s}.bar-highlight{z-index:0;background:#ffc72c47;border-radius:6px;transition:opacity 90ms}.notation-page{z-index:1;position:relative}.transport{z-index:5;background:var(--card);border:1px solid var(--hairline);border-radius:40px;align-items:center;gap:4px;width:fit-content;margin:16px auto 0;padding:6px;display:flex;position:sticky;bottom:16px;box-shadow:0 6px 20px #3c281424}.tool{height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:22px;align-items:center;gap:6px;padding:0 14px;font-size:15px;font-weight:700;display:inline-flex}.tool:hover{background:var(--raised)}.tool-on{color:var(--rose-deep)}.tabular{font-variant-numeric:tabular-nums}.play{background:var(--rose);width:56px;height:56px;color:var(--on-rose);cursor:pointer;border:0;border-radius:50%;place-items:center;margin:0 6px;display:grid}.play:hover{background:var(--rose-deep)}.play-on{background:var(--ink);color:var(--ground)}.play-on:hover{background:var(--ink-soft)}.spinner{border:2.5px solid;border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.transport-panel{background:var(--card);border:1px solid var(--hairline);text-align:center;border-radius:16px;width:min(340px,100vw - 32px);padding:20px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000024}.readout{font-family:var(--display);color:var(--ink-soft);font-variant-numeric:tabular-nums;margin:0;font-size:24px}.panel-note{color:var(--ink-faint);margin:4px 0 0;font-size:13px}.stepper{justify-content:center;align-items:center;gap:14px;margin-top:16px;display:flex}.stepper input[type=range]{min-width:0;accent-color:var(--rose);flex:1}.round{border:1px solid var(--hairline);background:var(--card);cursor:pointer;border-radius:50%;flex:none;width:36px;height:36px;font-size:20px;line-height:1}.pill{border:1px solid var(--hairline);background:var(--card);cursor:pointer;border-radius:18px;height:36px;padding:0 18px;font-weight:700}.round:disabled,.pill:disabled,.stepper input:disabled{opacity:.4;cursor:default}@media (width<=480px){.tool{padding:0 10px}.tool span{display:none}.tool .tabular{display:inline}}.ink{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.page-art{position:relative}.pdf-page-wrap{width:100%;max-width:1024px;position:relative}.image-wrap{width:fit-content;max-width:min(100%,1024px);margin:0 auto;position:relative}.image-wrap .score-image{max-width:100%}.notation.paged .notation-page+.notation-page{border-top:1px dashed var(--hairline);margin-top:24px;padding-top:24px}.notation .pgFoot{display:none}.ink-note{text-align:center;color:var(--ink-faint);margin:0 0 12px;font-size:14px}.tune-actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.header-button{border:1px solid var(--hairline);background:var(--card);height:32px;color:var(--ink-soft);cursor:pointer;border-radius:16px;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.header-button:hover:not(:disabled){color:var(--rose-deep)}.header-button:disabled{opacity:.6;cursor:default}.header-error{width:100%;color:var(--rose-deep);text-align:right;margin:4px 0 0;font-size:13px}.markings-hidden .ink,.markings-hidden .ink-note{display:none}.print-dialog{border:1px solid var(--hairline);background:var(--card);width:min(380px,100vw - 32px);color:var(--ink);border-radius:16px;padding:22px;box-shadow:0 12px 40px #0003}.print-dialog::backdrop{background:#140f0a59}.print-dialog h2{font-family:var(--display);margin:0 0 14px;font-size:24px;font-weight:500}.print-dialog fieldset{border:0;margin:0 0 14px;padding:0}.print-dialog legend{color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:13px;font-weight:700}.print-choice{cursor:pointer;align-items:center;gap:10px;padding:5px 0;font-size:15px;display:flex}.print-choice input{accent-color:var(--rose);width:17px;height:17px}.print-note{color:var(--ink-faint);margin:4px 0 0;font-size:13px}.print-error{color:var(--rose-deep);margin:0 0 12px;font-size:13px}.print-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.pill-primary{background:var(--rose);border-color:var(--rose);color:var(--on-rose)}.pill-primary:disabled{opacity:.6}.print-status{color:var(--ink-soft);margin:0;font-size:13px}