: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;--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;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--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;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}.versions{flex-wrap:wrap;gap:6px;margin-top:14px;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;margin-top:14px;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}}