:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1d1d1f;--surface:#ffffffdb;--surface-solid:#fff;--separator:#3c3c432e;--accent:#0071e3;--accent-pressed:#005bb5;--muted:#6e6e73;--score-scale:1;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{background:#f5f5f7;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 60%, transparent);outline-offset:2px}.app-shell{grid-template-columns:minmax(240px,320px) minmax(0,1fr);min-height:100vh;display:grid}.catalog-panel{z-index:2;background:var(--surface-solid);border-right:1px solid var(--separator);min-width:0;overflow-y:auto}.catalog-panel__header{z-index:1;background:color-mix(in srgb, var(--surface-solid) 88%, transparent);border-bottom:1px solid var(--separator);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:16px;position:sticky;top:0}.catalog-panel__dismiss{display:none}.search-field{color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:600;display:block}.search-field__row{border:1px solid var(--separator);background:#f5f5f7;border-radius:10px;align-items:center;gap:4px;min-height:44px;display:flex}.search-field__row input{min-width:0;height:42px;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:0 12px}.search-field__row .touch-control{min-width:40px;min-height:40px}.catalog-list{padding:8px}.catalog-list__summary{color:var(--muted);margin:8px;font-size:13px}.artist-group{margin:0 0 20px}.artist-group__toggle{width:100%;min-height:42px;color:var(--muted);text-align:left;background:0 0;border-radius:9px;align-items:center;margin:8px 0 2px;padding:0 8px;font-size:13px;font-weight:600;display:flex}.artist-group__toggle:hover{background:#0071e314}.artist-group__chevron{width:22px;color:var(--accent);font-size:19px;line-height:1}.artist-group__count{color:var(--muted);margin-left:auto;font-size:12px;font-weight:500}.song-list-item{color:#1d1d1f;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:9px;width:100%;min-height:44px;padding:10px 12px;display:block;overflow:hidden}.song-list-item:hover,.song-list-item[aria-current=page]{color:var(--accent-pressed);background:#0071e317}.catalog-message{color:var(--muted);margin:12px;font-size:14px}.catalog-message p{margin:0 0 8px}.catalog-message button{min-height:44px;color:var(--accent);background:0 0}.score-pane{background:#f5f5f7;flex-direction:column;min-width:0;display:flex}.score-pane__header{z-index:3;background:color-mix(in srgb, var(--surface-solid) 84%, transparent);border-bottom:1px solid var(--separator);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);align-items:center;min-height:60px;padding:8px 16px;display:flex;position:sticky;top:0}.catalog-toggle{flex:none;margin-right:8px;font-size:21px}.score-pane__identity{flex:1;gap:2px;min-width:0;display:grid}.score-pane__identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.score-pane__identity span{color:var(--muted);font-size:13px}.edit-on-github{color:var(--accent);white-space:nowrap;flex:none;justify-content:center;align-items:center;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.edit-on-github:hover{background:#0071e314}.score-pane__reader{background:var(--surface-solid);border:1px solid var(--separator);border-radius:14px;min-width:0;margin:16px;overflow:hidden;box-shadow:0 1px 2px #0000000a}.score-empty{max-width:36rem;color:var(--muted);text-align:center;margin:auto;padding:32px 24px}.score-empty p{margin-top:0}.app-shell--catalog-collapsed{grid-template-columns:0 minmax(0,1fr)}.app-shell--catalog-collapsed .catalog-panel{visibility:hidden;pointer-events:none}.score-scroll{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;overflow-x:auto}.score{width:max-content;min-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:calc(16px * var(--score-scale));font-variant-ligatures:none;padding:24px;line-height:1.72}.score-line{white-space:pre;min-height:1.72em;position:relative}.score-line__mask{white-space:pre}.score-line__cell{white-space:pre;display:inline-block;overflow:hidden}.score-line__chord{color:var(--accent);white-space:nowrap;font-weight:650;position:absolute;top:0}.score-line__mobile-chords{display:none}.viewer-toolbar-scroll{background:var(--surface);border-bottom:1px solid var(--separator);-webkit-overflow-scrolling:touch;overflow-x:auto}.viewer-toolbar{align-items:center;gap:16px;width:max-content;min-width:100%;padding:12px 24px;display:flex}.mode-toggle,.font-controls{flex:none;align-items:center;gap:4px;display:flex}.touch-control{color:#1d1d1f;background:0 0;border-radius:10px;min-width:44px;min-height:44px}.touch-control:hover{background:#0071e314}.touch-control:active{color:var(--accent-pressed);background:#0071e326}.mode-toggle__option[aria-checked=true],.key-picker__key[aria-checked=true]{color:#fff;background:var(--accent)}.key-picker{grid-template-columns:repeat(12,minmax(44px,1fr));gap:4px;min-width:660px;display:grid}.key-picker__key{white-space:nowrap;font-size:14px}.font-controls output{min-width:48px;color:var(--muted);text-align:center;font-size:14px}@media (width<=600px){.viewer-toolbar{padding:10px 16px}.score{padding:20px 16px}.score-scroll{scrollbar-width:thin}}@media (width<=699px){.app-shell{display:block}.catalog-panel{z-index:4;width:min(86vw,340px);position:fixed;inset:0 auto 0 0;box-shadow:8px 0 28px #00000024}.catalog-panel__header{grid-template-columns:44px minmax(0,1fr);align-items:end;gap:8px;display:grid}.catalog-panel__dismiss{grid-row:span 2;font-size:26px;display:block}.catalog-panel__header .search-field,.catalog-panel__header .search-field__row{grid-column:2}.catalog-panel__header .search-field{margin-bottom:0}.app-shell--catalog-collapsed .catalog-panel{display:none}.score-pane__header{padding:8px 12px}.score-pane__reader{box-shadow:none;border-left:0;border-right:0;border-radius:0;margin:0}.score-scroll{overflow-x:hidden}.score{width:auto;min-width:0;padding:18px 16px 28px}.score-line{white-space:normal;overflow-wrap:anywhere;min-height:0;min-width:0!important}.score-line--chords{margin:12px 0 3px}.score-line__desktop{display:none}.score-line__mobile-chords{color:var(--accent);letter-spacing:.01em;font-weight:650;display:inline}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}