:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-paper:#fbf9f4;--color-surface:#fff;--color-ink:#1f2a37;--color-ink-soft:#5b6672;--color-line:#e3ded3;--color-chord:#b4411f;--color-accent:#1f2a37;--color-on-accent:#fbf9f4;--color-error:#a3261b;--font-text:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--radius:.5rem;--shadow-raised:0 .5rem 2rem #1f2a3726;--page-width:46rem;--touch-target:2.75rem;--sheet-font-size:1.0625rem;--print-column-gap:8mm}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-paper:#14181d;--color-surface:#1c2229;--color-ink:#e9e6df;--color-ink-soft:#a0a8b1;--color-line:#2c343d;--color-chord:#f0895a;--color-accent:#e9e6df;--color-on-accent:#14181d;--color-error:#ff8f80;--shadow-raised:0 .5rem 2rem #00000080}}*,:before,:after{box-sizing:border-box}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-text);-webkit-text-size-adjust:100%;margin:0;line-height:1.5}h1,h2{font-family:var(--font-display);text-wrap:balance;margin:0;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.125rem}a{color:inherit}input,textarea,button{font:inherit;color:inherit}input,textarea{width:100%;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius)}:focus-visible{outline:2px solid var(--color-chord);outline-offset:2px}.shell__header{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-paper);border-bottom:1px solid var(--color-line);flex-wrap:wrap;display:flex;position:sticky;top:0}.shell__brand{font-family:var(--font-display);font-size:1.25rem;font-weight:700;text-decoration:none}.shell__nav{gap:var(--space-2);display:flex}.shell__main{max-width:var(--page-width);padding:var(--space-6) var(--space-4) var(--space-8);margin:0 auto}.button{min-height:var(--touch-target);padding:0 var(--space-4);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.button--quiet{padding:0 var(--space-2);color:var(--color-ink-soft);background:0 0;border-color:#0000}.button:disabled{opacity:.5;cursor:default}.field{gap:var(--space-1);display:grid}.field__error{color:var(--color-error)}.field>span{color:var(--color-ink-soft);font-size:.875rem}.status{margin:var(--space-6) 0;color:var(--color-ink-soft)}.status--error{color:var(--color-error)}.page-head{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.page-head__count{color:var(--color-ink-soft)}.login{min-height:100dvh;padding:var(--space-4);place-items:center;display:grid}.login__form{gap:var(--space-4);width:min(100%,20rem);display:grid}.search{margin-bottom:var(--space-4)}.song-list{margin:0;padding:0;list-style:none}.song-list__item{align-items:baseline;column-gap:var(--space-3);min-height:var(--touch-target);padding:var(--space-3) var(--space-1);border-bottom:1px solid var(--color-line);flex-wrap:wrap;text-decoration:none;display:flex}.song-list__title{font-weight:600}.song-list__artist{color:var(--color-ink-soft)}.import{gap:var(--space-4);display:grid}.import__source{white-space:pre;resize:vertical;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.875rem;overflow-x:auto}.import__meta{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.import__preview{padding-top:var(--space-4);border-top:1px solid var(--color-line)}.import__preview>h2{margin-bottom:var(--space-4);color:var(--color-ink-soft)}.song__meta{margin:var(--space-1) 0 0;color:var(--color-ink-soft)}.song__toolbar{gap:var(--space-2);margin:var(--space-4) 0 var(--space-6);flex-wrap:wrap;display:flex}.transpose{gap:var(--space-2);flex-wrap:wrap;width:100%;display:flex}.transpose__group{border:1px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);align-items:center;display:inline-flex}.transpose__step{min-width:var(--touch-target);background:0 0;border:none;padding:0;font-size:1.25rem}.transpose__key{min-height:var(--touch-target);padding:0 var(--space-2);font:inherit;color:inherit;border:none;border-inline:1px solid var(--color-line);background:0 0;font-weight:600}.transpose__capo{min-width:6.5em;padding:0 var(--space-2);text-align:center;white-space:nowrap;font-weight:600}@media (pointer:coarse){.song__edit{display:none}}.page-head__action{margin-left:auto}.song-export{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.song-list__item--pick{cursor:pointer}.song-list__item--pick>input{align-self:center;width:auto;min-height:0}.bring-in{justify-items:start;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-line);display:grid}.bring-in>h2{color:var(--color-ink-soft)}.bring-in__hint{color:var(--color-ink-soft);margin:0}.bring-in__input{opacity:0;width:1px;height:1px;position:absolute}.button:has(>.bring-in__input:focus-visible){outline:2px solid var(--color-chord);outline-offset:2px}.sheet{font-size:var(--sheet-font-size)}.sheet__section{break-inside:avoid;margin:0 0 1.5em}.sheet__label{font-family:var(--font-text);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-soft);margin-bottom:.25em;font-size:.8em;font-weight:600}.sheet__line{break-inside:avoid;margin:0;line-height:1.3}.sheet__line--chords{margin-top:.15em}.sheet__word{vertical-align:bottom;white-space:pre;align-items:flex-end;display:inline-flex}.sheet__piece{flex-direction:column;display:inline-flex}.sheet__chord{height:1.4em;color:var(--color-chord);align-self:flex-start;padding-right:.35em;font-size:.92em;font-weight:700;line-height:1.4}.sheet__text-row{display:flex}.sheet__text{min-height:1.3em}.sheet__gap{-webkit-user-select:none;user-select:none;flex:1 1 0;justify-content:center;min-width:0;display:flex;container-type:inline-size}.sheet__hyphen{display:none}@container (width>=.45em){.sheet__hyphen{display:inline}}.song-editor__meta{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));display:grid}.song-editor__hint{margin:0 0 var(--space-4);color:var(--color-ink-soft);font-size:.875rem}.edit-section{padding-top:var(--space-3);border-top:1px dashed var(--color-line)}.edit-section__head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.edit-section__label{min-height:0;padding:var(--space-1) var(--space-2);letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink-soft);background:0 0;border-color:#0000;flex:1;font-size:.8em;font-weight:600}.edit-section__label:hover,.edit-section__label:focus{border-color:var(--color-line)}.edit-section__add{margin-top:var(--space-1)}.edit-line{align-items:flex-end;gap:var(--space-2);padding:0 var(--space-1);border-radius:var(--radius);display:flex;position:relative}.edit-line:hover,.edit-line:focus-within{background:color-mix(in srgb, var(--color-line) 35%, transparent)}.edit-line__text{cursor:text;outline:none;flex:1;min-width:0}.edit-line__text [data-chord-column]{cursor:grab}.edit-line--dragging,.edit-line--dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.edit-line__marker{color:var(--color-chord);background:color-mix(in srgb, var(--color-chord) 14%, transparent);pointer-events:none;border-radius:.2em;align-items:center;padding:0 .1em;font-size:.92em;font-weight:700;display:flex;position:absolute}.edit-line__marker--taken{color:var(--color-error);background:color-mix(in srgb, var(--color-error) 14%, transparent)}.edit-line__letter{border-bottom:2px solid var(--color-chord);pointer-events:none;height:1.3em;position:absolute}.edit-line__remove{z-index:1;width:1.25rem;height:1.25rem;color:var(--color-on-accent);background:var(--color-chord);cursor:pointer;border:none;border-radius:50%;place-items:center;padding:0;font-size:.875rem;line-height:1;display:grid;position:absolute;transform:translate(-50%,-45%)}.edit-line__chord-input{z-index:2;gap:var(--space-1);justify-items:start;display:grid;position:absolute}.edit-line__chord-field{width:7ch;height:1.6em;min-height:0;padding:0 var(--space-1);color:var(--color-chord);border-color:var(--color-chord);border-radius:.25em;font-size:.92em;font-weight:700}.edit-line__chord-field--invalid{color:var(--color-error);border-color:var(--color-error)}.edit-line__quick-pick{gap:var(--space-1);max-width:22em;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);flex-wrap:wrap;display:flex}.edit-line__quick-pick-chord{min-width:3em;padding:var(--space-1) var(--space-2);font:inherit;color:var(--color-chord);border:1px solid var(--color-line);cursor:pointer;background:0 0;border-radius:.25em;font-size:.85em;font-weight:700}.edit-line__quick-pick-chord:hover,.edit-line__quick-pick-chord:focus-visible{border-color:var(--color-chord)}.edit-line__chord-hint{padding:var(--space-1) var(--space-2);white-space:nowrap;color:var(--color-error);background:var(--color-surface);border:1px solid var(--color-error);border-radius:var(--radius);font-size:.75rem}.edit-line__actions{gap:var(--space-1);opacity:0;padding-bottom:.1em;display:flex}.edit-line:hover .edit-line__actions,.edit-line:focus-within .edit-line__actions{opacity:1}.edit-line__action{padding:.1em var(--space-2);white-space:nowrap;color:var(--color-ink-soft);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);cursor:pointer;font-size:.75rem}.edit-line__action:hover{color:var(--color-ink)}.autoscroll__sheet{padding-bottom:calc(var(--touch-target) + var(--space-8))}.autoscroll{z-index:3;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) calc(var(--space-2) + env(safe-area-inset-bottom));background:var(--color-surface);border-top:1px solid var(--color-line);display:flex;position:fixed;inset:auto 0 0}.autoscroll__step{min-width:var(--touch-target);padding-inline:0}.autoscroll__speed{text-align:center;font-variant-numeric:tabular-nums;min-width:4em;font-weight:600}.autoscroll__main{min-width:7.5em}.autoscroll__count-in{z-index:4;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.autoscroll__count{aspect-ratio:1;width:9rem;font-family:var(--font-display);color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-line);box-shadow:var(--shadow-raised);border-radius:50%;place-items:center;font-size:5rem;display:grid}@page{size:A4;margin:15mm}@media print{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-paper:#fff;--color-ink:#000;--color-ink-soft:#444;--color-chord:#000;--sheet-font-size:var(--print-font-size,11pt)}.shell__header,.song__toolbar,.autoscroll,.autoscroll__count-in{display:none}.autoscroll__sheet{padding-bottom:0}.shell__main{max-width:none;padding:0}.song__head{margin-bottom:1.5em}.song[data-print-columns="2"] .sheet{columns:2;column-gap:var(--print-column-gap)}}.print-probe{visibility:hidden;pointer-events:none;position:fixed;top:0;left:-10000px}.print-probe .song__toolbar,.print-probe .autoscroll,.print-probe .autoscroll__count-in{display:none}.print-probe .song__head{margin-bottom:1.5em}.print-probe[data-print-columns="2"] .sheet{columns:2;column-gap:var(--print-column-gap);column-fill:auto}.print-probe[data-print-columns="2"] .sheet__line{white-space:nowrap}