code-input{color:var(--code-input_no-override-color,black);caret-color:var(--code-input_default-caret-color,inherit);--padding:16px;--padding-left:var(--padding,16px);--padding-right:var(--padding,16px);--padding-top:var(--padding,16px);--padding-bottom:var(--padding,16px);height:250px;font-size:inherit;text-align:start;tab-size:2;white-space:pre;background-color:#fff;grid-template-rows:100%;grid-template-columns:100%;margin:8px;font-family:monospace;line-height:1.5;display:grid;position:relative;top:0;left:0;overflow:auto;padding:0!important}code-input :not(.code-input_dialog-container *){box-sizing:content-box}code-input textarea,code-input:not(.code-input_pre-element-styled) pre code,code-input.code-input_pre-element-styled pre{min-width:calc(100% - var(--padding-left,16px) - var(--padding-right,16px));min-height:calc(100% - var(--padding-top,16px) - var(--padding-bottom,16px));resize:none;border:0;grid-area:1/1;display:block;overflow:hidden;padding-left:var(--padding-left,16px)!important;padding-right:var(--padding-right,16px)!important;padding-top:var(--padding-top,16px)!important;padding-bottom:var(--padding-bottom,16px)!important;margin:0!important}code-input:not(.code-input_pre-element-styled) pre code,code-input.code-input_pre-element-styled pre{width:max-content;height:max-content;transition:color 1ms}code-input:not(.code-input_pre-element-styled) pre,code-input.code-input_pre-element-styled pre code{min-width:100%;min-height:100%;border:0!important;margin:0!important;padding:0!important}code-input textarea,code-input pre,code-input pre *{font-size:inherit!important;font-family:inherit!important;line-height:inherit!important;tab-size:inherit!important;text-align:inherit!important}code-input pre,code-input pre code{overflow:visible!important}code-input textarea[dir=auto]+pre{unicode-bidi:plaintext}code-input textarea[dir=ltr]+pre{direction:ltr}code-input textarea[dir=rtl]+pre{direction:rtl}code-input textarea,code-input pre{grid-area:1/1}code-input textarea:not([data-code-input-fallback]){z-index:1}code-input pre{z-index:0}code-input textarea:not([data-code-input-fallback]){color:#0000;caret-color:inherit;background:0 0}code-input textarea:not([data-code-input-fallback]):placeholder-shown{color:var(--code-input_highlight-text-color,inherit)}code-input textarea,code-input pre{white-space:inherit;word-spacing:normal;word-break:normal;word-wrap:normal}code-input textarea{resize:none;outline:none!important}code-input:has(textarea:focus):not(.code-input_mouse-focused){outline:2px solid}code-input .code-input_dialog-container{z-index:2;width:100%;height:0;text-align:inherit;color:inherit;grid-area:1/1;margin:0;padding:0;transition:color 1ms;position:sticky;top:0;left:0}[dir=rtl] code-input .code-input_dialog-container,code-input[dir=rtl] .code-input_dialog-container{left:unset;right:0}code-input .code-input_dialog-container .code-input_keyboard-navigation-instructions{color:#fff;padding:2px;padding-left:var(--padding-left,16px);padding-right:var(--padding-right,16px);text-wrap:balance;box-sizing:border-box;background-color:#000;width:100%;height:3em;margin:0;display:block;position:absolute;top:0;left:0;overflow:hidden auto}code-input.code-input_mouse-focused .code-input_dialog-container .code-input_keyboard-navigation-instructions,code-input .code-input_dialog-container .code-input_keyboard-navigation-instructions:empty{display:none}code-input:not(:has(textarea:not([data-code-input-fallback]):focus)) .code-input_dialog-container .code-input_keyboard-navigation-instructions{display:none}code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused) textarea{min-height:calc(100% - var(--padding-top,16px) - 3em - var(--padding-bottom,16px));padding-top:calc(var(--padding-top,16px) + 3em)!important}code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused):not(.code-input_pre-element-styled) pre code{min-height:calc(100% - var(--padding-top,16px) - 3em - var(--padding-bottom,16px));padding-top:calc(var(--padding-top,16px) + 3em)!important}code-input:not(:has(.code-input_keyboard-navigation-instructions:empty)):has(textarea:not([data-code-input-fallback]):focus):not(.code-input_mouse-focused).code-input_pre-element-styled pre{min-height:calc(100% - var(--padding-top,16px) - 3em - var(--padding-bottom,16px));padding-top:calc(var(--padding-top,16px) + 3em)!important}code-input:not(.code-input_loaded){box-sizing:border-box;display:block;overflow:hidden;padding-left:var(--padding-left,16px)!important;padding-right:var(--padding-right,16px)!important;padding:var(--padding-top,16px)!important;padding:var(--padding-bottom,16px)!important}code-input:not(.code-input_loaded):after{content:"No highlighting. JavaScript support is disabled or insufficient, or codeInput.registerTemplate has not been called.";bottom:0;left:var(--padding-left,16px);width:calc(100% - var(--padding-left,1.6px) - var(--padding-right,1.6px));outline-top:0;background-color:inherit;color:inherit;border-top:1px solid;height:2em;margin:0;padding:0;display:block;position:absolute;overflow-x:auto}code-input:not(.code-input_loaded) pre,code-input:not(.code-input_loaded) textarea:not([data-code-input-fallback]){opacity:0}code-input:has(textarea[data-code-input-fallback]){box-sizing:content-box;caret-color:revert;padding:0!important}code-input textarea[data-code-input-fallback]{background-color:inherit;color:var(--code-input_highlight-text-color,inherit);min-height:calc(100% - var(--padding-top,16px) - max(2em, var(--padding-bottom,16px)));height:calc(100% - var(--padding-top,16px) - max(2em, var(--padding-bottom,16px)));overflow:auto;padding-bottom:max(2em, var(--padding-bottom,16px))!important}.abcjs-light .hljs-header{color:#0b34a8}.abcjs-light .hljs-header-content{font-style:italic}.abcjs-light .hljs-title{font-weight:700}.abcjs-light .hljs-staves{background-color:#ffdfe5}.abcjs-light .hljs-staves-content,.abcjs-light .hljs-key{font-weight:700}.abcjs-light .hljs-part{color:#0b34a8;font-weight:700}.abcjs-light .hljs-tempo,.abcjs-light .hljs-meter{font-weight:700}.abcjs-light .hljs-voice{background-color:#ffdfe5}.abcjs-light .hljs-history,.abcjs-light .hljs-notes{font-style:italic}.abcjs-light .hljs-words{color:#9f5555;font-weight:700}.abcjs-light .hljs-directive{color:#0b34a8}.abcjs-light .hljs-directive-body{font-style:italic}.abcjs-light .hljs-lyrics{font-weight:700}.abcjs-light .hljs-lyrics-content{color:#9f5555}.abcjs-light .hljs-text{color:#818181;font-style:italic}.abcjs-light .hljs-continuation{color:#fff;background:#000;border-radius:4px}.abcjs-light .hljs-inline-header{background:#ffdfe5;border-radius:4px}.abcjs-light .hljs-note:nth-child(2n){color:#217927}.abcjs-light .hljs-broken-rhythm{font-weight:700}.abcjs-light .hljs-chord-symbol{color:#dd1d74;-webkit-text-decoration:underline #dd1d7480;text-decoration:underline #dd1d7480;text-decoration-thickness:.7px;position:relative}.abcjs-light .hljs-chord-symbol:before{content:"“";background:#fff;position:absolute}.abcjs-light .hljs-chord-symbol:after{content:"”";background:#fff;position:absolute;right:0}.abcjs-light .hljs-decoration{color:#767676}.abcjs-light .hljs-grace{background:#f2f2f2;border-radius:4px}.abcjs-light .hljs-tuple{font-weight:700}.abcjs-light .hljs-chord{background:linear-gradient(270deg,#0000 10px,#fcf2d0 calc(100% - 10px),#0000 10px);border-radius:4px}.abcjs-light .hljs-bar,.abcjs-light .hljs-overlay{background:#71f6ff;border-radius:4px}.abcjs-light .hljs-error{color:#fff;background:red}.abcjs-light .hljs-comment{color:#818181;font-style:italic}.abcjs-light .hljs-slur{border-bottom:2px dotted #aaa}:root{--ink:#1f2a26;--ink-soft:#55615c;--paper:#f7f2ea;--score:#fffdf8;--line:#d9d0c1;--accent:#2d4a3e;--accent-ink:#f7f2ea;--highlight:#b5452f;--focus:#c98a2b;--chip:#ebe3d5;--font-body:"Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--font-head:var(--font-body);--font-mono:"Fira Mono", ui-monospace, Menlo, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:#2d4a3e26;margin:0;line-height:1.7}a{color:var(--accent)}h1,h2,h3{font-family:var(--font-head);letter-spacing:.02em;font-weight:700;line-height:1.35}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.container{max-width:1040px;padding:0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));margin:0 auto}.container--wide{max-width:none}@media (width>=960px){.container--wide{padding-left:24px;padding-right:24px}}.btn{--btn-edge:#d6ccba;--btn-edge-strong:#bdb09a;border:1px solid var(--btn-edge);border-bottom-color:var(--btn-edge-strong);min-height:38px;color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;background:linear-gradient(#fffefb,#f6f0e6);border-radius:8px;justify-content:center;align-items:center;gap:.45em;padding:0 14px;font-size:.92rem;font-weight:500;line-height:1;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform 80ms;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffffe6,0 1px 2px #2d4a3e14}.btn .tool-icon{color:var(--accent)}.btn:hover{border-color:var(--accent);box-shadow:inset 0 1px #ffffffe6,0 2px 6px #2d4a3e24}.btn:active{background:linear-gradient(#f3ede2,#f8f3ea);transform:translateY(1px);box-shadow:inset 0 1px 3px #2d4a3e2e}.btn.primary{color:var(--accent-ink);background:linear-gradient(#37594b,#2d4a3e);border-color:#1f362c;box-shadow:inset 0 1px #ffffff24,0 2px 5px #2d4a3e47}.btn.primary .tool-icon{color:#e8c98e}.btn.primary:hover{background:linear-gradient(#2f4f42,#243d33)}.btn:disabled{opacity:.55;cursor:progress;transform:none}.btn-group{border-radius:8px;display:inline-flex;box-shadow:0 1px 2px #2d4a3e14}.btn-group>.btn{border-radius:0;box-shadow:inset 0 1px #ffffffe6}.btn-group>.btn+.btn{margin-left:-1px}.btn-group>.btn:first-child{border-radius:8px 0 0 8px}.btn-group>.btn:last-child{border-radius:0 8px 8px 0}.btn-group>.btn:hover,.btn-group>.btn:focus-visible{z-index:1}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:active{transform:none}}.chip{background:var(--chip);color:var(--ink-soft);border-radius:999px;padding:.05em .6em;font-size:.78rem;display:inline-block}.player{background:var(--accent);border-radius:999px;align-items:center;gap:4px;min-height:40px;padding:0 8px 0 0;display:flex}.player .audio{flex:auto;min-width:0}.player .abcjs-inline-audio{background:0 0;border-radius:999px;height:40px;padding:4px 4px 4px 12px}.player .abcjs-inline-audio .abcjs-btn{border-radius:50%}.abcjs-cursor{stroke:var(--highlight);stroke-width:2px}.score-paper .highlight{fill:var(--highlight)}.score-paper .abcjs-note,.score-paper .abcjs-rest{cursor:pointer}@media (pointer:coarse){.abcjs-inline-audio .abcjs-midi-tempo{font-size:16px}.btn{min-height:44px}}@media print{header.site-header,footer.site-footer,.no-print,.abcjs-inline-audio{display:none!important}html,body,.score-paper{box-shadow:none!important;background:#fff!important}.score-paper .highlight{fill:currentColor}.abcjs-cursor{display:none}main{min-height:0!important;padding-bottom:0!important}.score-paper{border:none!important;padding:0!important}.score-paper>div,.score-paper svg{break-inside:avoid}}.site-header[data-v-e0638e22]{background:var(--accent);color:var(--accent-ink)}.bar[data-v-e0638e22]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;min-height:60px;padding-top:8px;padding-bottom:8px;display:flex}.brand[data-v-e0638e22]{color:var(--accent-ink);font-family:var(--font-head);align-items:center;gap:10px;font-size:1.2rem;text-decoration:none;display:inline-flex}.brand svg[data-v-e0638e22]{color:#c98a2b}nav[data-v-e0638e22]{flex-wrap:wrap;gap:4px;display:flex}nav a[data-v-e0638e22]{color:var(--accent-ink);border-radius:999px;padding:6px 12px;font-size:.95rem;text-decoration:none}nav a[data-v-e0638e22]:hover{background:#ffffff1f}nav a.router-link-exact-active[data-v-e0638e22]{background:var(--accent-ink);color:var(--accent)}main[data-v-e0638e22]{min-height:calc(100dvh - 200px);padding-bottom:48px}.site-footer[data-v-e0638e22]{border-top:1px solid var(--line);color:var(--ink-soft);padding:16px 0 calc(32px + env(safe-area-inset-bottom));font-size:.82rem}.copyright[data-v-e0638e22]{margin:8px 0 0}.intro[data-v-43d7a832]{padding:32px 0 8px}.intro h1[data-v-43d7a832]{margin:0 0 12px;font-size:clamp(1.5rem,4.5vw,2.3rem)}.intro p[data-v-43d7a832]{max-width:44em;color:var(--ink-soft)}.search input[data-v-43d7a832]{border:1px solid var(--line);width:100%;max-width:560px;font:inherit;background:#fff;border-radius:999px;padding:10px 16px}.visually-hidden[data-v-43d7a832]{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.group[data-v-43d7a832]{margin-top:36px}.group h2[data-v-43d7a832]{border-bottom:2px solid var(--accent);margin:0;padding-bottom:2px;font-size:1.4rem;display:inline-block}.group-desc[data-v-43d7a832]{color:var(--ink-soft);margin:6px 0 16px;font-size:.9rem}.cards[data-v-43d7a832]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.card[data-v-43d7a832]{background:var(--score);border:1px solid var(--line);height:100%;color:inherit;border-radius:8px;flex-direction:column;gap:2px;padding:14px 16px;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex}.card[data-v-43d7a832]:active{border-color:var(--accent)}@media (hover:hover){.card[data-v-43d7a832]:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 10px #1f2a2614}}.title[data-v-43d7a832]{font-family:var(--font-head);font-size:1.15rem;font-weight:600}.sub[data-v-43d7a832]{color:var(--ink-soft);font-size:.85rem}.creators[data-v-43d7a832]{color:var(--ink-soft);margin-top:4px;font-size:.82rem}.chips[data-v-43d7a832]{gap:6px;margin-top:auto;padding-top:8px;display:flex}.empty[data-v-43d7a832]{color:var(--ink-soft);margin-top:32px}