@font-face{font-family:iRealFont;src:url(/leo/assets/iRealFont-Cm1_YbRi.woff) format("woff"),url(/leo/assets/iRealFont-B-z256HD.ttf) format("truetype"),url(/leo/assets/iRealFont-3uDiHhRl.svg#webfont) format("svg");font-weight:400;font-style:normal}irr-char,irr-lbar,irr-rbar,irr-measure,irr-annot{font-family:iRealFont}.irr-small{font-stretch:condensed!important}irr-chords{box-sizing:border-box;line-height:normal;display:grid;grid-row-gap:.4em;grid-template-columns:repeat(16,6.25%);width:calc(100% - 1ch);margin-left:1ch;page-break-inside:avoid}irr-cell{vertical-align:top;position:relative;margin-top:0;white-space:nowrap}irr-lbar{margin-right:4px}irr-rbar{float:right}irr-char.single-repeat{float:right}irr-char.double-repeat{float:right;margin-right:-.4em}irr-char.irr-root{padding-left:1ch}irr-chord{overflow:visible;position:relative}irr-chord>sup,irr-chord>sub{vertical-align:baseline;position:relative;top:-.4em;font-size:.7em}irr-chord>sub{position:relative;font-size:.4em;top:.4em}irr-chord>irr-chord{font-size:.6em;transform:translate(30%,-60%);position:absolute}irr-over{display:block;margin-top:-.4em;margin-left:1ch;font-size:.8em}irr-chord>irr-chord>irr-over{display:inline;font-size:.8em;margin:0}irr-over:before{content:"/"}irr-measure{font-size:.9em;font-weight:400;position:absolute;transform:translate(-.5ch,-.15em);line-height:1.05em;text-align:center}irr-spacer{grid-column-start:1;grid-column-end:17}irr-section{float:left;position:absolute;top:-1em;left:-.2em;font-size:.5em;font-weight:700;margin-left:-2ch;padding:0 4px;background-color:#ccc}irr-comment{position:absolute;left:0;overflow:visible;font:700 .5em monospace;white-space:pre;letter-spacing:0;top:2.5em}irr-cell.irr-comment{padding-bottom:.3em}irr-repeat{border-left:1px solid black;border-top:1px solid black;width:200%;text-align:left;padding-left:2px;font-size:.3em;font-weight:700;position:absolute;left:0;top:-.8em}irr-repeat:after{content:"."}irr-annot{font-size:.8em;position:absolute;top:-.8em;left:.8em}irr-chords[hilite] irr-chord>irr-chord,irr-chords[hilite] irr-over,irr-chords[hilite] irr-annot,irr-chords[hilite] irr-repeat,irr-chords[hilite] irr-measure,irr-chords[hilite] irr-comment{color:red!important}irr-chords[hilite] irr-section{background-color:#fcc}irr-chords[hilite] irr-repeat{border-left-color:red;border-top-color:red}irr-chords[hilite] irr-char.irr-root{color:#add8e6!important}@media print{irr-section{border:1px solid grey;padding:0 3px}}@font-face{font-family:MuseJazzText;src:url(fonts/MuseJazzText.otf) format("opentype")}.page,.page--dark{width:auto;margin-left:auto;margin-right:auto;padding:.5rem;font-family:MuseJazzText;box-shadow:none;border-bottom-left-radius:.35rem;border-bottom-right-radius:.35rem}.page{background:var(--c-page-light);border-color:var(--c-page-light-border)}.page--dark{background:var(--c-page-dark);border-color:var(--c-page-dark-border)}.page__header{border-bottom:.15rem solid var(--c-grey-dark)}.page__header__title{padding:0;font-size:1.4em;text-align:center}.page__header__subtitle{display:flex;justify-content:space-between;margin-top:.5rem;padding-bottom:.3rem;font-size:1em}.page__header__bpm{margin:0}.page__sheet{margin-top:.3em;margin-bottom:.5em;font-size:clamp(1em,calc(var(--vw) * 4),3em)}.page__sheet:empty{display:none}@media(max-height:480px)and (orientation:landscape){.page__header{display:flex;justify-content:space-between;padding-bottom:.2em}.page__header__title{font-size:1.2em}.page__header__subtitle{gap:2em;margin:0;padding:0}}@media(min-width:768px){.page__sheet{font-size:clamp(1em,calc(var(--vw) * 5),2em)}.page--shadow{box-shadow:1rem 1rem 1rem 0 var(--c-page-light-shadow)}.page--dark-shadow{box-shadow:1rem 1rem 1rem 0 var(--c-page-dark-shadow)}}irr-chords{grid-row-gap:.7em;margin-left:.3em}irr-chords:has(irr-cell>irr-chord irr-chord){margin-top:.5em}.edit-song-btn{margin-left:1rem;padding:.25rem .75rem;font-size:.8rem;border-radius:4px;transition:all .2s ease}.edit-song-btn:hover{transform:translateY(-1px)}irr-cell:not(irr-cell:has(irr-measure))>irr-section+irr-chord:has(irr-chord)>irr-chord{transform:translate(.6em,-70%)}irr-cell.small:has(irr-measure+irr-section+irr-chord>irr-lbar)+irr-cell:has(+irr-cell:not(irr-cell>irr-chord)){left:.3em}irr-cell>irr-chord irr-chord{transform:translate(.2em,-70%)}irr-chord>sup{position:absolute;font-size:.7em;margin-top:.4em;margin-left:.1em}irr-chord>sub{margin-left:.15em;font-size:.5em;letter-spacing:.05em}irr-cell:has(irr-section)>irr-chord>irr-chord>sub{margin-left:-.15em}irr-repeat{font-size:.35em}irr-spacer{margin-block:-.1em;border-bottom:2px solid var(--c-grey-light)}irr-annot{font-size:.5em;transform:translateY(.5em);transform:translate(.6em)}irr-cell:has(irr-section)>irr-annot{transform:translate(1em)}irr-cell.irr-comment{padding:0;width:50}irr-cell.irr-comment:not(irr-cell.small)>irr-comment{transform:translateY(.5em)}irr-cell.small irr-comment{transform:translateY(2em)}irr-cell.small:has(>irr-chord>irr-chord) irr-comment{transform:translate(-3em,1.75em)}irr-cell.small.irr-comment:has(>irr-chord) irr-comment{color:red}irr-measure{margin-left:-.2em;margin-bottom:-.7em;top:.2em}irr-section{background-color:var(--c-grey-light);margin-left:.19em}irr-chords:has(irr-section):first-child{margin-top:.9em}irr-over{position:relative;left:-.2em;top:.1em;font-size:.6em}irr-chord>irr-chord>irr-over{left:.2em}irr-cell:has(>irr-chord>irr-rbar)+irr-cell>irr-chord:not(irr-chord:has(irr-lbar)){left:.05em}irr-cell:has(>irr-rbar),irr-cell:has(>irr-lbar){margin-right:-.2em}irr-cell>irr-rbar{margin-top:.25em}irr-chord>irr-rbar{margin-top:.25em}irr-cell.small:has(>irr-chord+irr-rbar) irr-rbar{bottom:2.15em}irr-cell.small:has(>irr-chord+irr-rbar){height:2.2em}irr-cell.small:has(>irr-chord>irr-rbar){position:relative;width:1.4em}irr-cell:has(irr-section)>irr-repeat{margin-left:2.2em}irr-char.single-repeat{transform:translate(-.5em)}@font-face{font-family:MuseJazzText;src:url(fonts/MuseJazzText.otf) format("opentype")}.Row{display:flex}.Measure{background:var(--c-page-dark)}.Measure__Measure_Box{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 10fr 1fr}.Measure__Measure_Box__Comment_Top_Box{display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:1fr}.Measure__Measure_Box__Chord_Box{display:grid;grid-template-columns:1fr 3fr 3fr 3fr 3fr 1fr;grid-template-rows:1fr 10fr}.Measure__Measure_Box__Comment_Bottom_Box{display:grid;grid-template-columns:repeat(14,1fr);grid-template-rows:1fr}.Measure__Measure_Box__Chord_Box__Chord{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.Measure__Measure_Box__Chord_Box__Section_L{grid-area:1 / 1 / 1 / 1}.Measure__Measure_Box__Chord_Box__Repeat_L{grid-area:1 / 2 / 1 / 4}.Measure__Measure_Box__Chord_Box__Repeat_R{grid-area:1 / 4 / 1 / 6}.Measure__Measure_Box__Chord_Box__Section_R{grid-area:1 / 6 / 1 / 6}.Measure__Measure_Box__Chord_Box__LBar{grid-area:2 / 1 / 2 / 1}.Chord_1{grid-area:2 / 2 / 2 / 2}.Chord_2{grid-area:2 / 3 / 2 / 3}.Chord_3{grid-area:2 / 4 / 2 / 4}.Chord_4{grid-area:2 / 5 / 2 / 5}.Measure__Measure_Box__Chord_Box__RBar{grid-area:2 / 6 / 2 / 6}.Measure__Measure_Box__Chord_Box__Center_Perc{grid-area:2 / 3 / 2 / 5}.Measure__Measure_Box__Chord_Box__Bar_Perc{grid-area:2 / 6 / 2 / 6}.Measure__Measure_Box__Chord_Box__Chord__Above_Chord{grid-area:1 / 1 / 1 / 1}.Measure__Measure_Box__Chord_Box__Chord__Note{grid-area:2 / 1 / 4 / 1}.Measure__Measure_Box__Chord_Box__Chord__Flat{grid-area:2 / 2 / 2 / 2}.Measure__Measure_Box__Chord_Box__Chord__Sub{grid-area:3 / 2 / 3 / 2}.Measure__Measure_Box__Chord_Box__Chord__Sub_Mod{grid-area:3 / 3 / 3 / 3}.Measure__Measure_Box__Chord_Box__Chord__Below_Chord{grid-area:4 / 1 / 4 / 1}.Measure__Measure_Box{background:#e7df6e}.Measure__Measure_Box__Comment_Top_Box{background:#cf8787}.Measure__Measure_Box__Comment_Top_Box__Comment{background:#a34c4c}.Measure__Measure_Box__Comment_Bottom_Box{background:#6a90b1}.Measure__Measure_Box__Comment_Bottom_Box__Comment{background:#466bc1}.Measure__Measure_Box__Chord_Box__LBar,.Measure__Measure_Box__Chord_Box__Repeat_L,.Measure__Measure_Box__Chord_Box__Section_R{background:#ac6629}.Measure__Measure_Box__Chord_Box__RBar,.Measure__Measure_Box__Chord_Box__Repeat_R,.Measure__Measure_Box__Chord_Box__Section_L{background:#c28148}.Measure__Measure_Box__Chord_Box__Center_Perc,.Measure__Measure_Box__Chord_Box__Bar_Perc{background:#93c85d}.Measure__Measure_Box__Chord_Box__Chord__Above_Chord{background:#ba95d2}.Measure__Measure_Box__Chord_Box__Chord__Note{background:#6f418d}.Measure__Measure_Box__Chord_Box__Chord__Flat{background:#a271c3}.Measure__Measure_Box__Chord_Box__Chord__Sub{background:#5a257d}.Measure__Measure_Box__Chord_Box__Chord__Sub_Mod{background:#48156b}.Measure__Measure_Box__Chord_Box__Chord__Below_Chord{background:#4a2a5f}.metronome{width:auto;margin-left:auto;margin-right:auto;padding:2rem;font-family:MuseJazzText,sans-serif;background:var(--c-page-light);border-color:var(--c-page-light-border);border-bottom-left-radius:.35rem;border-bottom-right-radius:.35rem;max-width:600px;text-align:center}.page--dark .metronome{background:var(--c-page-dark);border-color:var(--c-page-dark-border);color:var(--c-text-dark)}.metronome h2{margin-top:0;margin-bottom:2rem;font-size:2.5em;color:var(--c-grey-dark);border-bottom:.15rem solid var(--c-grey-dark);padding-bottom:.5rem}.page--dark .metronome h2{color:var(--c-text-dark);border-bottom-color:var(--c-text-dark)}.metronome .controls{margin-bottom:2rem}.metronome button{padding:15px 30px;font-size:18px;font-family:MuseJazzText,sans-serif;border:2px solid var(--c-grey-dark);border-radius:8px;background:var(--c-page-light);color:var(--c-grey-dark);cursor:pointer;transition:all .3s ease;margin-bottom:2rem}.metronome button:hover{background:var(--c-grey-dark);color:var(--c-page-light)}.page--dark .metronome button{border-color:var(--c-text-dark);background:var(--c-page-dark);color:var(--c-text-dark)}.page--dark .metronome button:hover{background:var(--c-text-dark);color:var(--c-page-dark)}.metronome .tempo-control,.metronome .mute-control,.metronome .volume-control,.metronome .rhythm-control,.metronome .emphasis-control{margin-bottom:1.5rem;padding:1rem;border:1px solid var(--c-grey-light);border-radius:8px;background:#ffffff80}.page--dark .metronome .tempo-control,.page--dark .metronome .mute-control,.page--dark .metronome .volume-control,.page--dark .metronome .rhythm-control,.page--dark .metronome .emphasis-control{border-color:var(--c-grey-dark);background:#0000004d}.metronome label{display:block;font-size:1.2em;font-weight:700;margin-bottom:.5rem;color:var(--c-grey-dark)}.page--dark .metronome label{color:var(--c-text-dark)}.metronome .beat-type-controls{margin-top:1rem}.metronome .beat-type-controls label{margin-bottom:.5rem}.metronome .beat-type-buttons{display:flex;gap:.4rem;margin-top:.75rem;flex-wrap:wrap;justify-content:flex-start}.metronome .beat-type-btn{padding:.4rem;border:2px solid var(--c-grey-light);border-radius:4px;background:var(--c-white);color:var(--c-grey-dark);cursor:pointer;transition:all .2s ease;font-size:.95em;text-align:center;min-height:50px;min-width:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;flex:0 0 auto}.metronome .beat-type-btn:hover{background:var(--c-grey-light);transform:translateY(-2px)}.metronome .beat-type-btn.active{background:var(--c-focus-color);color:#fff;border-color:var(--c-focus-color)}.metronome .beat-type-btn.active:hover{background:var(--c-focus-color);color:#fff}.metronome .beat-type-btn.dotted{border-style:dashed;opacity:.9}.metronome .beat-type-btn.dotted:hover{opacity:1}.page--dark .metronome .beat-type-btn{background:var(--c-grey-dark);color:var(--c-white);border-color:var(--c-grey-mid)}.page--dark .metronome .beat-type-btn:hover{background:var(--c-grey-mid)}.page--dark .metronome .beat-type-btn.active{background:var(--c-focus-color);color:#fff;border-color:var(--c-focus-color)}.metronome input[type=range]{width:100%;height:8px;border-radius:4px;background:var(--c-grey-light);outline:none;transition:background .3s ease}.metronome input[type=range]:hover{background:var(--c-grey-dark)}.metronome input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--c-grey-dark);cursor:pointer;transition:background .3s ease}.metronome input[type=range]::-webkit-slider-thumb:hover{background:var(--c-grey-darker)}.page--dark .metronome input[type=range]{background:var(--c-grey-dark)}.page--dark .metronome input[type=range]:hover{background:var(--c-grey-light)}.page--dark .metronome input[type=range]::-webkit-slider-thumb{background:var(--c-text-dark)}.page--dark .metronome input[type=range]::-webkit-slider-thumb:hover{background:var(--c-grey-light)}.metronome .sync-section{margin-bottom:1rem}.metronome .sync-section label{margin-bottom:.5rem}.metronome .sync-display{margin-left:.5rem;font-weight:700;color:var(--c-focus-color);min-width:50px;display:inline-block}.page--dark .metronome .sync-display{color:var(--c-focus-color)}.metronome .rhythm-display{margin:1rem 0;padding:1rem;border:2px dashed var(--c-grey-light);border-radius:8px;min-height:80px;background:#fffc;position:relative}.page--dark .metronome .rhythm-display{border-color:var(--c-grey-dark);background:#00000080}.metronome .pattern-notes{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center}.metronome .empty-pattern{display:flex;justify-content:center;align-items:center;height:80px;color:var(--c-grey-mid);font-style:italic;text-align:center}.page--dark .metronome .empty-pattern{color:var(--c-grey-light)}.metronome .pattern-help{text-align:center;font-size:.9em;color:var(--c-grey-mid);font-style:italic;margin-top:.5rem}.page--dark .metronome .pattern-help{color:var(--c-grey-light)}.metronome .note{display:flex;flex-direction:column;align-items:center;padding:.75rem;border:2px solid var(--c-grey-light);border-radius:8px;background:var(--c-white);transition:all .05s ease;min-width:70px;min-height:70px;cursor:pointer;position:relative}.metronome .note:hover{background:var(--c-grey-light);transform:translateY(-2px);border-color:var(--c-grey-dark)}.metronome .note.active{background:var(--c-focus-color);color:#fff;transform:scale(1.15);border-color:var(--c-focus-color)}.metronome .note.active:hover{background:var(--c-focus-color);transform:scale(1.15) translateY(-2px)}.page--dark .metronome .note{background:var(--c-grey-dark);color:var(--c-white);border-color:var(--c-grey-mid)}.page--dark .metronome .note:hover{background:var(--c-grey-mid);border-color:var(--c-grey-light)}.metronome .note-symbol{font-size:2.2em;font-weight:700;line-height:1}.metronome .note-name{font-size:.65em;margin-top:.3rem;font-weight:400}.metronome .remove-indicator{position:absolute;top:-5px;right:-5px;background:var(--c-grey-dark);color:var(--c-white);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.8em;font-weight:700;opacity:0;transition:opacity .3s ease}.metronome .note:hover .remove-indicator{opacity:1}.page--dark .metronome .remove-indicator{background:var(--c-grey-light);color:var(--c-grey-dark)}.metronome .note-buttons h4,.metronome .preset-patterns h4{margin:1rem 0 .5rem;font-size:1em;color:var(--c-grey-dark)}.page--dark .metronome .note-buttons h4,.page--dark .metronome .preset-patterns h4{color:var(--c-text-dark)}.metronome .patterns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.metronome .patterns-header h4{margin:0}.metronome .pattern-actions{display:flex;gap:.3rem;position:absolute;top:.5rem;right:.5rem;z-index:10}.metronome .action-icon{padding:.25rem;border:1px solid var(--c-grey-light);border-radius:3px;background:var(--c-white);color:var(--c-grey-dark);cursor:pointer;transition:all .2s ease;font-size:.9em;text-align:center;min-width:24px;min-height:24px;display:flex;justify-content:center;align-items:center;opacity:.8}.metronome .action-icon:hover{background:var(--c-grey-light);transform:translateY(-1px);opacity:1}.page--dark .metronome .action-icon{background:var(--c-grey-dark);color:var(--c-white);border-color:var(--c-grey-mid)}.page--dark .metronome .action-icon:hover{background:var(--c-grey-mid)}.metronome .action-icon.active{background:var(--c-focus-color);color:#fff;border-color:var(--c-focus-color);opacity:1}.metronome .action-icon.active:hover{background:var(--c-focus-color);color:#fff}.page--dark .metronome .action-icon.active{background:var(--c-focus-color);color:#fff;border-color:var(--c-focus-color)}.metronome .dot-control{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding:.5rem;border:1px solid var(--c-grey-light);border-radius:8px;background:#ffffff4d}.metronome .note-rest-container{display:flex;flex-direction:column;gap:.5rem;flex:1}.page--dark .metronome .dot-control{border-color:var(--c-grey-dark);background:#0003}.metronome .dot-btn{padding:.5rem;border:2px solid var(--c-grey-light);border-radius:4px;background:var(--c-white);color:var(--c-grey-dark);cursor:pointer;transition:all .2s ease;font-size:1.2em;text-align:center;min-height:60px;min-width:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700}.metronome .dot-btn:hover{background:var(--c-grey-light);transform:translateY(-2px)}.metronome .dot-btn.active{background:var(--c-focus-color);color:#fff;border-color:var(--c-focus-color)}.metronome .dot-btn.active:hover{background:var(--c-focus-color);color:#fff}.page--dark .metronome .dot-btn{background:var(--c-grey-dark);color:var(--c-white);border-color:var(--c-grey-mid)}.page--dark .metronome .dot-btn:hover{background:var(--c-grey-mid)}.metronome .dot-help{font-size:.9em;color:var(--c-grey-mid);font-style:italic}.page--dark .metronome .dot-help{color:var(--c-grey-light)}.metronome .status{font-size:.7em;font-weight:400}.metronome .note-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:.5rem}.metronome .note-btn{padding:.5rem;border:1px solid var(--c-grey-light);border-radius:4px;background:var(--c-white);color:var(--c-grey-dark);cursor:pointer;transition:all .2s ease;font-size:1.2em;text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700}.metronome .note-btn:hover{background:var(--c-grey-light);transform:translateY(-2px)}.page--dark .metronome .note-btn{background:var(--c-grey-dark);color:var(--c-white);border-color:var(--c-grey-mid)}.page--dark .metronome .note-btn:hover{background:var(--c-grey-mid)}.metronome .rest-btn{padding:.5rem;border:2px solid var(--c-grey-mid);border-radius:4px;background:var(--c-grey-light);color:var(--c-grey-dark);cursor:pointer;transition:all .2s ease;font-size:1.2em;text-align:center;min-height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700}.metronome .rest-btn:hover{background:var(--c-grey-mid);color:var(--c-white);transform:translateY(-2px)}.page--dark .metronome .rest-btn{background:var(--c-grey-mid);color:var(--c-white);border-color:var(--c-grey-light)}.page--dark .metronome .rest-btn:hover{background:var(--c-grey-light);color:var(--c-grey-dark)}.metronome .pattern-controls{display:flex;gap:.5rem;margin:1rem 0}.metronome .control-btn,.metronome .preset-btn{padding:.5rem 1rem;border:1px solid var(--c-grey-dark);border-radius:4px;background:var(--c-white);color:var(--c-grey-dark);cursor:pointer;transition:all .2s ease;font-size:.9em}.metronome .control-btn:hover,.metronome .preset-btn:hover{background:var(--c-grey-dark);color:var(--c-white)}.page--dark .metronome .control-btn,.page--dark .metronome .preset-btn{background:var(--c-grey-dark);color:var(--c-white);border-color:var(--c-grey-light)}.page--dark .metronome .control-btn:hover,.page--dark .metronome .preset-btn:hover{background:var(--c-grey-light);color:var(--c-grey-dark)}.metronome .preset-patterns{display:flex;flex-direction:column;gap:.5rem}.metronome .preset-patterns .preset-btn{margin-right:.5rem;margin-bottom:.5rem}.metronome .saved-pattern{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.metronome .saved-pattern-actions{display:flex;gap:.5rem;margin-left:auto}.metronome .load-btn{padding:.25rem .5rem;border:1px solid var(--c-focus-color);border-radius:4px;background:var(--c-focus-color);color:#fff;cursor:pointer;font-size:.9em;font-weight:700;transition:all .2s ease;min-width:50px;text-align:center}.metronome .load-btn:hover{background:var(--c-focus-color-dark, #0056b3);border-color:var(--c-focus-color-dark, #0056b3);transform:translateY(-1px)}.metronome .delete-btn{padding:.25rem .5rem;border:1px solid #dc3545;border-radius:4px;background:#dc3545;color:#fff;cursor:pointer;font-size:.9em;font-weight:700;transition:all .2s ease;min-width:50px;text-align:center}.metronome .delete-btn:hover{background:#c82333;border-color:#c82333;transform:translateY(-1px)}.page--dark .metronome .load-btn{background:var(--c-focus-color);border-color:var(--c-focus-color)}.page--dark .metronome .load-btn:hover{background:var(--c-focus-color-dark, #0056b3);border-color:var(--c-focus-color-dark, #0056b3)}.page--dark .metronome .delete-btn{background:#dc3545;border-color:#dc3545}.page--dark .metronome .delete-btn:hover{background:#c82333;border-color:#c82333}.metronome .emphasis-control label{display:flex;align-items:center;font-size:1.1em;cursor:pointer}.metronome .emphasis-control input[type=checkbox]{margin-right:.5rem;width:18px;height:18px;cursor:pointer}@media(max-height:480px)and (orientation:landscape){.metronome{padding:1rem}.metronome h2{font-size:1.8em;margin-bottom:1rem}.metronome button{padding:10px 20px;font-size:16px;margin-bottom:1rem}.metronome .tempo-control,.metronome .mute-control,.metronome .volume-control,.metronome .rhythm-control,.metronome .emphasis-control{margin-bottom:1rem;padding:.5rem}.metronome .note-grid{grid-template-columns:repeat(3,1fr)}.metronome .pattern-controls,.metronome .preset-patterns{flex-direction:column}}@media(min-width:768px){.metronome{box-shadow:1rem 1rem 1rem 0 var(--c-page-light-shadow)}.page--dark .metronome{box-shadow:1rem 1rem 1rem 0 var(--c-page-dark-shadow)}}:where(html){line-height:1.15;-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}:root{--c-transparent-full: #00000000;--c-transparent-qurt: #3a3a3a3c;--c-transparent-half: #3a3a3a8a;--c-transparent-3qurt: #3a3a3ac3;--c-white: #eee;--c-grey-x-light: #ccc;--c-grey-light: #999;--c-grey-mid: #666;--c-grey-dark: #333;--c-grey-darker: #222;--c-grey-dark-rbg: rgb(51, 51, 51);--c-black: #222;--c-blue: #0066cc;--c-text-dark: #eee;--c-page-dark: #ccc;--c-page-dark-border: #aaa;--c-page-dark-shadow: rgb(136, 134, 136);--c-page-light: floralwhite;--c-page-light-border: #ccc;--c-page-light-shadow: rgb(204, 198, 204);--c-focus-color: #1ebaf7;--c-focus-color-light: #abe2ff;--f-root-font: "Lato", sans-serif;--t-transition-time: .5s;--border-size-thin: 1px;--border-size-med: 1.5px;--border-radius: 5px}body{background-color:var(--c-grey-dark);font-family:var(--f-root-font)}.app-container{min-height:100vh;width:100%}*:focus{outline:2px solid var(--c-focus-color)}.metronome-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;box-sizing:border-box}.metronome-popup{background:var(--c-white);border-radius:12px;box-shadow:0 8px 32px #0000004d;max-width:95vw;max-height:95vh;width:800px;overflow:hidden;position:relative;animation:popupFadeIn .3s ease-out}.page--dark .metronome-popup{background:var(--c-grey-dark);box-shadow:0 8px 32px #0009}.metronome-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--c-grey-light);background:var(--c-page-light)}.page--dark .metronome-header{border-bottom-color:var(--c-grey-mid);background:var(--c-grey-dark)}.metronome-title{display:flex;flex-direction:column;gap:.25rem}.metronome-header h2{margin:0;color:var(--c-grey-dark);font-size:1.5rem;font-weight:600}.page--dark .metronome-header h2{color:var(--c-white)}.status-indicator{font-size:.8rem;color:var(--c-focus-color);font-weight:500;display:flex;align-items:center;gap:.5rem}.status-indicator:before{content:"♪";animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,50%{opacity:1}to{opacity:.3}}.close-btn{background:none;border:none;font-size:2rem;color:var(--c-grey-mid);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{background:var(--c-grey-light);color:var(--c-grey-dark)}.page--dark .close-btn:hover{background:var(--c-grey-mid);color:var(--c-white)}.metronome-content{padding:0;max-height:calc(95vh - 80px);overflow-y:auto}.metronome-popup .metronome{padding:1.5rem;background:transparent;box-shadow:none;border-radius:0}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.metronome-overlay{padding:.5rem}.metronome-popup{width:100%;max-height:90vh}.metronome-header{padding:.75rem 1rem}.metronome-header h2{font-size:1.25rem}.metronome-popup .metronome{padding:1rem}}.metronome-overlay *{box-sizing:border-box}span.bucket-count{font-size:.8rem;color:#888;background-color:#444;margin-left:.5rem;border-radius:.5rem;padding:.2rem}.setlist-editor{padding:1rem;max-width:1200px;margin:0 auto;min-height:calc(100vh - 4rem);width:100%}.breadcrumb-nav{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color-light, #eee)}.breadcrumb{list-style:none;padding:0;margin:0;display:flex;align-items:center;flex-wrap:wrap;font-size:.9rem}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item:not(.active) a{color:var(--accent-color, #007bff);text-decoration:none;transition:color .2s ease}.breadcrumb-item:not(.active) a:hover{color:var(--accent-color-hover, #0056b3);text-decoration:underline}.breadcrumb-item.active span{color:var(--text-secondary, #666);font-weight:500}.breadcrumb-item .separator{color:var(--text-tertiary, #999);margin:0 .5rem;-webkit-user-select:none;user-select:none}.edit-form-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}.edit-form-column{min-width:0}.song-preview{border:1px solid var(--border-color-light, #ddd);border-radius:8px;padding:1rem;background:var(--bg-secondary, #f8f9fa);min-height:300px;max-height:400px;overflow-y:auto;font-size:.85rem}.preview-empty,.preview-error{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-tertiary, #999);font-style:italic;text-align:center;border:2px dashed var(--border-color-light, #ddd);border-radius:8px;background:var(--bg-primary, #fff)}.preview-error{color:var(--error-color, #dc3545);border-color:var(--error-color, #dc3545);background:var(--error-bg, #fff5f5)}@media(max-width:768px){.edit-form-columns{grid-template-columns:1fr;gap:1rem}.song-preview{max-height:250px}}.setlist-editor__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #ddd)}.setlist-editor__header h1{margin:0;color:var(--text-primary, #333)}.setlist-editor__actions{display:flex;gap:1rem}.setlist-form{max-width:800px;margin:0 auto}.setlist-form h2{color:var(--text-primary, #333);margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-primary, #333)}.form-group input[type=text]{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:1rem;background:var(--bg-secondary, #fff);color:var(--text-primary, #333)}.form-group input[type=text]:focus{outline:none;border-color:var(--accent-color, #007bff);box-shadow:0 0 0 2px #007bff40}.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:1rem;background:var(--bg-secondary, #fff);color:var(--text-primary, #333);cursor:pointer}.form-group select:focus{outline:none;border-color:var(--accent-color, #007bff);box-shadow:0 0 0 2px #007bff40}.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:1rem;background:var(--bg-secondary, #fff);color:var(--text-primary, #333);font-family:inherit;resize:vertical;min-height:120px}.form-group textarea:focus{outline:none;border-color:var(--accent-color, #007bff);box-shadow:0 0 0 2px #007bff40}.form-group input[type=number]{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:1rem;background:var(--bg-secondary, #fff);color:var(--text-primary, #333)}.form-group input[type=number]:focus{outline:none;border-color:var(--accent-color, #007bff);box-shadow:0 0 0 2px #007bff40}.form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color-light, #eee)}.form-section:last-of-type{border-bottom:none;margin-bottom:1rem}.form-section h3{margin:0 0 1rem;color:var(--text-primary, #333);font-size:1.1rem;font-weight:600}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.form-group--half{flex:1}.form-help{display:block;margin-top:.25rem;font-size:.85rem;color:var(--text-secondary, #666);font-style:italic}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center}.btn--primary{background:var(--accent-color, #007bff);color:#fff}.btn--primary:hover{background:var(--accent-color-hover, #0056b3)}.btn--secondary{background:var(--bg-tertiary, #6c757d);color:#fff}.btn--secondary:hover{background:var(--bg-tertiary-hover, #545b62)}.btn--danger{background:#dc3545;color:#fff}.btn--danger:hover{background:#c82333}.btn--success{background:#28a745;color:#fff}.btn--success:hover{background:#218838}.btn--success:disabled{background:#6c757d;color:#dee2e6;cursor:not-allowed}.btn--small{padding:.375rem .75rem;font-size:.8rem}.setlists-list h2{margin-bottom:1.5rem;color:var(--text-primary, #333)}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary, #666)}.empty-state p{margin-bottom:1.5rem;font-size:1.1rem}.setlists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.setlist-card{border:1px solid var(--border-color, #ddd);border-radius:8px;padding:1.5rem;background:var(--bg-secondary, #fff);transition:box-shadow .2s ease}.setlist-card:hover{box-shadow:0 2px 8px #0000001a}.setlist-card.active-setlist{border-color:#28a745;box-shadow:0 0 0 2px #28a74540}.setlist-card.active-setlist .setlist-card__header{border-bottom:1px solid rgba(40,167,69,.2);padding-bottom:.75rem;margin-bottom:1rem}.active-indicator{color:#28a745;font-weight:600;font-size:.9rem}.setlist-card__header{margin-bottom:1rem}.setlist-card__title{margin:0 0 .5rem;color:var(--text-primary, #333);font-size:1.2rem}.setlist-card__meta{display:flex;justify-content:space-between;color:var(--text-secondary, #666);font-size:.9rem}.setlist-card__songs{margin-bottom:1.5rem;min-height:3rem}.setlist-card__song{font-size:.9rem;color:var(--text-secondary, #666);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setlist-card__more{font-size:.8rem;color:var(--text-tertiary, #999);font-style:italic}.setlist-card__actions{display:flex;gap:.75rem}.setlist-name-editor{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #ddd)}.setlist-name-input{font-size:1.5rem!important;font-weight:600!important;border:none!important;background:transparent!important;padding:.5rem 0!important;margin-bottom:.5rem!important;color:var(--text-primary, #333)!important}.setlist-name-input:focus{border-bottom:2px solid var(--accent-color, #007bff)!important;box-shadow:none!important}.setlist-meta{color:var(--text-secondary, #666);font-size:.9rem}.setlist-editor-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.current-setlist,.song-search{background:var(--bg-secondary, #fff);border:1px solid var(--border-color, #ddd);border-radius:8px;padding:1.5rem}.current-setlist h3,.song-search h3{margin:0 0 1rem;color:var(--text-primary, #333)}.empty-setlist{color:var(--text-secondary, #666);font-style:italic;text-align:center;padding:2rem}.setlist-songs,.available-songs{max-height:400px;overflow-y:auto}.setlist-song-item,.available-song-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid var(--border-color-light, #eee);transition:background-color .2s ease}.setlist-song-item:hover,.available-song-item:hover{background:var(--bg-hover, #f8f9fa)}.available-song-item.in-setlist{background:var(--bg-success-light, #d4edda);color:var(--text-success, #155724)}.song-info{flex:1}.song-title{font-weight:600;margin-bottom:.25rem;color:var(--text-primary, #333)}.song-meta{font-size:.85rem;color:var(--text-secondary, #666)}.song-actions{display:flex;gap:.5rem;align-items:center}.in-setlist-indicator{color:var(--text-success, #28a745);font-weight:700;font-size:1.2rem}.search-input{margin-bottom:1rem}.search-input input{width:100%;padding:.75rem;border:1px solid var(--border-color, #ddd);border-radius:4px;background:var(--bg-primary, #fff);color:var(--text-primary, #333)}.search-input input:focus{outline:none;border-color:var(--accent-color, #007bff);box-shadow:0 0 0 2px #007bff40}.songs-counter{margin-bottom:.75rem;text-align:right}.songs-count{font-size:.85rem;color:var(--text-secondary, #666);font-style:italic}.no-songs-message{text-align:center;padding:2rem;color:var(--text-secondary, #666);background:var(--bg-hover, #f8f9fa);border-radius:8px;margin-top:.75rem}.no-songs-message p{margin:.5rem 0}.no-songs-message p:first-child{font-weight:600}.song-search-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.song-search-header h3{margin:0}@media(max-width:768px){.setlist-editor{padding:.5rem}.breadcrumb-nav{margin-bottom:.75rem;padding-bottom:.5rem}.breadcrumb{font-size:.8rem}.breadcrumb-item .separator{margin:0 .25rem}.setlist-editor__header{flex-direction:column;gap:1rem;align-items:stretch}.setlist-editor__actions{justify-content:center}.setlists-grid,.setlist-editor-content{grid-template-columns:1fr}.setlist-card__actions{flex-direction:column;gap:.5rem}.form-actions,.form-row{flex-direction:column}.form-group--half{flex:none}}@media(prefers-color-scheme:dark){.setlist-editor{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #404040;--bg-hover: #3a3a3a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-tertiary: #999999;--border-color: #404040;--border-color-light: #333333;--accent-color: #0d6efd;--accent-color-hover: #0b5ed7}}.playlist-filter{margin-bottom:4px;border:1px solid var(--border-color, #ddd);border-radius:4px;background:var(--bg-secondary, #fff);position:relative;z-index:100}.playlist-filter-toggle{width:100%;padding:8px 12px;background:transparent;border:none;color:var(--text-primary, #333);display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px;font-weight:500}.playlist-filter-toggle:hover{background:var(--bg-hover, #f8f9fa)}.playlist-filter-toggle.open{border-bottom:1px solid var(--border-color, #ddd)}.toggle-icon{font-size:12px;transition:transform .2s ease}.playlist-options{padding:8px 0;max-height:60vh;overflow-y:auto}.playlist-controls{margin-bottom:8px;padding:0 12px}.filter-subdrawer{border-bottom:none}.filter-subdrawer-toggle{width:100%;padding:6px 12px;background:transparent;border:none;color:var(--text-primary, #333);display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:13px;font-weight:500}.filter-subdrawer-toggle:hover{background:var(--bg-hover, #f8f9fa)}.filter-subdrawer-content{padding:4px 0 8px}.filter-subdrawer-content .playlist-controls{margin-bottom:6px}.filter-subdrawer-content .playlist-checkboxes{padding:0 12px}.playlist-control-buttons{display:flex;gap:8px}.playlist-checkboxes{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.playlist-checkbox{display:flex;align-items:center;cursor:pointer;padding:4px 0}.playlist-checkbox input[type=checkbox]{margin-right:8px;cursor:pointer}.playlist-checkbox span{color:var(--text-primary, #333);font-size:14px}.song-count{color:var(--text-secondary, #666);font-size:12px;margin-left:4px}.btn--info{background:#17a2b8;color:#fff}.btn--info:hover{background:#138496}.btn--info:disabled{background:#6c757d;color:#dee2e6;cursor:not-allowed}.form-description{color:var(--text-secondary, #666);margin-bottom:1.5rem;font-size:.95rem}.form-error{color:#dc3545;font-size:.875rem;margin-top:.4rem}.import-preview{margin-top:.75rem;padding:.75rem 1rem;background:var(--bg-secondary, #f8f9fa);border:1px solid var(--border-color, #ddd);border-radius:4px}.import-preview__count{font-weight:600;color:var(--text-primary, #333);margin:0 0 .5rem;font-size:.9rem}.import-preview__list{list-style:none;padding:0;margin:0;font-size:.875rem;color:var(--text-secondary, #555)}.import-preview__list li{padding:.2rem 0}.import-preview__more{color:var(--text-tertiary, #888);font-style:italic;padding-top:.3rem}.playlist-section-divider{border-top:1px solid var(--border-color, #ddd);margin:10px 0}.playlist-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary, #888);padding-bottom:6px}.playlist-checkbox input[type=radio]{margin-right:8px;cursor:pointer}.active-setlist-filter span{font-weight:600;color:var(--accent-color, #007bff)}.control{display:flex;width:auto;gap:2rem;padding-block:.35rem;background-color:var(--c-grey-light);border-radius:var(--border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;align-items:center;justify-content:center}.main-controls{display:flex;gap:2rem;align-items:center}.nav-controls,.metronome-controls{display:flex;gap:.5rem;align-items:center}.control__transpose,.control__indicator,.control__random,.control__setlist-editor,.metronome-toggle,.metronome-play-pause{height:2rem;width:2rem;text-align:center;font-size:1rem;color:var(--c-black);cursor:pointer}.control__random{background:none;border:none;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.control__random:hover{background:var(--c-focus-color);color:#fff;transform:scale(1.1)}.control__random:disabled{opacity:.5;cursor:not-allowed}.control__random:disabled:hover{background:none;color:var(--c-black);transform:none}.control__setlist-editor{background:none;border:none;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.control__setlist-editor:hover{background:var(--c-focus-color);color:#fff;transform:scale(1.1)}.control__setlist-editor.active{background:var(--c-focus-color);color:#fff}.control__indicator{font-size:1.3rem;line-height:2rem;cursor:default}.metronome-toggle{background:none;border:none;border-radius:4px;font-size:2rem;line-height:2rem;font-family:MuseJazzText,sans-serif;font-weight:700;transition:all .2s ease;display:flex;align-items:center;justify-content:left;position:relative;-webkit-user-select:none;user-select:none}.metronome-toggle .pattern-note{transition:all .1s ease}.metronome-toggle .pattern-note.active{color:var(--c-focus-color);text-shadow:0 0 8px var(--c-focus-color);transform:scale(1.1)}.metronome-toggle:hover{background:var(--c-focus-color);color:#fff;transform:scale(1.1)}.metronome-toggle.active{background:var(--c-focus-color-light);color:#fff;animation:metronome-pulse 1s ease-in-out infinite}.metronome-toggle.active:hover{background:var(--c-focus-color);transform:scale(1.1);animation:metronome-pulse .8s ease-in-out infinite}.metronome-play-pause{background:none;border:none;border-radius:4px;font-size:1.2rem;line-height:2rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none}.metronome-play-pause:hover{background:var(--c-focus-color);color:#fff;transform:scale(1.1)}.metronome-play-pause.active{background:var(--c-success-color, #4caf50);color:#fff}.metronome-play-pause.active:hover{background:var(--c-success-color, #4caf50);transform:scale(1.1)}@keyframes metronome-pulse{0%,50%{opacity:1;box-shadow:0 0 rgba(var(--c-focus-color-rgb, 66, 165, 245),.7)}to{opacity:.8;box-shadow:0 0 0 4px rgba(var(--c-focus-color-rgb, 66, 165, 245),0)}}.page--dark .metronome-toggle{color:var(--c-white)}.page--dark .metronome-toggle:hover,.page--dark .metronome-toggle.active{background:var(--c-focus-color);color:#fff}.page--dark .metronome-play-pause{color:var(--c-white)}.page--dark .metronome-play-pause:hover{background:var(--c-focus-color);color:#fff}.page--dark .metronome-play-pause.active{background:var(--c-success-color, #4caf50);color:#fff}.page--dark .metronome-toggle .pattern-note.active{color:var(--c-focus-color);text-shadow:0 0 8px var(--c-focus-color)}.page--dark .control__random{color:var(--c-white)}.page--dark .control__random:hover{background:var(--c-focus-color);color:#fff}.page--dark .control__random:disabled{color:var(--c-grey-mid)}.page--dark .control__random:disabled:hover{background:none;color:var(--c-grey-mid);transform:none}.page--dark .control__setlist-editor{color:var(--c-white)}.page--dark .control__setlist-editor:hover,.page--dark .control__setlist-editor.active{background:var(--c-focus-color);color:#fff}@media(max-height:480px)and (orientation:landscape){.control__transpose{margin-inline:1rem}}@media(max-width:768px){.control,.main-controls{gap:1rem}}@media(max-width:480px){.control{flex-direction:column;align-items:stretch;gap:.5rem;padding:.35rem;max-height:20vh;overflow:visible;position:relative;z-index:1;margin-top:3.5rem}.main-controls{justify-content:center;gap:1rem;flex-shrink:0;min-height:2rem}.nav-controls{justify-content:center;gap:.5rem;flex-shrink:0;min-height:2rem}.metronome-controls{justify-content:flex-start;padding-top:.5rem;border-top:1px solid var(--c-grey-mid);flex-shrink:0;min-height:2rem}.page--dark .metronome-controls{border-top-color:var(--c-grey-light)}.control+*{margin-top:.5rem}}@media(max-width:360px){.main-controls{gap:.5rem}.control__transpose,.control__indicator,.control__random,.control__setlist-editor{height:1.8rem;width:1.8rem;font-size:.9rem}.metronome-toggle{font-size:1.8rem}.metronome-play-pause{font-size:1rem}}:root{--w-nav-left: 25rem}.setlist{display:grid;gap:.3rem;padding:.5rem;color:var(--c-grey-x-light)}.setlist__header{display:flex;gap:3px;height:2.7rem;margin-left:2.5rem;align-items:center}.setlist__header__search{display:flex;position:relative;height:70%;border-radius:var(--border-radius);align-content:center;background-color:var(--c-white)}.setlist__header__search__input{width:100%;padding-inline:.5rem;border:none;border-radius:var(--border-radius);background:none;font-size:1rem}.setlist__header__search__input[type=text]{width:100%;padding-right:1.5rem}.setlist__header__search__clear{position:absolute;right:0;background:none;border:none;border-radius:var(--border-radius);font-size:1.2rem;color:var(--c-grey-light);cursor:pointer}.setlist__header__search__input:placeholder-shown~.setlist__header__search__clear{visibility:hidden}.setlist__header__random{background:none;border:none;border-radius:var(--border-radius);font-size:1.5rem;cursor:pointer}.setlist__header__random:disabled{opacity:.5}.setlist__header__songs,.setlist__header__editor{background:none;border:none;border-radius:var(--border-radius);font-size:1rem;padding:.5rem 1rem;cursor:pointer;color:var(--c-grey);transition:all .2s ease}.setlist__header__songs:hover,.setlist__header__editor:hover{background:#ffffff1a;color:var(--c-white)}.setlist__header__songs.active,.setlist__header__editor.active{background:var(--c-accent);color:var(--c-white)}.setlist__songbox{display:flex;flex-direction:column;gap:.7rem;height:calc((var(--vh) * 100) - 4.2rem);overflow-x:hidden}@media(max-width:480px){.setlist__songbox{height:calc((var(--vh) * 100) - 6rem)}}.setlist__songbox__song{background:none;padding:.2rem;font-size:1.2rem;text-align:left;color:var(--c-grey-x-light);cursor:pointer}.setlist__songbox__song:hover{background-color:var(--c-transparent-half)}.setlist__songbox__song .composer{font-size:.8rem;color:var(--c-grey-light)}.setlist__songbox__song .style{font-size:.8rem;color:var(--c-grey-x-light);float:right}:root{--c-tracer-header-background: #3a3a3af3;--c-tracer-background: #3a3a3ac3}#tracer{position:fixed;bottom:.25rem;right:.25rem;max-width:98%;color:var(--c-white)}#tracerHide,#tracerStreamHide_0,#tracer.hide{display:none}#tracer>div{border:var(--border-size-thin) solid var(--c-grey-light)!important;background-color:var(--c-tracer-background)}div:has(>#tracerSettingsContainer){padding:.5rem;border-bottom:0 solid var(--c-grey-light)!important;background-color:var(--c-tracer-header-background)}#tracerSettingsContainer{display:grid;grid-template-columns:repeat(7,auto);gap:.5rem;align-items:center;justify-content:space-between}#tracerStreamContainer>div>div{display:grid;grid-template-rows:repeat(3,auto);gap:.5rem;padding:.5rem!important;border:none!important}#tracerStreamContainer>div>div>div:first-of-type{display:grid;grid-template-columns:1fr auto}#tracerModel_0{width:98.5%;border:var(--border-size-thin) solid var(--c-grey-mid);background-color:var(--c-grey-dark);color:var(--c-grey-light)}div:has(>#tracerSlider_0){display:grid;grid-template-columns:repeat(5,auto);grid-template-rows:repeat(2,auto);gap:.5rem;align-items:center;text-align:center}#tracerSlider_0{grid-column:1 / span 5;width:98%!important;margin-inline:auto}#tracer input[type=text]{border:var(--border-size-thin) solid var(--c-grey-light);background-color:var(--c-grey-dark);color:var(--c-grey-light);text-align:center}#tracer input[type=text]:focus{background-color:var(--c-white);color:var(--c-grey-dark)}#tracer button{height:2.5rem;border:var(--border-size-med) solid var(--c-grey-mid)!important;border-radius:var(--border-radius);background-color:var(--c-grey-dark);color:var(--c-white);cursor:pointer}#tracer button:hover{background-color:var(--c-grey-light);color:var(--c-black)}:root{--w-nav-right: 5rem}.debug{display:grid;gap:.5rem;padding-top:4rem;justify-items:center}.debug__deviceSize{margin-block:0;font-size:.8rem;color:var(--c-white);text-align:center}.debug__showTracer,.debug__showColor,.debug__showBackgroundColor{height:5.5rem;width:4rem;background-color:var(--c-black);border:none;border-radius:var(--border-radius);font-size:4.8rem;line-height:1em;color:var(--c-white);cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.page--debug-bkgclr .page__sheet irr-chords irr-cell:nth-child(odd){background-color:#be38386b}.page--debug-bkgclr .page__sheet irr-chords irr-cell:nth-child(2n){background-color:#dba7809c}.page--debug-bkgclr .page__sheet irr-chords irr-cell irr-chord{background-color:#8360a67e}.page--debug-bkgclr .page__sheet irr-chords irr-cell irr-chord irr-lbar,.page--debug-bkgclr .page__sheet irr-chords irr-cell irr-chord irr-rbar{background-color:#b810107b}.page--debug-bkgclr .page__sheet irr-chords irr-cell irr-repeat{background-color:#10b8aa94}.page--debug-bkgclr .page__sheet irr-chords irr-cell irr-chord sub{background-color:#1050b879}.page--debug-bkgclr .page__sheet irr-chords irr-cell irr-chord sup{background-color:#32b8108e}.page--debug-bkgclr .page__sheet irr-chords irr-spacer{background-color:#25a85373}.page--debug-bkgclr .page__sheet irr-chords irr-cell irr-chord irr-over{background-color:#a7b81094}.page--debug-color irr-chord{color:#6c68d1}.page--debug-color irr-chord>sup{color:#32aec4}.page--debug-color irr-chord>sub{color:#d72e1b}.page--debug-color irr-cell>irr-rbar{color:#fe0}.page--debug-color irr-chord>irr-rbar{color:#b3a80a}.page--debug-color irr-cell>irr-lbar{color:#52e635}.page--debug-color irr-chord>irr-lbar{color:#398d20}.page--debug-color irr-annot,.page--debug-color irr-comment,.page--debug-color irr-repeat{color:#fff}.page--debug-color irr-repeat{border-color:#fff}.active{color:#d72e1b}.nav{position:fixed;top:0;z-index:1;display:flex;flex-direction:column;justify-content:center;height:100%;overflow:hidden}.nav__content{height:100%;background-color:var(--c-black);transition:all var(--t-transition-time) ease}.nav_left{left:0}.nav_left__content{width:0}.nav_left__toggle--open~.nav_left__content{width:var(--w-nav-left)}.nav_right{right:0}.nav_right__content{width:0}.nav_right__toggle--open~.nav_right__content{width:var(--w-nav-right)}.nav__toggle{position:fixed;top:.5rem;z-index:2;height:2.7rem;width:2.5rem;padding:.4rem;background:var(--c-transparent-half);border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;transition:var(--t-transition-time)}.nav__toggle--open{background:var(--c-transparent-full)}.nav__toggle--open .nav__toggle__bar{background:var(--c-grey-light)}.nav_left__toggle{left:.5rem;border-bottom-left-radius:0}.nav_left__toggle--open{border-bottom-left-radius:var(--border-radius)}.nav_right__toggle{right:.5rem;border-bottom-right-radius:0}.nav_right__toggle--open{border-bottom-right-radius:var(--border-radius)}.nav__toggle__bar{height:.2rem;width:100%;margin-top:.5rem;border-radius:var(--border-radius);background:var(--c-white);transition:var(--t-transition-time)}.nav_left__toggle__bar__1{margin-top:.05rem}.nav_left__toggle--open .nav_left__toggle__bar__1{transform:translate(-.15rem,.32rem) rotate(-30deg)}.nav_left__toggle--open .nav_left__toggle__bar__2{transform:translate(.5rem) rotate(90deg)}.nav_left__toggle--open .nav_left__toggle__bar__3{transform:translate(-.15rem,-.32rem) rotate(30deg)}.nav_right__toggle__bar__1{margin-top:.05rem}.nav_right__toggle--open .nav_right__toggle__bar__1{transform:translate(.15rem,.32rem) rotate(30deg)}.nav_right__toggle--open .nav_right__toggle__bar__2{transform:translate(-.5rem) rotate(90deg)}.nav_right__toggle--open .nav_right__toggle__bar__3{transform:translate(.15rem,-.32rem) rotate(-30deg)}@media(max-height:480px)and (orientation:landscape){.nav__toggle{transition:opacity 1s ease}.nav__toggle--hidden{opacity:0}.nav__toggle--visible{opacity:1;transition:opacity .5s ease}}@media print{.ui,.tracer{display:none}.page{width:auto;max-width:21rem;margin:auto;padding:1rem}.page,.page.dark{border:none;box-shadow:none}.sheet{font-size:24pt;page-break-after:auto;page-break-inside:avoid}.sheet:last-of-type{page-break-after:avoid}.sheet irr-chords{page-break-inside:avoid}}