:root{--bg:#e9e7e3;--panel:#f7f6f3;--border:#d6d3cd;--text:#22201c;--muted:#6f6a61;--accent:#2557c7;--paper:#fff;--ink:#111;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);margin:0}button{font:inherit;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:6px;padding:4px 10px}button:hover:not(:disabled){border-color:#b4afa6}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}input,select,textarea{font:inherit;border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:6px;padding:5px 7px}textarea{resize:vertical}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app{grid-template-rows:100%;grid-template-columns:270px 1fr;height:100vh;display:grid}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;gap:22px;padding:14px;display:flex;overflow-y:auto}.sidebar h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11px}.brand{letter-spacing:-.02em;color:var(--accent);margin-bottom:-8px;font-size:20px;font-weight:800}.section-head{justify-content:space-between;align-items:center;display:flex}.section-head h2{margin:0}.row{gap:6px;display:flex}.row>*{flex:1}.song-list{margin:8px 0;padding:0;list-style:none}.song-list li{border-radius:6px;align-items:center;display:flex}.song-list li.current{background:#e3e0da}.song-link{text-align:left;background:0 0;border:0;flex-direction:column;flex:1;min-width:0;display:flex}.song-link span,.song-link small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.song-link small{color:var(--muted)}.icon{color:var(--muted);background:0 0;border:0;padding:2px 8px;font-size:18px;line-height:1}.icon:hover{color:#b3261e}.details{flex-direction:column;gap:10px;display:flex}.details label{color:var(--muted);flex-direction:column;gap:3px;font-size:12px;display:flex}.help dl{grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:12px;display:grid}.help dt{white-space:nowrap;font-family:ui-monospace,monospace}.help dd{color:var(--muted);margin:0}main{flex-direction:column;min-width:0;min-height:0;display:flex}.toolbar{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 14px;display:flex}.toolbar .sep{background:var(--border);width:1px;height:22px;margin:0 4px}.toolbar .spacer{flex:1}.toolbar label.inline{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.toolbar input.short{width:90px}.flash{color:var(--muted);font-size:12px}.desk{flex:1;padding:28px 16px 60px;overflow:auto}.paper{background:var(--paper);width:210mm;max-width:100%;min-height:297mm;color:var(--ink);margin:0 auto;padding:15mm;box-shadow:0 1px 3px #0000001f,0 8px 24px #00000014}.paper:focus{outline:none}.paper:focus-visible{box-shadow:0 0 0 2px var(--accent), 0 8px 24px #00000014}.tab{--row:15px;--chord:20px;font-size:12.5px}.song-head{text-align:center;margin-bottom:26px}.song-head h1{margin:0;font-size:24px;font-weight:650}.song-head .artist{margin:4px 0 0;font-size:15px}.song-head .meta{color:#555;white-space:pre;margin:8px 0 0;font-size:12px}.song-head .notes{white-space:pre-wrap;text-align:left;max-width:85%;margin:10px auto 0;font-size:12px}.line{break-inside:avoid;margin-top:30px;display:flex}.labels{padding-top:var(--chord);text-align:right;color:#444;padding-right:5px;font-size:11px}.labels div{height:var(--row);line-height:var(--row)}.bar{grid-template-rows:var(--chord) repeat(var(--n), var(--row));padding:0 6px;display:grid;position:relative}.strings i{border-top:1px solid #8a8a8a;position:absolute;left:0;right:0}.bar:after,.bar.first:before{content:"";top:calc(var(--chord) + var(--row) * .5);height:calc(var(--row) * (var(--n) - 1) + 1px);border-left:1px solid var(--ink);position:absolute}.bar:after{right:0}.bar.first:before{left:0}.bar.final:after{border-right:3px solid var(--ink);width:5px}.section{white-space:nowrap;font-size:11px;font-weight:700;position:absolute;bottom:100%;left:0}.chord{z-index:1;white-space:nowrap;font-size:12px;font-weight:650;line-height:var(--chord);cursor:text;position:relative}.cell{height:var(--row);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:3px;justify-content:center;align-items:center;display:flex;position:relative}.cell span{background:var(--paper);white-space:nowrap;padding:0 2px;line-height:1}.chord.active{background:#2557c714;border-radius:3px}.cell:hover{background:#2557c70f}.cell.cursor{box-shadow:inset 0 0 0 1.5px var(--accent);background:#2557c729}.paper:not(:focus) .cell.cursor{box-shadow:inset 0 0 0 1.5px #9aa9cc}@page{size:A4;margin:15mm}@media print{body{background:#fff}.app{height:auto;display:block}.sidebar,.toolbar{display:none}.desk{padding:0;overflow:visible}.paper{width:auto;min-height:0;padding:0;box-shadow:none!important}.cell.cursor,.cell:hover,.chord.active{background:0 0;box-shadow:none!important}.song-head .meta{color:#333}}@media (width<=800px){.app{grid-template-rows:auto;grid-template-columns:1fr;height:auto}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.desk{padding:16px}.paper{min-height:0;padding:16px}}