:root{--bg:#f6f3ec;--surface:#fffdf8;--ink:#1d1b16;--muted:#6b665b;--line:#e2dccf;--accent:#2f4a3a;--accent-ink:#f6f3ec;--accent-soft:#e3ebe4;--warn:#8a5a12;--warn-soft:#f7ecd6;--danger:#a3302a;--paper:#fffef9;--shadow:0 1px 2px #281e0a0f, 0 6px 24px #281e0a14;--radius:14px;--tap:48px;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#16181d;--surface:#1f2228;--ink:#ece8df;--muted:#9a958b;--line:#2f333b;--accent:#9cc4a8;--accent-ink:#13221a;--accent-soft:#24332a;--warn:#e7b867;--warn-soft:#3a2f1c;--danger:#f08a80;--shadow:0 1px 2px #0000004d, 0 8px 28px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--ink);font:17px/1.5 var(--sans);min-height:100dvh;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}[hidden]{display:none!important}.page{max-width:880px;padding:max(16px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 48px max(20px, env(safe-area-inset-left));margin:0 auto}.masthead{align-items:center;height:56px;display:flex}.brand{font:600 22px/1 var(--serif);letter-spacing:.01em;align-items:center;gap:10px;display:inline-flex}.brand-mark{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);border-radius:10px;place-items:center;font-size:20px;display:grid}.hero{padding:8vh 0 32px}.hero h1{font:600 clamp(32px, 5vw, 48px) / 1.1 var(--serif);letter-spacing:-.01em;margin:0 0 12px}.lede{color:var(--muted);max-width:40em;margin:0 0 28px}.search{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:8px;padding:6px 6px 6px 18px;display:flex}.search:focus-within{border-color:var(--accent)}.search-icon{width:22px;height:22px;color:var(--muted);flex:none}.search input{min-width:0;height:var(--tap);color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:19px}.search input::-webkit-search-cancel-button{display:none}.btn{min-height:var(--tap);cursor:pointer;white-space:nowrap;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;display:inline-flex}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.ghost{border-color:var(--line);background:var(--surface)}.btn.ghost.on{color:var(--accent)}.btn.small{min-height:40px;padding:0 14px;font-size:15px}.btn.icon{width:var(--tap);padding:0}.btn.wide{width:100%;margin-top:16px}.btn svg{width:24px;height:24px}.chips{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.chip{border:1px solid var(--line);min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:0 16px}.chip:hover,.chip:active{color:var(--ink);border-color:var(--muted)}h2{font:600 22px/1.2 var(--serif);margin:32px 0 12px}.list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.list>li+li{border-top:1px solid var(--line)}.row{align-items:center;gap:12px;min-height:68px;padding:0 16px;display:flex}.row-main{flex-direction:column;flex:1;justify-content:center;min-width:0;padding:12px 0;display:flex}a.row:active,a.row-main:active{background:var(--accent-soft)}.row-title{text-overflow:ellipsis;font-weight:600;overflow:hidden}.row-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.tag{background:var(--accent-soft);color:var(--accent);vertical-align:2px;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:13px;font-weight:600;display:inline-block}.results{padding-top:8px}.results .search{margin-bottom:8px}.muted{color:var(--muted)}.pad{padding:8px 4px}.error{color:var(--danger)}.ai-card{text-align:left;border-radius:var(--radius);border:1px dashed var(--accent);background:var(--accent-soft);cursor:pointer;align-items:center;gap:16px;width:100%;margin-top:16px;padding:18px;display:flex}.ai-card .row-sub{white-space:normal}.ai-badge{background:var(--accent);width:44px;height:44px;color:var(--accent-ink);border-radius:12px;flex:none;place-items:center;font-size:22px;display:grid}.score-page{min-height:100dvh;padding-bottom:120px}.toolbar{z-index:10;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(12px, env(safe-area-inset-left));position:sticky;top:0}.toolbar-row{align-items:center;gap:10px;display:flex}.toolbar-title{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.toolbar-title .row-title{white-space:nowrap;font-family:var(--serif);font-size:19px}.controls{scrollbar-width:none;margin-top:8px;padding-bottom:2px;overflow-x:auto}.controls::-webkit-scrollbar{display:none}.controls>*{flex:none}.play{padding:0 22px 0 18px}.segmented{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px;display:inline-flex}.segmented button{min-height:40px;color:var(--muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:999px;padding:0 14px;font-weight:600}.segmented button[aria-checked=true]{background:var(--accent);color:var(--accent-ink)}.stepper{background:var(--surface);border:1px solid var(--line);height:var(--tap);border-radius:999px;align-items:center;display:inline-flex}.stepper button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;width:44px;height:100%;font-size:22px}.stepper span{text-align:center;font-variant-numeric:tabular-nums;min-width:76px;font-weight:600}.stepper small{color:var(--muted);font-size:13px;font-weight:500}.notice{background:var(--accent-soft);border-radius:10px;max-width:1100px;margin:12px auto 0;padding:10px 16px;font-size:15px}.notice.warn{background:var(--warn-soft);color:var(--warn)}.paper-wrap{padding:16px max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left))}.paper{background:var(--paper);max-width:1400px;box-shadow:var(--shadow);color:#1d1b16;border-radius:6px;margin:0 auto;padding:24px 15px 32px}.paper svg{margin:0 auto;display:block}.paper .abcjs-note.playing,.paper .abcjs-note.playing path,.paper .abcjs-rest.playing path{fill:#2f8a55}.loading{color:var(--muted);text-align:center;place-items:center;gap:12px;padding:18vh 16px;display:grid}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-turn{right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:5;flex-direction:column;gap:10px;display:flex;position:fixed}.btn.round{background:var(--surface);border-color:var(--line);width:56px;height:56px;box-shadow:var(--shadow);padding:0}.sheet-backdrop{z-index:20;background:#00000059;place-items:end center;display:grid;position:fixed;inset:0}.sheet{background:var(--bg);width:min(560px,100%);max-height:85dvh;padding:20px 20px max(20px, env(safe-area-inset-bottom));border-radius:20px 20px 0 0;overflow:auto}@media (width>=700px){.sheet-backdrop{place-items:center}.sheet{border-radius:20px}}.sheet h2{margin-top:0}.row.check{cursor:pointer}.row.check input{width:24px;height:24px;accent-color:var(--accent)}@media (width<=520px){.play-label{display:none}.play{width:var(--tap);padding:0}}@media print{body{background:#fff}.toolbar,.page-turn,.notice{display:none!important}.score-page,.paper-wrap{padding:0}.paper{box-shadow:none;max-width:none;padding:0}}a.row.row-main{align-items:flex-start}