:root{--bg:#f5f3ee;--card:#fff;--text:#1f1d1a;--muted:#6b665e;--line:#e2ded6;--accent:#b5542b;--accent-soft:#fbe9df;--ok:#2d7a4f;--danger:#b42318;--outside:#8a4bd6;--outside-soft:#efe7fb;--hand-left:#2563eb;--hand-right:#16a34a;--active:#fde68a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#15130f;--card:#1f1c17;--text:#efeae2;--muted:#a39d92;--line:#35312a;--accent:#e0774a;--accent-soft:#3a261c;--outside-soft:#2b2140;--active:#7a5d05;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--accent);text-decoration:none}h1{margin:0 0 .25rem;font-size:1.5rem}h2{margin:0 0 .75rem;font-size:1.1rem}h3{margin:0 0 .5rem;font-size:1rem}button,input,select{font:inherit;color:inherit;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:.45rem .7rem}button{cursor:pointer}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}button.primary:disabled{opacity:.5;cursor:default}button.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}button.link{color:var(--accent);background:0 0;border:none;padding:.2rem .4rem}button.danger-btn{background:var(--danger);color:#fff;border-color:var(--danger);font-weight:600}a.btn{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:8px;padding:.45rem .7rem;font-weight:600;display:inline-block}a.btn:hover{border-color:var(--accent)}button.link.danger{color:var(--danger)}label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}label.check{flex-direction:row;align-items:center;gap:.4rem}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger)}.ok{color:var(--ok)}.grow{flex:1;min-width:0}.row{align-items:center;gap:.75rem;display:flex}.row.end{justify-content:flex-end}.center{place-items:center;min-height:100vh;padding:16px;display:grid}.topbar{background:var(--card);border-bottom:1px solid var(--line);z-index:5;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 16px;display:flex;position:sticky;top:0}.brand{color:var(--text);align-items:center;gap:.45rem;font-size:1.05rem;font-weight:700;display:inline-flex}.brand-icon{vertical-align:middle;border-radius:6px;width:26px;height:26px}.brand-icon.large{border-radius:9px;width:40px;height:40px}.login h1{align-items:center;gap:.6rem;display:flex}.topbar nav{align-items:center;gap:.75rem;display:flex}.topbar nav a.active{font-weight:600}main{padding:16px}.page{flex-direction:column;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem}.login{flex-direction:column;gap:.8rem;width:min(380px,100%);display:flex}.submit-form{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.submit-form input[type=url]{flex:280px}.list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.list li{align-items:center;gap:.75rem;display:flex}.job{border-bottom:1px solid var(--line);padding:.5rem 0}.title{font-weight:600}.progress{background:var(--line);border-radius:3px;height:6px;margin:.3rem 0;overflow:hidden}.progress div{background:var(--accent);height:100%;transition:width .5s}.song-link{color:var(--text);border-radius:8px;flex:1;align-items:center;gap:.75rem;padding:.4rem;display:flex}.song-link:hover{background:var(--accent-soft)}.song-link img,.thumb-placeholder{object-fit:cover;background:var(--line);border-radius:6px;place-items:center;width:64px;height:48px;display:grid}.meta{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.badge{background:var(--line);border-radius:999px;padding:.15rem .55rem;font-size:.85rem;display:inline-block}.badge.key{background:var(--accent-soft);color:var(--accent);font-weight:700}.song-header{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}.stats{flex-wrap:wrap;gap:.4rem;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;display:flex}.toolbar .group{align-items:center;gap:.35rem;display:flex}.toolbar .group>span{color:var(--muted);font-size:.9rem}.tval{text-align:center;min-width:2ch}.split{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:1rem;display:grid}.left-pane{flex-direction:column;gap:1rem;display:flex;position:sticky;top:64px}.right-pane{flex-direction:column;gap:1rem;display:flex}.player{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.yt-holder,.yt-holder iframe{width:100%;height:100%}.audio-player audio{width:100%}.chord-big{font-size:2.2rem;font-weight:700;line-height:1.1}.piano{width:100%;height:auto;margin-top:.5rem}.legend{flex-wrap:wrap;gap:1rem;margin-top:.4rem;font-size:.85rem;display:flex}.sw{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin-right:.3rem;display:inline-block}.sw.left{background:var(--hand-left)}.sw.right{background:var(--hand-right)}.outside{color:var(--outside)}.sheet{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.4rem;display:grid}.bar{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;gap:.3rem;min-height:52px;padding:.9rem .4rem .4rem;display:flex;position:relative}.bar.active-bar{border-color:var(--accent)}.bar-no{color:var(--muted);font-size:.65rem;position:absolute;top:2px;left:6px}.chord{border-radius:6px;padding:.25rem .5rem;font-size:.95rem;font-weight:600}.chord.active{background:var(--active);border-color:#0000}.chord.selected{outline:2px solid var(--accent)}.chord.outside{color:var(--outside);background:var(--outside-soft)}.chord.unsure{opacity:.6;border-style:dashed}.chord.nc{color:var(--muted);font-weight:400}.chord.held{color:var(--muted);background:0 0;border:none;font-weight:500}.outside-list{flex-direction:column;gap:.3rem;margin:0;padding-left:1.1rem;font-size:.9rem;display:flex}.setlist-item{border-bottom:1px solid var(--line);flex-wrap:wrap;padding:.5rem 0}.setlist-item .num{width:1.6rem}.setlist-item .title{color:var(--text)}.options{flex-wrap:wrap;margin-top:.6rem}.lyrics{flex-direction:column;gap:.35rem;display:flex}.lyric-block{border-radius:8px;flex-wrap:wrap;gap:0 .45rem;padding:.3rem .5rem;line-height:1.25;display:flex}.lyric-block.active{background:var(--accent-soft)}.lyric-block.instrumental{color:var(--muted);align-items:baseline;gap:.5rem}.word{cursor:pointer;flex-direction:column;max-width:100%;display:inline-flex}.word .chords{min-height:1.25em;color:var(--accent);flex-wrap:wrap;font-size:.9rem;font-weight:700;display:flex}.word .chords b{white-space:nowrap;margin-right:.4rem}.word .chords b.active,.chord-inline.active{background:var(--active);border-radius:4px;padding:0 .2rem}.word .text{font-size:1.05rem}.word:hover .text{text-decoration:underline}.chord-inline{color:var(--accent);font-weight:700}.lyrics-edit{flex-direction:column;gap:.4rem;display:flex}.edit-line{align-items:center;gap:.5rem;display:flex}.edit-line .time{text-align:right;width:3.2rem}.edit-line input{flex:1}.cipher{flex-direction:column;gap:.5rem;display:flex}.cbar{border:1px solid var(--line);cursor:pointer;border-radius:8px;gap:.25rem;padding:.9rem .5rem .4rem 1.4rem;display:grid;position:relative}.cbar.active{border-color:var(--accent);background:var(--accent-soft)}.cbar-no{color:var(--muted);font-size:.65rem;position:absolute;top:4px;left:6px}.cbeat{border-left:1px dashed var(--line);flex-direction:column;min-width:0;padding-left:.35rem;display:flex}.cbeat:first-child{border-left:none}.cchords,.clyrics{min-height:1.1em;font-size:.75rem;display:flex}.cchords{color:var(--accent);font-weight:700}.clyrics{color:var(--muted)}.cchords span,.clyrics span{white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cnotes{align-items:flex-end;display:flex}.ccell{flex-direction:column;flex:1;align-items:center;font-family:Segoe UI,system-ui,sans-serif;font-size:1.25rem;font-weight:600;line-height:1;display:flex}.ccell .dots{height:.55rem;color:var(--text);font-size:.55rem;line-height:.7}.ccell .num{padding:.1rem .15rem}.ccell.under .num{border-bottom:2px solid var(--text)}.ccell.\- .num,.ccell.�.num{color:var(--muted);font-weight:400}.cipher.editing{outline:none}.cipher.editing .cbar{cursor:default}.ccell.sel .num{background:var(--active);outline:2px solid var(--accent);border-radius:4px}.staff{color:#1f1d1a;background:#fff;border-radius:8px;padding:.5rem;overflow-x:auto}@media print{.topbar,.toolbar,.left-pane,.song-header .stats,button,.outside-list,.card>.row{display:none!important}main,.page,.split,.right-pane,.card{border:none!important;margin:0!important;padding:0!important;display:block!important}body{background:#fff}.staff{padding:0}}.staff svg{max-width:100%;height:auto}.staff .abcjs-note,.staff .abcjs-rest{cursor:pointer}.staff .playing,.staff .playing *{fill:#c2410c}.staff .playing[stroke]:not([stroke=none]),.staff .playing [stroke]:not([stroke=none]){stroke:#c2410c}@media print{.staff .playing{fill:#000;stroke:#000}}.print-only{display:none}@media print{.print-only{display:block!important}.printed-by{color:#666;margin-top:6mm;font-size:9pt}}.reanalyze-status{flex-direction:column;flex:220px;gap:.2rem;min-width:220px;display:flex}.reanalyze-status .progress{margin:0}.radio-list{flex-direction:column;gap:.4rem;display:flex}.radio-list label{color:var(--text)}.modal-backdrop{z-index:10;background:#0006;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{flex-direction:column;gap:.75rem;width:min(420px,100%);display:flex}@media (width<=860px){.split{grid-template-columns:minmax(0,1fr)}.left-pane{position:static}.chord-big{font-size:1.7rem}}@media (width<=640px){:root{font-size:16px}main{padding:12px}.page{gap:.75rem}.card{padding:.85rem}button,a.btn,select,input{min-height:44px}button.link{min-height:40px;padding:.4rem .6rem}p button.link{min-height:0;padding:.2rem .3rem}input[type=checkbox]{width:22px;height:22px;min-height:0}.topbar{gap:.5rem;padding:.4rem 12px;position:static}.brand-name,.who{display:none}.brand-icon{width:32px;height:32px}.topbar nav{flex-wrap:wrap;justify-content:flex-end;gap:.2rem}.topbar nav a,.topbar nav button.link{border-radius:8px;padding:.55rem .6rem;font-size:1rem}.topbar nav a.active{background:var(--accent-soft)}h1{font-size:1.45rem;line-height:1.25}.song-header{gap:.5rem}.badge{padding:.25rem .65rem;font-size:.9rem}.toolbar{flex-direction:column;align-items:stretch;gap:.55rem;display:flex}.toolbar .group{gap:.4rem}.toolbar .group>span{flex:none;width:5.6rem;font-size:.95rem}.toolbar .group>button{flex:1;padding:.45rem .3rem}.toolbar .group.views{border:1px solid var(--line);background:var(--card);border-radius:10px;order:-1;grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}.toolbar .group.views>span{display:none}.toolbar .group.views>button{border:none;border-left:1px solid var(--line);border-radius:0;font-weight:600;line-height:1.15}.toolbar .group.views>button:first-of-type{border-left:none}.toolbar .group.transpose .tval{min-width:3ch;font-size:1.1rem}.toolbar .group.transpose>button.link{flex:none}.toolbar .group.simple,.toolbar .group.snap{min-height:44px}.toolbar .group.simple label.check,.toolbar .group.snap label.check{color:var(--text);font-size:1rem}.toolbar .group.actions{grid-template-columns:1fr 1fr;display:grid}.toolbar .group.actions>*{text-align:center;justify-content:center;align-items:center;display:flex}.left-pane{display:contents}.player,.audio-card{z-index:4;position:sticky;top:0}.player{border-radius:0;margin:0 -12px;box-shadow:0 4px 12px #0000002e}.audio-card{box-shadow:0 4px 12px #0000001f}.lyric-block,.cbar,.bar,.staff .abcjs-note{scroll-margin-top:calc(56.25vw + 12px)}.chord-big{font-size:2rem}.legend{font-size:.9rem}.sheet{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.chord{padding:.35rem .55rem;font-size:1.1rem}.bar-no{font-size:.75rem}.lyric-block{gap:.15rem .5rem;padding:.4rem .45rem}.word .chords{font-size:1rem}.word .text{font-size:1.2rem}.cbar{padding:1rem .35rem .45rem 1.3rem}.cbar-no{font-size:.75rem}.ccell{font-size:1.4rem}.cchords,.clyrics{font-size:.85rem}.cchords span,.clyrics span{overflow:visible}.clyrics span{white-space:normal;line-height:1.15}.cbeat:last-child .cchords span:last-child,.cbeat:last-child .clyrics span:last-child{text-align:right;justify-content:flex-end;display:flex}.modal button{flex:1}.submit-form{flex-direction:column;align-items:stretch}.submit-form input[type=url]{flex:none}.submit-form>.muted{text-align:center;font-size:.9rem}.card>.row:has(h2){flex-wrap:wrap}.card>.row:has(h2)>input{flex:100%}.list.songs li{gap:.25rem}.list.songs .song-link{grid-template-columns:72px minmax(0,1fr);gap:.3rem .7rem;padding:.45rem .2rem;display:grid}.list.songs .song-link img,.list.songs .thumb-placeholder{grid-row:span 2;width:72px;height:54px}.list.songs .title{overflow-wrap:anywhere;font-size:1.02rem;line-height:1.25}.list.songs .meta{flex-direction:row;grid-column:2;align-items:center;gap:.5rem}}.abcjs-inline-audio{box-sizing:border-box;background-color:#424242;border-radius:3px;align-items:center;height:26px;padding:0 5px;display:flex}.abcjs-inline-audio.abcjs-disabled{opacity:.5}.abcjs-inline-audio .abcjs-btn{box-sizing:border-box;border:1px solid #0000;width:28px;height:34px;margin-right:2px;padding:7px 4px;line-height:1;display:block;background:0 0!important}.abcjs-btn g{fill:#f4f4f4;stroke:#f4f4f4}.abcjs-inline-audio .abcjs-btn:hover g{fill:#ccc;stroke:#ccc}.abcjs-inline-audio .abcjs-midi-selection.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-loop.abcjs-pushed,.abcjs-inline-audio .abcjs-midi-reset.abcjs-pushed{box-sizing:border-box;background-color:#666;border:1px solid #ccc}.abcjs-inline-audio .abcjs-midi-start .abcjs-pause-svg,.abcjs-inline-audio .abcjs-midi-start .abcjs-loading-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-play-svg,.abcjs-inline-audio .abcjs-midi-start.abcjs-loading .abcjs-play-svg{display:none}.abcjs-inline-audio .abcjs-midi-start.abcjs-pushed .abcjs-pause-svg{display:block}.abcjs-inline-audio .abcjs-midi-progress-background{box-sizing:border-box;background-color:#424242;border:2px solid #ccc;border-radius:5px;flex:1;height:10px;margin:0 8px 0 15px;padding:0;position:relative}.abcjs-inline-audio .abcjs-midi-progress-indicator{box-sizing:border-box;background-color:#f4f4f4;border-radius:6px;width:20px;height:14px;margin-left:-10px;display:inline-block;position:absolute;top:-4px;left:0}.abcjs-inline-audio .abcjs-midi-clock{box-sizing:border-box;color:#f4f4f4;margin-top:1px;margin-left:4px;margin-right:2px;font-family:sans-serif;font-size:16px;display:inline-block}.abcjs-inline-audio .abcjs-tempo-wrapper{color:#f4f4f4;box-sizing:border-box;align-items:center;font-size:10px;display:flex}.abcjs-inline-audio .abcjs-midi-tempo{box-sizing:border-box;border:none;border-radius:2px;width:42px;margin:0 2px 0 4px;padding-left:2px}.abcjs-inline-audio .abcjs-loading .abcjs-loading-svg{display:inherit}.abcjs-inline-audio .abcjs-loading{outline:none;animation-name:abcjs-spin;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}.abcjs-inline-audio .abcjs-loading-svg circle{stroke:#f4f4f4}@keyframes abcjs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.abcjs-large .abcjs-inline-audio{height:52px}.abcjs-large .abcjs-btn{width:56px;height:52px;padding:6px 8px;font-size:28px}.abcjs-large .abcjs-midi-progress-background{border:4px solid #ccc;height:20px}.abcjs-large .abcjs-midi-progress-indicator{width:40px;height:28px;top:-8px}.abcjs-large .abcjs-midi-clock{margin-top:-1px;margin-left:10px;margin-right:10px;font-size:32px}.abcjs-large .abcjs-midi-tempo{width:50px;font-size:20px}.abcjs-large .abcjs-tempo-wrapper{font-size:20px}.abcjs-css-warning{display:none}