:root{--page-pad:20px;--downbeat-w:14px;--bg:#f7f7f5;--panel:#fff;--text:#1a1a1a;--muted:#6b6b6b;--border:#e2e2e0;--staff-line:#adada8;--accent:#2a6ef5;--accent-fg:#fff;--playhead:#2a6ef5;--sustain:#adada8;--danger:#c0392b;--beat-glyph:#2a6ef5;--note-mid-pair:#2a6ef5;--note-in-key:#8a5600;--note-off-key:#e0007c;--annot-fg:#1a1a1a;--editmode-border:#c0392b;--editmode-bg:#f7e7e5;--rail-w:224px;--chords-w:210px;--topbar-h:52px;--rail-bg:#fff;--accent-wash:#2a6ef51a;--selection-bg:#1a1a1a21;--selection-border:#1a1a1a;--accent-glow:#2a6ef559;--ok:#3aa538;--ok-bg:#e9f5e8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1114;--panel:#1b1e23;--text:#eceef1;--muted:#a5adb8;--border:#3a3f47;--staff-line:#5f6874;--accent:#5aa1ff;--accent-fg:#0b1220;--playhead:#5aa1ff;--sustain:#5f6874;--danger:#ff6b6b;--beat-glyph:#5aa1ff;--note-mid-pair:#5aa1ff;--note-in-key:#f0c04a;--note-off-key:#ff7ec2;--annot-fg:#eceef1;--rail-bg:#171a1f;--accent-wash:#5aa1ff24;--selection-bg:#eceef12e;--selection-border:#eceef1;--accent-glow:#5aa1ff59;--ok:#7ed07a;--ok-bg:#16251a;--editmode-border:#ff6b6b;--editmode-bg:#382225;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1114;--panel:#1b1e23;--text:#eceef1;--muted:#a5adb8;--border:#3a3f47;--staff-line:#5f6874;--accent:#5aa1ff;--accent-fg:#0b1220;--playhead:#5aa1ff;--sustain:#5f6874;--danger:#ff6b6b;--beat-glyph:#5aa1ff;--note-mid-pair:#5aa1ff;--note-in-key:#f0c04a;--note-off-key:#ff7ec2;--annot-fg:#eceef1;--rail-bg:#171a1f;--accent-wash:#5aa1ff24;--selection-bg:#eceef12e;--selection-border:#eceef1;--accent-glow:#5aa1ff59;--ok:#7ed07a;--ok-bg:#16251a;--editmode-border:#ff6b6b;--editmode-bg:#382225;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--lyric-font:10px/14px "Avenir Next Condensed", "Arial Narrow", "Roboto Condensed", "Liberation Sans Narrow", -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{flex-direction:column;min-height:100%;display:flex}.app.rail-layout:has(.editor.editing){background:var(--editmode-bg)}.topbar{min-height:var(--topbar-h);background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 20px;display:flex}.app.rail-layout main{padding-left:calc(var(--rail-w) + 20px);max-width:none}.brand{color:var(--text);font-weight:700;text-decoration:none}.spacer{flex:1}.who{color:var(--muted)}.menu-root{position:relative}.menu-dropdown{background:var(--panel);border:1px solid var(--border);z-index:60;border-radius:8px;flex-direction:column;gap:2px;min-width:220px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #0003}.menu-item{color:var(--text);text-align:left;cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:4px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:14px;text-decoration:none;display:flex}@media (hover:hover){.menu-item:hover{background:#0000000d}.menu-item.danger:hover{background:#c0392b14}}.menu-item.danger{color:var(--danger);background:0 0}.menu-item.toggle{-webkit-user-select:none;user-select:none}.menu-item.toggle input{margin:0}.menu-hint{color:var(--muted);margin-left:auto;font-size:11px}.menu-sep{background:var(--border);height:1px;margin:4px 0}.sf-drop{border:1px dashed var(--border);border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:10px;display:flex}.sf-drop.over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-style:solid}main{padding:var(--page-pad);width:100%;max-width:1400px;margin:0 auto}button{background:var(--accent);color:var(--accent-fg);cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-size:14px}button.secondary{background:var(--panel);color:var(--text);border:1px solid var(--border)}button.danger{background:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}input,select{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:6px;padding:8px 10px;font-size:14px}label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px}.auth-wrap{flex-direction:column;gap:12px;max-width:360px;margin:80px auto;display:flex}.auth-wrap h1{margin:0 0 8px}.auth-wrap .error{color:var(--danger);font-size:13px}.tab-table{border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:8px;width:100%;overflow:hidden}.tab-table thead th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);background:0 0;padding:10px 14px;font-size:12px;font-weight:600}.tab-table tbody td{border-bottom:1px solid var(--border);color:var(--text);padding:10px 14px;font-size:14px}.tab-table tbody tr{cursor:pointer}@media (hover:hover){.tab-table tbody tr:hover td{background:#00000008}}.tab-table tbody tr:last-child td{border-bottom:none}.song-head-block{margin-bottom:4px}.song-head{padding-bottom:12px}.song-head-main{min-width:0}.song-title,.song-title-input{letter-spacing:-.5px;color:var(--text);font-size:27px;font-weight:700;line-height:1.15}.song-title{margin:0}.song-title-input{border:none;border-bottom:1px dashed var(--border);background:0 0;border-radius:0;width:100%;padding:0 0 2px;font-family:inherit}.song-title-input:focus{border-bottom-color:var(--accent);outline:none}.song-byline{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:7px;font-size:14px;display:flex}.byline-part{align-items:baseline;gap:5px;display:inline-flex}.byline-word{color:var(--muted);font-size:12px;font-style:italic}.byline-name{color:var(--text)}.byline-input{border:none;border-bottom:1px dashed var(--border);min-width:90px;max-width:220px;color:var(--text);background:0 0;border-radius:0;padding:0 1px 1px;font-size:14px}.byline-input:focus{border-bottom-color:var(--accent);outline:none}.byline-input.mono,.byline-name.mono{letter-spacing:.3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.byline-input.mono{min-width:150px}.byline-select{border:none;border-bottom:1px dashed var(--border);color:var(--text);background:0 0;border-radius:0;padding:0 2px 1px;font-family:inherit;font-size:13px}.byline-select:focus{border-bottom-color:var(--accent);outline:none}.song-setup{flex-wrap:wrap;align-items:baseline;gap:3px 14px;margin-top:5px;font-size:13px;display:flex}.fretboard{z-index:8;margin:calc(-1 * var(--page-pad)) calc(-1 * var(--page-pad)) 0;padding:7px var(--page-pad) 9px;background:var(--panel);border-bottom:1px solid var(--border);--fb-wire:var(--border);--fb-string:color-mix(in srgb, var(--border) 80%, transparent);--fb-nut:var(--muted);--fb-inlay:color-mix(in srgb, var(--muted) 62%, transparent);position:sticky;top:0;box-shadow:0 8px 18px #0000002e,0 2px 5px #0000001f}.fb-head{flex-wrap:wrap;align-items:baseline;gap:3px 12px;margin-bottom:6px;display:flex}.fb-title{text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-size:10px;font-weight:600}.fb-capo-tag{border:1px solid color-mix(in srgb, var(--note-in-key) 45%, transparent);color:var(--note-in-key);cursor:help;border-radius:3px;padding:1px 6px;font-size:11px}.fb-place-tag{border:1px solid color-mix(in srgb, var(--playhead) 45%, transparent);color:var(--playhead);cursor:help;border-radius:3px;padding:1px 6px;font-size:11px}.fb-legend{align-items:baseline;gap:7px;margin-left:auto;display:inline-flex}.fb-legend-key{color:var(--muted);font-size:11px}.fb-legend-note{color:var(--note-in-key);font-size:11px;font-weight:600}.fb-legend-note.root{background:var(--note-in-key);color:var(--panel);border-radius:3px;padding:0 4px}.fb-legend-empty{color:var(--muted);font-size:11px;font-style:italic}.fb-live{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;line-height:1.4;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.fb-live.on{background:var(--accent-wash);border-color:color-mix(in srgb, var(--playhead) 45%, transparent);color:var(--playhead)}.fb-live.off{color:var(--muted)}@media (hover:hover){.fb-live.off:hover{color:var(--text);border-color:var(--muted)}}.fb-reach>select{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:4px;padding:1px 4px;font-family:inherit;font-size:11px}@media (hover:hover){.fb-reach>select:hover{color:var(--text);border-color:var(--muted)}}.fb-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:3px;line-height:0}@media (hover:hover){.fb-close:hover{color:var(--text)}}.fb-scroll{overflow-x:auto}.fb-neck{min-width:620px;display:grid}.fb-string-label{color:var(--muted);justify-content:flex-end;align-items:center;padding-right:8px;font-size:11px;font-weight:600;display:flex}.fb-cell{border-right:1px solid var(--fb-wire);justify-content:center;align-items:center;display:flex;position:relative}.fb-cell:before{content:"";background:var(--fb-string);height:1px;position:absolute;top:50%;left:0;right:0}.fb-cell.wound:before{height:2px}.fb-cell.mid-pair:before{background:var(--note-mid-pair)}.fb-cell.nut{border-right:3px solid var(--fb-nut)}.fb-cell.dead:before{opacity:.4}.fb-cell.quiet:before{display:none}.fb-string-label.quiet{opacity:.3}.fb-cell.live,.fb-cell.live .fb-dot{cursor:pointer}.fb-cell.live:hover .fb-dot{box-shadow:0 0 0 3px var(--accent-glow)}.fb-cell.placeable[data-note]:hover:after{content:attr(data-note);z-index:2;border:1px dashed var(--border);background:var(--panel);min-width:21px;height:19px;color:var(--muted);letter-spacing:-.2px;border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.fb-dot{z-index:2;border:1px solid color-mix(in srgb, var(--note-in-key) 50%, transparent);background:var(--panel);min-width:21px;height:19px;color:var(--note-in-key);letter-spacing:-.2px;border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.fb-dot.root{background:var(--note-in-key);border-color:var(--note-in-key);color:var(--panel)}.fb-dot.plain{border-color:var(--border);color:var(--muted);font-weight:500}.fb-dot.nameless{width:15px;min-width:0;height:15px;padding:0}.fb-dot.sounding{background:var(--playhead);border-color:var(--playhead);color:var(--accent-fg);box-shadow:0 0 0 3px var(--accent-glow);font-weight:700}.fb-dot.sounding.outside{background:var(--note-off-key);border-color:var(--note-off-key);color:var(--panel)}.fb-dot.sounding.open{background:var(--text);border-color:var(--text);color:var(--panel);box-shadow:0 0 0 3px color-mix(in srgb, var(--text) 28%, transparent)}.fb-dot.sounding.outside.open{background:var(--note-off-key);border:2px solid var(--text);color:var(--panel);box-shadow:0 0 0 3px color-mix(in srgb, var(--text) 28%, transparent)}.fb-inlay{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:34px;display:flex;position:relative}.fb-inlay:before,.fb-inlay.double:after{content:"";background:var(--fb-inlay);border-radius:50%;width:10px;height:10px}.fb-mark{color:var(--fb-inlay);justify-content:center;align-items:center;gap:3px;display:flex}.fb-mark:before,.fb-mark.double:after{content:"";background:var(--fb-inlay);border-radius:50%;width:7px;height:7px}.fb-capo{pointer-events:none;position:relative}.fb-capo:after{content:"";background:var(--note-in-key);border-radius:3px;width:5px;position:absolute;top:-1px;bottom:-1px;right:-2px}.fb-fret-num{text-align:center;font-variant-numeric:tabular-nums;color:var(--muted);padding-top:4px;font-size:10px}.editor.with-rail{display:block}.editor-main{min-width:0}.editor.with-chords .editor-main{padding-right:var(--chords-w)}.tiny-label{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;margin:0;font-size:10px;font-weight:600}.editor-rail{width:var(--rail-w);z-index:40;background:var(--rail-bg);border-right:1px solid var(--border);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.rail-head{height:var(--topbar-h);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:0 10px 0 16px;display:flex}.rail-brand{min-width:0;color:var(--text);letter-spacing:.2px;flex:1;align-items:center;gap:9px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.rail-head .menu-dropdown{left:0;right:auto}.rail-brand-mark{background:var(--accent);width:25px;height:25px;color:var(--accent-fg);border-radius:7px;place-items:center;font-size:15px;line-height:1;display:grid}@media (hover:hover){.rail-brand:hover .rail-brand-word{color:var(--accent)}}.rail-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.rail-section{--ground:var(--rail-bg);flex-direction:column;gap:9px;padding:12px 14px 13px;transition:background-color .18s;display:flex}.rail-section+.rail-section{border-top:1px solid var(--border)}.edit-section{border-bottom:1px solid var(--border)}.rail-section-title{letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);align-items:center;gap:9px;margin:0;font-size:10px;font-weight:700;display:flex}.rail-section-title:after{content:"";background:var(--border);flex:1;height:1px}.edit-section.live{--ground:var(--editmode-bg);background:var(--editmode-bg)}.edit-section.live .rail-section-title{color:var(--editmode-border)}.edit-section.live .rail-section-title:after{background:var(--editmode-border);opacity:.35}.transport{justify-content:center;align-items:center;padding:1px 0 3px;display:flex}.transport-pill{border:1px solid var(--border);background:var(--rail-bg);min-width:0;height:38px;color:var(--muted);border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;padding:0;font-size:23px;line-height:1;transition:color .15s,border-color .15s,background-color .15s;display:flex}.transport-pill.left{margin-right:-17px;padding-right:23px}.transport-pill.right{margin-left:-17px;padding-left:23px}.transport-pill.on{color:var(--accent);border-color:var(--accent);background:var(--accent-wash)}.transport-pill:disabled{opacity:.4}@media (hover:hover){.transport-pill:not(:disabled):hover{color:var(--text);border-color:var(--muted)}.transport-pill.on:not(:disabled):hover{color:var(--accent);border-color:var(--accent)}}.transport-play{z-index:1;background:var(--ground);width:54px;height:54px;color:var(--text);box-shadow:0 0 0 6px var(--ground), inset 0 0 0 1.5px var(--muted);border:none;border-radius:50%;flex:none;place-items:center;padding:0;transition:background-color .15s,color .15s,transform 80ms;display:grid;position:relative}.transport-play:active:not(:disabled){transform:scale(.94)}.transport-play-glyph{font-size:21px;line-height:1}.transport-play:not(.playing):not(.edit-toggle) .transport-play-glyph{margin-left:3px}.transport-play.playing{background:var(--accent);color:var(--accent-fg);box-shadow:0 0 0 6px var(--ground), inset 0 0 0 1.5px var(--accent), 0 3px 12px var(--accent-glow)}.transport-play.playing .transport-play-glyph{font-size:27px}.transport-play.edit-toggle{background:var(--rail-bg);color:var(--text);box-shadow:0 0 0 6px var(--ground), inset 0 0 0 1.5px var(--muted)}.transport-play-icon{display:block}.transport-play.edit-toggle.on{background:var(--editmode-border);color:#fff;box-shadow:0 0 0 6px var(--ground), 0 3px 12px #c0392b59}@media (hover:hover){.transport-play.edit-toggle:not(.on):hover{color:var(--text)}}.rail-field{align-items:center;gap:8px;display:flex;position:relative}.rail-field>.tiny-label{flex:none;width:60px;margin:0}.rail-field>input,.rail-field>select,.rail-field>.rail-value,.rail-field>.pick-details,.rail-field>.tracks-details{flex:1;min-width:0}.rail-toggles{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.rail-toggles>.icon-btn,.rail-tools>.icon-btn{min-width:0;height:30px;padding:0}.editor-rail input,.editor-rail select{padding:4px 7px;font-size:13px}.rail-block{flex-direction:column;gap:6px;display:flex}.rail-tools{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.rail-listen-btns{flex-direction:column;gap:6px;display:flex}.rail-btn-pair{align-items:stretch;gap:6px;display:flex}.rail-btn-pair .rail-wide-btn{flex:1}.rail-btn-pair .icon-btn{flex:none;align-self:stretch}.rail-wide-btn.on{color:var(--accent);border-color:var(--accent);background:var(--accent-wash)}.rail-wide-btn.on .btn-glyph{color:var(--accent)}.rail-tools.disabled{opacity:.45}.rail-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.rail-wide-btn{text-align:left;border:1px solid var(--border);background:var(--rail-bg);width:100%;color:var(--text);border-radius:6px;padding:7px 10px;font-size:13px}@media (hover:hover){.rail-wide-btn:not(:disabled):hover{border-color:var(--accent)}}.edit-section .rail-wide-btn,.edit-section .transport-pill{color:var(--text)}.edit-section .rail-tools>.icon-btn{border:1px solid var(--border);background:var(--panel);color:var(--text);transition:color .15s,border-color .15s,background-color .15s}.edit-section .rail-tools>.icon-btn.on{color:var(--accent);border-color:var(--accent);background:var(--accent-wash)}@media (hover:hover){.edit-section .rail-tools>.icon-btn:not(:disabled):hover{border-color:var(--muted)}}.edit-section .transport-pill{font-size:19px}@media (hover:hover){.edit-section .rail-wide-btn:not(:disabled):hover{border-color:var(--muted);color:var(--text)}}:root{--tip-h:0px}:root.tips-on{--tip-h:30px}:root.tips-on main{padding-bottom:calc(var(--page-pad) + var(--tip-h))}.tip-banner{height:var(--tip-h);z-index:25;background:var(--rail-bg);border-top:1px solid var(--border);pointer-events:none;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:0 14px;font-size:12px;line-height:1.25;display:flex;position:fixed;bottom:0;left:0;right:0}.app.rail-layout .tip-banner{left:calc(var(--rail-w) + var(--docked-picker-w))}.app.rail-layout:has(.editor.with-chords) .tip-banner{right:var(--chords-w)}.tip-banner-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);overflow:hidden}.tip-banner-text.resting{color:var(--muted);font-style:italic}@media print{.tip-banner{display:none}}.rail-foot{border-top:1px solid var(--border);background:var(--rail-bg);flex:none;padding:10px 14px}.rail-save{background:var(--accent);width:100%;color:var(--accent-fg);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:13px;font-weight:600;display:flex}.rail-picks{gap:6px;display:flex}.pick-details{flex:1;min-width:0;position:relative}.pick-details>summary,.pick-toggle{cursor:pointer;border:1px solid var(--border);background:var(--rail-bg);color:var(--text);font-variant-numeric:tabular-nums;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:12px;list-style:none;display:flex}.pick-details>summary::-webkit-details-marker{display:none}.pick-details>summary>svg,.pick-toggle>svg{color:var(--muted);flex:none}.pick-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pick-label{color:var(--muted);flex:none}@media (hover:hover){.pick-details:not(.is-disabled)>summary:hover,.pick-toggle:not(.on):hover{border-color:var(--muted)}}.pick-details[open]>summary{border-color:var(--accent)}.pick-details.is-disabled>summary{cursor:default;opacity:.5}.rail-toggles>.finger-pick{flex:none;min-width:0}.rail-toggles>.finger-pick>summary{background:var(--panel);height:30px;color:var(--muted);gap:0;padding:0}.rail-toggles>.finger-pick.on>summary{background:var(--accent-wash);color:var(--accent);border-color:var(--accent)}.rail-toggles>.finger-pick>.pick-popover{min-width:150px;left:0;right:auto}.pick-toggle{flex:1;min-width:0}.pick-toggle.on{color:var(--accent);border-color:var(--accent);background:var(--accent-wash)}.pick-toggle.on>svg{color:var(--accent)}.transport>.pick-details.transport-pick{flex:1 1 0}.transport .transport-pick>summary{height:38px;color:var(--muted);border-radius:999px;gap:5px;margin-left:-17px;padding:0 10px 0 25px}.transport .transport-pick>.pick-popover{left:auto;right:0}.pick-popover{background:var(--panel);border:1px solid var(--border);z-index:70;border-radius:8px;flex-direction:column;gap:2px;min-width:max(100%,140px);max-height:min(58vh,340px);padding:5px;display:flex;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto;box-shadow:0 12px 32px #00000047}.rail-picks>.pick-details:last-child>.pick-popover{left:auto;right:0}.pick-actions{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;margin-bottom:4px;padding-bottom:5px;display:flex}.pick-action{color:var(--muted);font-style:italic}.pick-opt{text-align:left;white-space:nowrap;color:var(--text);background:0 0;border:1px solid #0000;border-radius:5px;padding:5px 8px;font-size:12px}.pick-opt.on{background:var(--accent);color:var(--accent-fg)}@media (hover:hover){.pick-opt:not(.on):hover{background:var(--rail-bg)}}.tracks-details>summary{cursor:pointer;border:1px solid var(--border);background:var(--rail-bg);border-radius:6px;align-items:center;gap:6px;padding:5px 8px;font-size:13px;list-style:none;display:flex}.tracks-details>summary::-webkit-details-marker{display:none}.tracks-details>summary:after{content:"▾";color:var(--muted);margin-left:auto;font-size:10px}.tracks-current{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tracks-count{background:var(--accent);color:var(--accent-fg);border-radius:999px;flex:none;padding:0 5px;font-size:10px;font-weight:700;line-height:15px}.tracks-popover{background:var(--panel);border:1px solid var(--border);z-index:70;border-radius:8px;width:420px;max-width:calc(100vw - 32px);max-height:340px;padding:8px;position:fixed;overflow-y:auto;box-shadow:0 12px 32px #00000047}.above-tab-controls{justify-content:flex-end;margin-bottom:8px;display:flex}.inline-link{color:var(--accent);cursor:pointer;margin-left:4px;font-size:11px;font-weight:500;text-decoration:underline}@media (hover:hover){.inline-link:hover{color:var(--text)}}.bar-num-row{color:var(--staff-line);height:24px;font-size:10px;line-height:24px}.bar-num-cell{color:var(--staff-line)}.bar-num{color:var(--staff-line);font-weight:700}.bar-time-sig{color:var(--accent);font-size:20px;font-weight:600;line-height:1}.bar-tempo{color:var(--text);font-size:11px;font-weight:600;line-height:1}.dur-cell-wrap{cursor:pointer;display:inline-flex}@media (hover:hover){.dur-cell-wrap:hover{background:#00000008;border-radius:3px}}.kbd{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:11px;display:inline-block}.toast{background:var(--ok-bg);color:var(--text);border:1px solid var(--ok);z-index:100;border-radius:6px;padding:10px 14px;font-size:13px;animation:.18s ease-out toast-in;position:fixed;bottom:20px;right:20px;box-shadow:0 6px 24px #00000040}.toast.error{background:var(--editmode-bg);border-color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.icon-btn{min-width:36px;padding:6px 10px;font-size:16px;line-height:1}.icon-btn.icon-svg{justify-content:center;align-items:center;display:inline-flex}.stacked-icon{justify-content:center;align-items:center;display:inline-flex;position:relative}.stacked-icon>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-glyph{vertical-align:-.12em;margin-right:2px;font-size:1.35em;line-height:1}.btn-chord{letter-spacing:-.2px;font-size:13px;font-weight:700;line-height:1}.btn-glyph.icon{justify-content:center;align-items:center;width:.8em;height:1em;margin-right:3px;display:inline-flex}.finger-mark{justify-content:center;align-items:center;display:inline-flex;position:relative}.finger-mark-badge{background:currentColor;border-radius:50%;place-items:center;width:10px;height:10px;display:grid;position:absolute;bottom:-3px;right:-5px}.finger-mark-badge svg{color:var(--panel);display:block}.icon-btn.toggle{border:1px solid var(--border);transition:color .15s,border-color .15s,background-color .15s}.icon-btn.toggle.on{background:var(--accent-wash);color:var(--accent);border-color:var(--accent)}.icon-btn.toggle.off{background:var(--panel);color:var(--muted);border-color:var(--border)}@media (hover:hover){.icon-btn.toggle.off:not(:disabled):hover{color:var(--text);border-color:var(--muted)}}.tab-grid{background:var(--panel);-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;outline:none;padding:12px 12px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;transition:background-color .2s,border-color .15s;position:relative}.tab-grid:focus,.tab-grid:focus-within{border-color:var(--accent)}.tab-grid.edit-mode:focus,.tab-grid.edit-mode:focus-within{border-color:var(--editmode-border)}.tab-header{color:var(--muted);gap:14px;margin-bottom:8px;font-family:-apple-system,sans-serif;font-size:12px;display:flex}.tab-header-item{white-space:nowrap}.bar-num-cell{white-space:nowrap;align-items:center;gap:6px;padding-left:2px;font-family:-apple-system,sans-serif;display:flex}.bar-num-cell.drag-handle{cursor:grab}.bar-num-cell.drag-handle:active{cursor:grabbing}.bar-num-cell.dragging{opacity:.4}.bar-num-cell.drop-before{box-shadow:inset 2px 0 0 var(--accent)}.bar-num-cell.drop-after{box-shadow:inset -2px 0 0 var(--accent)}.measure-sep .rep-dot{height:3px;color:var(--text);pointer-events:none;background:radial-gradient(circle,currentColor 1.3px,#0000 1.6px);margin-top:-1.5px;position:absolute}.measure-sep .sep-string{background:var(--staff-line);pointer-events:none;height:1px;position:absolute;bottom:8.5px}.measure-sep .sep-string.wound{height:2px;bottom:8px}.measure-sep.end-sep{align-self:stretch;margin-left:0}.dur-cell-wrap{display:inline-flex}.tab-cell.downbeat{background:linear-gradient(to right, #7878781a 0, #7878781a var(--downbeat-w), transparent var(--downbeat-w))}.playhead-overlay{background:var(--playhead);pointer-events:none;z-index:4;will-change:transform, height;border-radius:2px;display:none;position:absolute;top:0;left:0}.playhead-overlay.hover-cursor{opacity:.32;z-index:3}.tab-system{flex-direction:column;margin-bottom:14px;display:flex}.tab-chunk{break-inside:avoid;page-break-inside:avoid;flex-direction:column;margin-bottom:10px;display:flex}.tab-chunk:last-child{margin-bottom:0}.tab-string-row{align-items:center;line-height:18px;display:flex}.tab-string-label{text-align:right;color:var(--muted);padding-right:6px;font-size:11px;font-weight:600}.tab-cell{cursor:pointer;color:var(--text);justify-content:flex-start;align-items:center;padding-left:3px;font-size:11px;display:flex;position:relative}.tab-cell .string-line{background:var(--staff-line);pointer-events:none;flex:1;min-width:0;height:1px;margin-right:-3px}.tab-cell .string-line.wound{height:2px}.tab-cell .fret+.string-line{margin-left:2px}.tab-cell.mid-pair .string-line,.tab-cell.mid-pair.row-lead:before,.measure-sep .sep-string.mid-pair{background:var(--note-mid-pair)}.tab-cell .string-line.sustain{background:var(--sustain);border-radius:0;height:3px}.tab-cell .string-line.sustain-start{border-radius:1.5px 0 0 1.5px}.tab-cell .string-line.sustain-end{border-radius:0 1.5px 1.5px 0;margin-right:0;position:relative}.tab-cell .string-line.sustain-end:after{content:"";background:var(--sustain);border-radius:1px;width:2px;height:9px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.tab-cell .slur{border-top:1.2px solid color-mix(in srgb, var(--text) 55%, transparent);pointer-events:none;z-index:3;border-radius:50%/100% 100% 0 0;height:4px;position:absolute;top:1px}.tab-chunk.with-fingers .tab-cell .slur{top:8px}.tab-cell.row-last .string-line{margin-right:0}.tab-cell.row-lead:before{content:"";background:var(--staff-line);pointer-events:none;width:3px;height:1px;position:absolute;bottom:8.5px;left:0}.tab-cell.row-lead.wound-row:before{height:2px;bottom:8px}@media (hover:hover){.tab-grid.edit-mode .tab-cell:hover{background:#0000000a}}.tab-cell.selected{background:var(--selection-bg)}.tab-cell.selected:after{content:"";border:0 solid var(--selection-border);pointer-events:none;z-index:3;position:absolute;inset:0}.tab-cell.sel-top:after{border-top-width:1px}.tab-cell.sel-bottom:after{border-bottom-width:1px}.tab-cell.sel-left:after,.tab-cell.selected.row-lead:after{border-left-width:1px}.tab-cell.sel-right:after,.tab-cell.selected.row-last:after{border-right-width:1px}.tab-cell.sel-top.sel-left,.tab-cell.sel-top.sel-left:after,.tab-cell.selected.sel-top.row-lead,.tab-cell.selected.sel-top.row-lead:after{border-top-left-radius:3px}.tab-cell.sel-top.sel-right,.tab-cell.sel-top.sel-right:after,.tab-cell.selected.sel-top.row-last,.tab-cell.selected.sel-top.row-last:after{border-top-right-radius:3px}.tab-cell.sel-bottom.sel-left,.tab-cell.sel-bottom.sel-left:after,.tab-cell.selected.sel-bottom.row-lead,.tab-cell.selected.sel-bottom.row-lead:after{border-bottom-left-radius:3px}.tab-cell.sel-bottom.sel-right,.tab-cell.sel-bottom.sel-right:after,.tab-cell.selected.sel-bottom.row-last,.tab-cell.selected.sel-bottom.row-last:after{border-bottom-right-radius:3px}.tab-cell.playhead{box-shadow:inset 0 0 0 2px var(--playhead)}.tab-cell .fret{font-weight:400}.tab-cell.mid-pair .fret{color:var(--note-mid-pair);font-weight:700}.tab-cell.highlight .fret{color:var(--note-in-key)}.tab-cell.off-key .fret{color:var(--note-off-key)}.tab-cell.mid-pair.highlight .fret{color:var(--note-in-key)}.tab-cell.mid-pair.off-key .fret{color:var(--note-off-key)}.tab-cell sup,.tab-cell sub{color:var(--muted);font-size:8px}.measure-sep{flex:none;align-self:stretch;margin:0;position:relative}.measure-sep .bar-line{background:var(--border);position:absolute;top:0;bottom:0}.measure-sep.repeat .bar-line{background:var(--text)}.measure-sep.spacer{box-shadow:none!important;background:0 0!important}.strum-row{height:11px;color:var(--muted)}.strum-cell{justify-content:flex-start;align-items:center;padding-left:2px;display:flex;overflow:visible}.strum-arrow{line-height:0;display:block}.dur-row{color:var(--beat-glyph)}.dur-cell{justify-content:flex-start;align-items:center;padding-left:2px;font-size:13px;display:flex}.dur-symbol{line-height:1}.dur-dot{margin-left:1px;font-weight:700}.dur-tuplet{color:var(--accent);margin-left:1px;font-size:8px}.lyric-row{height:16px;font:var(--lyric-font);color:var(--text);pointer-events:none;-webkit-user-select:text;user-select:text;align-items:flex-start}.lyric-cell{justify-content:flex-start;align-items:flex-start;min-width:0;padding-left:2px;display:flex;overflow:visible}.lyric-word{white-space:pre}.chord-row{color:var(--text);min-height:19px;font-size:14px;font-weight:600}.chord-cell{justify-content:flex-start;align-items:flex-end;padding-left:2px;display:flex;overflow:visible}.chord-name{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;flex:none;width:max-content;padding:0;overflow:hidden}@media (hover:hover){.chord-name:hover{text-underline-offset:2px;text-decoration:underline}}.chord-name.own{font-weight:700}.chord-name:not(.own){opacity:.88}.tab-cell .finger{height:7px;color:var(--muted);opacity:.75;font-variant-numeric:tabular-nums;pointer-events:none;font-size:8px;font-weight:400;line-height:7px;position:absolute;top:0;left:3px}.tab-chunk.with-fingers .tab-cell{padding-top:7px}.annot-row{color:var(--text);min-height:14px;font-size:10px}.annot-cell{justify-content:flex-start;align-items:flex-start;padding-left:2px;display:flex;overflow:visible}.annot-text{color:var(--annot-fg);white-space:pre-line;overflow-wrap:anywhere;flex:none;width:max-content;padding:0 3px 0 0;font-family:-apple-system,sans-serif;line-height:1.2}.technique-row{color:var(--muted);font-size:9px}.technique-cell{align-items:center;padding-left:2px;display:flex;overflow:visible}.technique-run{flex:none;align-items:center;gap:3px;display:flex}.technique-label{white-space:nowrap;font-family:-apple-system,sans-serif;font-style:italic}.technique-rule{border-top:1px dashed;flex:1;min-width:0}.tab-cell .fret-mark{color:var(--muted);font-size:8px}.beat-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;padding:6px 4px 10px;display:flex}.beat-toolbar .dur-label{color:var(--muted);margin-right:4px;font-size:12px}.tracks-list{flex-direction:column;gap:4px;display:flex}.track-row{grid-template-columns:auto auto auto 1fr auto;grid-template-areas:"lamp radio mute name vol""lamp radio mute inst vol";align-items:center;gap:3px 6px;display:grid}.track-row.has-remove{border:1px solid var(--border);background:var(--panel);border-radius:4px;grid-template-columns:auto auto auto 1fr auto auto;grid-template-areas:"lamp radio mute name vol kill""lamp radio mute inst vol kill";padding:4px}.track-row .track-vol{cursor:auto;flex-direction:column;grid-area:vol;justify-content:center;align-self:center;align-items:center;gap:1px;margin:0;display:flex}.track-row .track-vol input[type=range]{cursor:pointer;width:68px;height:12px;margin:0}.track-row .track-vol input[type=range]:disabled{cursor:auto;opacity:.4}.track-row .track-vol-read{font-variant-numeric:tabular-nums;color:var(--muted);font-size:9px;line-height:1}.track-row{cursor:pointer}.track-row.active{border-color:var(--accent);background:#2a6ef514}@media (hover:hover){.track-row:not(.active):hover{border-color:var(--muted)}}.track-row .track-mute,.track-row select,.track-row input[type=text]{cursor:auto}.track-row .track-mute{cursor:pointer}.track-row .track-lamp{background:var(--border);border-radius:50%;grid-area:lamp;width:6px;height:6px;transition:background .22s ease-out,box-shadow .22s ease-out}.track-row .track-lamp.lit{background:var(--playhead);box-shadow:0 0 5px var(--accent-glow);transition:none}.track-row input[type=radio]{grid-area:radio;margin:0}.track-row .track-mute{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;grid-area:mute;place-items:center;padding:0;display:grid}.track-row .track-mute.muted{color:var(--danger);background:color-mix(in srgb, var(--danger) 14%, transparent)}@media (hover:hover){.track-row .track-mute:hover{border-color:var(--border);color:var(--text)}.track-row .track-mute.muted:hover{color:var(--danger)}}.track-row .track-name{text-overflow:ellipsis;white-space:nowrap;grid-area:name;font-size:12px;font-weight:600;overflow:hidden}.track-row select{grid-area:inst;width:100%}.track-row .track-name-input{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:3px;padding:1px 3px;font-weight:600}.track-row .track-name-input:focus{border-color:var(--accent);outline:none}.busy-mask{z-index:100;background:color-mix(in srgb, var(--bg) 62%, transparent);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);cursor:progress;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.busy-card{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:600;display:flex;box-shadow:0 10px 40px #00000040}.busy-spinner{border:2px solid color-mix(in srgb, var(--accent) 30%, transparent);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite busy-spin}@keyframes busy-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.busy-spinner{animation-duration:2.4s}}.modal-backdrop{z-index:90;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:10px;min-width:360px;max-width:90vw;padding:16px;display:flex;box-shadow:0 10px 40px #00000040}.modal-title{font-weight:600}.annot-textarea{resize:vertical;border:1px solid var(--border);background:var(--panel);width:100%;min-height:90px;color:var(--text);border-radius:6px;padding:8px 10px;font-family:-apple-system,sans-serif;font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.drag-handle:active{cursor:grabbing}.annot-modal .modal-title.drag-handle,.setup-modal .setup-head.drag-handle{border-bottom:1px solid var(--border);margin:-16px -16px 0;padding:12px 16px 10px}.hint{color:var(--muted);margin-top:6px;font-size:12px}.print-header{display:none}.print-header h1{margin:0 0 4px;font-size:22px}.print-header .print-sub{color:var(--muted);font-size:14px}.print-header .print-notes{white-space:pre-wrap;color:var(--text);max-width:46em;margin-top:8px;font-size:13px;line-height:1.45}.notes-panel{border:1px solid var(--border);background:var(--panel);border-radius:6px;margin:0 0 12px}.notes-panel>summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;padding:7px 10px;font-size:13px}.notes-panel[open]>summary{border-bottom:1px solid var(--border)}.notes-panel .notes-input{width:100%;color:var(--text);font:inherit;resize:vertical;box-sizing:border-box;background:0 0;border:none;padding:8px 10px;line-height:1.45;display:block}.notes-panel .notes-input:focus{outline:none}.field-static-empty{color:var(--muted)}.notes-panel .notes-static{white-space:pre-wrap;padding:8px 10px;font-size:14px;line-height:1.45}.player-notes{border:1px solid var(--border);background:var(--panel);border-radius:6px;margin:0 10px 8px}.player-notes>summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;padding:7px 10px;font-size:13px}.player-notes .player-notes-body{white-space:pre-wrap;padding:0 10px 10px;font-size:13px;line-height:1.45}.editor.print-mode .print-header{margin-bottom:14px;display:block}.editor.print-mode .tab-grid{background:0 0;border:none;padding:0}.arrange-opts{border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:10px;display:flex}.arrange-opts input[type=number],.arrange-opts select{width:130px}.arrange-opts .check{color:var(--text);align-items:center;gap:6px;margin:0 0 6px;font-size:13px;display:flex}.arrange-opts .check input{width:auto}.arrange-warnings{color:var(--muted);margin:0;padding-left:18px;font-size:12px}.sheet-pages{border:1px solid var(--border);border-radius:6px;gap:6px;max-height:220px;margin:0;padding:8px 10px;list-style:inside decimal;display:grid;overflow-y:auto}.sheet-pages li{align-items:center;gap:8px;font-size:13px;display:flex}.sheet-page-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sheet-page-size{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.sheet-pages button{padding:2px 8px;font-size:12px;line-height:1.4}.sheet-progress{align-items:center;gap:10px;font-size:14px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}.setup-modal{gap:12px;width:min(1100px,94vw);max-height:88vh}.setup-head{align-items:center;gap:8px;display:flex}.setup-controls{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:12px;padding-bottom:10px;display:flex}.setup-field{flex-direction:column;gap:4px;display:flex}.setup-field.narrow input{width:76px}.chip-row{flex-wrap:wrap;gap:4px;display:flex}.chip{border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:999px;padding:4px 9px;font-size:12px}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.setup-error{color:var(--danger);font-size:13px}.setup-body{flex:1;gap:14px;min-height:0;display:flex}.setup-list{flex:46%;min-width:0;max-height:58vh;overflow-y:auto}.setup-preview{border-left:1px solid var(--border);flex:54%;min-width:0;max-height:58vh;padding-left:14px;overflow-y:auto}.setup-preview-head{z-index:1;background:var(--panel);align-items:center;gap:10px;padding-bottom:8px;display:flex;position:sticky;top:0}.setup-preview-head strong{flex:1}.setup-preview-grid{font-size:12px}.setup-table{border-collapse:collapse;width:100%;font-size:13px}.setup-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);border-bottom:1px solid var(--border);background:var(--panel);padding:4px 6px;font-size:11px;font-weight:600;position:sticky;top:0}.setup-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:7px 6px}.setup-row{cursor:pointer}.setup-row.current{cursor:default;background:#78787814}.setup-row.selected td{background:#2a6ef51f}.setup-sub{color:var(--muted);font-family:ui-monospace,monospace;font-size:11px}.setup-note{font-family:-apple-system,sans-serif}.setup-warnings{color:var(--muted);margin:0 0 8px;padding-left:18px;font-size:12px}.delta{font-size:11px;font-weight:700}.delta.good{color:#3aa538}.delta.bad{color:var(--danger)}.delta.same{color:var(--border)}@media (hover:hover){.setup-row:not(.current):hover td{background:#0000000a}.chip:hover{border-color:var(--accent)}}@media (width<=720px){.setup-body{flex-direction:column}.setup-preview{border-left:none;border-top:1px solid var(--border);padding-top:12px;padding-left:0}.setup-list,.setup-preview{max-height:none}}.player{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.player-msg{color:var(--muted);padding:24px}.player-bar{z-index:20;padding:8px 10px;padding-top:max(8px, env(safe-area-inset-top));background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:8px;display:flex;position:sticky;top:0}.player-title{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.player-title strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player-artist{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.player-grid{flex:1;min-width:0;min-height:0;padding:8px}.player-grid .tab-grid{padding:4px}.player-transport{z-index:20;padding:8px 10px;padding-bottom:max(8px, env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--border);align-items:flex-end;gap:10px;display:flex;position:sticky;bottom:0;overflow-x:auto}.play-fab{border-radius:50%;flex:none;justify-content:center;align-items:center;width:56px;height:56px;font-size:20px;line-height:1;display:flex}.play-fab.playing{background:var(--danger)}.transport-field{flex-direction:column;flex:none;gap:3px;display:flex}.transport-field label{text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:10px}.transport-tempo{width:80px}.transport-zoom{gap:4px;display:flex}.transport-tracks{white-space:nowrap;text-overflow:ellipsis;min-width:46px;max-width:116px;overflow:hidden}.transport-rewind{flex:none}.transport-speed{flex:none;width:82px}.sheet-title-later{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.sheet-row input[type=checkbox]{flex:none;width:20px;height:20px}.player.ribbon-mode{height:100dvh;min-height:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);overflow:hidden}.player.ribbon-mode .player-bar{padding:2px 8px;padding-top:max(2px, env(safe-area-inset-top))}.player.ribbon-mode .player-title strong{font-size:13px}.player.ribbon-mode .player-artist{display:none}.player.ribbon-mode .player-grid{overscroll-behavior-x:contain;padding:0;overflow:auto hidden}.player.ribbon-mode .tab-grid.ribbon{width:max-content;padding:6px calc(100vw - var(--pin,100px)) 2px var(--pin,100px);border-radius:0}.player.ribbon-mode .tab-system,.player.ribbon-mode .tab-chunk{margin-bottom:0}.player.ribbon-mode .tab-string-label{z-index:3;background:var(--panel);position:sticky;left:0}.player.ribbon-mode .player-transport{padding:4px 8px;padding-bottom:max(4px, env(safe-area-inset-bottom))}.player.ribbon-mode .play-fab{width:46px;height:46px}.sheet-scrim{z-index:30;background:#0006;position:fixed;inset:0}.sheet{z-index:31;max-height:70dvh;padding:8px 12px max(12px, env(safe-area-inset-bottom));background:var(--panel);border-top-left-radius:14px;border-top-right-radius:14px;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 30px #0003}.sheet-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:6px auto 10px}.sheet-title{margin-bottom:6px;font-weight:700}.sheet-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 2px;display:flex}.sheet-row:last-of-type{border-bottom:none}.sheet-row-main{min-width:0;color:var(--text);flex:1;align-items:center;gap:10px;margin:0;font-size:14px;display:flex}.sheet-row-name{flex-direction:column;min-width:0;display:flex}.sheet-row-sub{color:var(--muted);font-size:11px}.sheet-mute{flex:none}.sheet-mute.muted{opacity:.45}.sheet-close{width:100%;margin-top:12px;padding:12px}@media (width<=720px){:root{--page-pad:12px}.topbar{padding:10px 12px}.auth-wrap{margin:40px auto;padding:0 16px}.app.rail-layout main{padding-left:12px}.editor-rail{border-right:none;border-bottom:1px solid var(--border);border:1px solid var(--border);border-radius:8px;width:100%;margin-bottom:12px;position:static}.rail-body{overflow-y:visible}.transport{align-self:center;width:100%;max-width:300px}.tracks-popover{width:calc(100vw - 32px)}.song-title,.song-title-input{font-size:22px}.tab-table thead th:nth-child(3),.tab-table tbody td:nth-child(3),.tab-table thead th:nth-child(4),.tab-table tbody td:nth-child(4){display:none}}@media (pointer:coarse){button,.menu-item{min-height:40px}input,select,textarea{min-height:40px;font-size:16px}.tab-grid{-webkit-tap-highlight-color:transparent}}@media print{:root{--bg:#f7f7f5!important;--panel:#fff!important;--text:#1a1a1a!important;--muted:#6b6b6b!important;--border:#e2e2e0!important;--staff-line:#9a9a9a!important;--annot-fg:#1a1a1a!important;--editmode-border:transparent!important;--editmode-bg:transparent!important}@page{margin:.5in}body{color:#000;background:#fff}.no-print,.topbar,.song-head,.hint,.beat-toolbar,.editor-rail{display:none!important}.editor.with-rail{display:block!important}.app.rail-layout main{padding-left:0!important}.editor-main{width:100%!important}.editor.with-chords .editor-main,.editor.with-chords .fretboard{margin-right:0!important;padding-right:0!important}.tab-cell.selected,.tab-cell.playhead,.tab-cell.downbeat{box-shadow:none!important;background:0 0!important;outline:none!important}.tab-cell.selected:after{display:none!important}main{max-width:none;padding:0}.print-header{text-align:left;margin-bottom:14px;display:block!important}.print-header h1{margin:0 0 4px;font-size:20pt}.print-header .print-sub{color:#444;font-size:11pt}.print-header .print-notes{color:#1a1a1a;break-inside:avoid;margin-top:10px;font-size:10pt}.tab-grid{background:#fff!important;border:none!important;padding:0!important}.tab-cell.highlight .fret{color:#8a5600!important}.tab-cell.off-key .fret{color:#c4157f!important}.tab-cell.mid-pair .fret{color:#1d4ea8!important}.tab-cell.mid-pair.highlight .fret{color:#8a5600!important}.tab-cell.mid-pair.off-key .fret{color:#c4157f!important}.tab-cell.highlight .fret,.tab-cell.off-key .fret,.tab-cell.mid-pair .fret{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.tab-cell.row-lead:before,.measure-sep .sep-string,.measure-sep .sep-string.wound,.tab-cell .string-line{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#9a9a9a!important}.tab-cell.mid-pair .string-line,.tab-cell.mid-pair.row-lead:before,.measure-sep .sep-string.mid-pair{background:#1d4ea8!important}.tab-string-label{color:#333}.measure-sep .bar-line{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#666!important}.dur-row{color:var(--beat-glyph)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;display:flex!important}.dur-row svg{color:var(--beat-glyph)!important}.dur-row svg ellipse[fill=none],.dur-row svg path[fill=none]{fill:none!important}.strum-row{color:#333!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;display:flex!important}.lyric-row{color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;display:flex!important}.playhead-overlay,button{display:none!important}}.cmd-picker{z-index:10;background:var(--editmode-bg);border:1px solid var(--border);cursor:default;border-radius:9px;flex-direction:column;gap:7px;padding:9px 10px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;display:flex;position:absolute;box-shadow:0 12px 38px #00000042}.cmd-picker:focus{outline:none}.picker-head{-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);align-items:center;gap:7px;padding-bottom:6px;display:flex}.picker-title{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);white-space:nowrap;flex:1;font-size:9.5px;font-weight:650}.picker-title.searching{color:var(--accent);text-transform:none;letter-spacing:0;justify-content:flex-end;align-items:center;min-width:0;display:flex;overflow:hidden}.picker-query{color:var(--text);white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600}.picker-caret{background:var(--accent);vertical-align:-1px;width:1px;height:11px;margin-left:1px;animation:1.05s step-end infinite picker-blink;display:inline-block}@keyframes picker-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.picker-caret{animation:none}}.picker-chip{border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px}.picker-chip.as-button{cursor:pointer;font-weight:400;line-height:inherit;background:0 0}@media (hover:hover){.picker-chip.as-button:hover{color:var(--text);border-color:var(--muted)}}.picker-body{column-gap:10px}.picker-group{break-inside:avoid;margin-bottom:7px}.picker-group:last-child{margin-bottom:0}.picker-group-title{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);white-space:nowrap;margin-bottom:3px;font-size:8.5px;font-weight:650}.picker-grid{gap:2px;display:grid}.picker-pad{cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:100%;height:21px;padding:0;display:grid}.picker-pad:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.picker-key{background:var(--panel);width:100%;height:19px;box-shadow:inset 0 0 0 1px var(--border);color:var(--text);white-space:nowrap;border-radius:4px;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1;transition:background 90ms linear,color 90ms linear,box-shadow 90ms linear;display:grid}.picker-key[data-len="1"]{font-size:11px}.picker-key[data-len="2"]{font-size:10px}.picker-key[data-len="3"]{letter-spacing:-.02em;font-size:8.5px}.picker-key[data-len="4"]{letter-spacing:-.03em;font-size:7px}.picker-key.drawn{font-size:0}.picker-key.drawn svg{display:block}@media (hover:hover){.picker-pad:hover .picker-key{box-shadow:inset 0 0 0 1.5px var(--accent)}}.picker-pad[data-state=on] .picker-key{background:var(--accent);color:var(--accent-fg);box-shadow:0 0 0 2.5px var(--accent-glow)}.picker-pad[data-state=partial] .picker-key{background:var(--accent-wash);color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.picker-pad.dim{opacity:.26}.picker-pad.cued .picker-key{box-shadow:0 0 0 2.5px var(--accent-glow), inset 0 0 0 1.5px var(--accent)}.picker-pill{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:10px;font-weight:600}.picker-pill:hover{border-color:var(--accent);color:var(--accent)}.picker-pill:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.picker-field{text-align:center;border:1px solid var(--accent);background:var(--panel);width:62px;color:var(--text);border-radius:5px;padding:2px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.picker-field.narrow{width:38px}.modal-backdrop.picker-window-back{background:0 0;display:block}.picker-window{background:var(--panel);border:1px solid var(--border);border-radius:9px;flex-direction:column;gap:8px;min-width:232px;max-width:min(92vw,340px);padding:9px 11px 11px;display:flex;position:fixed;box-shadow:0 12px 38px #0000004d}.picker-window-head{align-items:center;gap:8px;display:flex}.picker-window-title{letter-spacing:.4px;text-transform:uppercase;color:var(--muted);flex:1;font-size:11.5px;font-weight:700}.picker-window-row{align-items:center;gap:7px;display:flex}.picker-window-hint{color:var(--muted);font-size:11px;line-height:1.3}.picker-window-actions{justify-content:flex-end;gap:7px;display:flex}.chord-pane{width:var(--chords-w);z-index:30;background:var(--rail-bg);border-left:1px solid var(--border);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.chord-pane-head{height:var(--topbar-h);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:0 8px 0 14px;display:flex}.chord-pane-head>.tiny-label{flex:1}.chord-pane-note{color:var(--muted);border-bottom:1px solid var(--border);flex:none;margin:0;padding:8px 12px;font-size:10px;line-height:1.5}.chord-pane-note b{color:var(--text);font-weight:600}.chord-names{padding:0 10px 8px}.chord-names-row{border:1px solid var(--border);background:var(--bg);border-radius:7px;grid-template-columns:1fr 1fr;gap:2px;padding:2px;display:grid}.chord-names-opt{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:3px 0;font-size:11px;font-weight:600}@media (hover:hover){.chord-names-opt:not(.on):hover{color:var(--text)}}.chord-names-opt.on{background:var(--accent);color:var(--accent-fg)}.chord-names-opt:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chord-names-why{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.3;display:block}.chord-pane-empty{color:var(--muted);margin:0;padding:14px;font-size:11px;line-height:1.5}.chord-pane-list{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:8px;min-height:0;padding:10px;display:grid;overflow-y:auto}.chord-card{background:var(--panel);color:inherit;font:inherit;text-align:center;cursor:pointer;border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 5px;scroll-margin:12px;display:flex}@media (hover:hover){.chord-card:hover{border-color:var(--border);background:var(--accent-wash)}}.chord-card:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chord-card.flashing{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.chord-card-name{color:var(--text);letter-spacing:-.2px;font-size:12px;font-weight:700}.chord-card-none{color:var(--muted);font-size:18px;line-height:62px}.chord-card-page{font-variant-numeric:tabular-nums;color:var(--muted);font-size:9px}.chord-modal{align-items:stretch;min-width:0}.chord-modal .modal-title{text-align:center;font-size:17px}.chord-modal-stage{justify-content:center;align-items:center;gap:6px;display:flex}.chord-modal-arrow{width:30px;height:46px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;padding:0;display:grid}@media (hover:hover){.chord-modal-arrow:hover:not(:disabled){color:var(--text);background:var(--accent-wash)}}.chord-modal-arrow:disabled{opacity:.3;cursor:default}.chord-modal-frets{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:center;gap:10px;font-size:10px;display:flex}.chord-modal-frets>span{flex-direction:column;align-items:center;display:flex}.chord-modal-frets b{color:var(--text);font-size:13px}.chord-modal-where{text-align:center;color:var(--muted);font-size:11px}.chord-modal-play{align-items:center;gap:6px;margin-right:auto;display:inline-flex}.chord-diagram{display:block}.chord-diagram .cd-nut{stroke:var(--text);stroke-width:2.4px}.chord-diagram .cd-fret,.chord-diagram .cd-string{stroke:var(--border);stroke-width:1px}.chord-diagram .cd-open{fill:none;stroke:var(--muted);stroke-width:1.2px}.chord-diagram .cd-mute{stroke:var(--muted);stroke-width:1.2px}.chord-diagram .cd-dot,.chord-diagram .cd-barre{fill:var(--text)}.chord-diagram .cd-finger{fill:var(--panel);text-anchor:middle;font-size:6px;font-weight:700}.chord-diagram .cd-pos{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:7px}.shortcut-filter{width:100%;margin-bottom:12px;padding:6px 9px;font-size:13px}.shortcut-row{border-radius:5px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin:0 -6px;padding:2px 6px;display:grid}@media (hover:hover){.shortcut-row:hover{background:var(--accent-wash)}}.shortcut-what{font-size:13px}.secondary.icon-only{place-items:center;width:24px;height:24px;padding:0;line-height:0;display:grid}.oops{text-align:center;max-width:34em;color:var(--text);margin:12vh auto 0;padding:0 20px 40px}.oops h1{margin:18px 0 8px;font-size:22px;font-weight:700}.oops p{color:var(--muted);max-width:30em;margin:0 auto;font-size:14px;line-height:1.55}.oops-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.oops-string{justify-content:center;align-items:center;height:26px;display:flex}.oops-string-left{background:linear-gradient(to right, transparent, var(--muted));border-radius:1px;width:120px;height:2px}.oops-string-curl{border:2px solid var(--muted);border-bottom:none;border-left:none;border-radius:0 12px 0 0;width:26px;height:18px;margin-left:9px;transform:rotate(-12deg)}.oops-detail{border:1px solid var(--border);background:var(--panel);max-width:100%;color:var(--muted);text-align:left;border-radius:6px;margin:26px auto 0;padding:8px 10px;font-size:11px;overflow-x:auto}.inv-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.inv-search{border:1px solid var(--border);background:var(--panel);color:var(--muted);border-radius:6px;align-items:center;gap:6px;min-width:260px;padding:0 8px;display:flex}.inv-search input{color:var(--text);background:0 0;border:none;flex:1;min-width:0;padding:7px 0;font-size:13px}.inv-search input:focus{outline:none}.inv-search:focus-within{border-color:var(--accent)}.inv-search .icon-only{color:var(--muted);background:0 0;border:none;padding:2px 4px}.inv-starred{background:var(--panel);color:var(--muted);border:1px solid var(--border);align-items:center;gap:6px;padding:7px 12px;font-size:13px;display:inline-flex}.inv-starred.on{color:var(--note-in-key);border-color:var(--note-in-key)}.tab-table .inv-star-col{width:34px;padding-right:0}.inv-star{color:color-mix(in srgb, var(--muted) 45%, transparent);cursor:pointer;background:0 0;border:none;padding:2px 4px;line-height:0}.inv-star.on{color:var(--note-in-key)}@media (hover:hover){.inv-star:hover{color:var(--note-in-key)}}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.picker-close{width:20px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;display:inline-flex}.picker-head>.picker-chip{margin-right:auto}.picker-head>.picker-close+.picker-close{margin-left:0}.picker-close:hover{background:var(--selection-bg);color:var(--text)}.picker-close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app.rail-layout:has(.editor.rail-collapsed){--rail-w:62px}.editor.rail-collapsed .rail-brand-word,.editor.rail-collapsed .rail-section-title,.editor.rail-collapsed .rail-picks,.editor.rail-collapsed .rail-field,.editor.rail-collapsed .rail-toggles,.editor.rail-collapsed .rail-tools,.editor.rail-collapsed .rail-wide-btn{display:none}.editor.rail-collapsed .rail-head{flex-direction:column;gap:7px;height:auto;padding:9px 0}.editor.rail-collapsed .transport{flex-direction:column;align-items:center;gap:7px}.editor.rail-collapsed .transport-pill,.editor.rail-collapsed .transport-pick{border-radius:9px;justify-content:center;width:42px;min-width:0;margin:0;padding:6px 0}.editor.rail-collapsed .transport-pick .pick-label{display:none}.editor.rail-collapsed .rail-section{padding-left:0;padding-right:0}.editor.rail-collapsed .rail-foot{padding:8px 6px}.editor.rail-collapsed .rail-save{padding:7px 4px;font-size:11px}.rail-collapse{border:1px solid var(--border);background:var(--panel);width:24px;height:24px;color:var(--muted);cursor:pointer;border-radius:7px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.rail-collapse:hover{color:var(--text);border-color:var(--muted)}.rail-collapse:focus-visible{outline:2px solid var(--accent);outline-offset:1px}:root{--docked-picker-w:0px}:root.picker-docked{--docked-picker-w:110px}.app.rail-layout main{padding-left:calc(var(--rail-w) + var(--docked-picker-w) + 20px)}.cmd-picker.docked{left:var(--rail-w);width:var(--docked-picker-w);max-height:none;box-shadow:none;border-width:0 1px 0 0;border-radius:0;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;transform:none!important}.cmd-picker.docked .picker-head{cursor:default;flex-wrap:wrap;gap:4px}.cmd-picker.docked .picker-head>.picker-close{order:1}.cmd-picker.docked .picker-head>.picker-title,.cmd-picker.docked .picker-head>.picker-chip{text-align:center;flex:1 0 100%;order:2}.cmd-picker.docked .picker-body{flex:1;min-height:0;overflow-y:auto}.track-remove{width:24px;color:var(--muted);opacity:.55;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-area:kill;justify-content:center;align-self:stretch;align-items:center;padding:0;display:inline-flex}.track-remove:hover{opacity:1;color:var(--danger);background:var(--editmode-bg)}.track-remove:focus-visible{outline:2px solid var(--danger);outline-offset:1px;opacity:1}.tracks-add{border:1px dashed var(--border);width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:7px;margin-top:6px;padding:6px 8px;font-size:12px}.tracks-add:hover{color:var(--text);border-color:var(--muted)}.fb-finger{pointer-events:none;z-index:4;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative}.fb-finger-stem{background:linear-gradient(to bottom, color-mix(in srgb, var(--accent) 12%, transparent), color-mix(in srgb, var(--accent) 34%, transparent));border-radius:0 0 5px 5px;flex:1;width:9px;min-height:0}.fb-finger-tip{border:1px solid var(--accent);background:var(--accent);min-width:21px;height:19px;color:var(--accent-fg);letter-spacing:-.2px;border-radius:999px;justify-content:center;align-items:center;margin-top:-3px;padding:0 4px;font-size:11px;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 1px 3px #0000004d}.fb-finger.thumb .fb-finger-stem{visibility:hidden}.fb-finger.thumb .fb-finger-tip{background:var(--note-in-key);border-color:var(--note-in-key)}.fb-hand-toggle{border:1px solid var(--border);background:var(--panel);cursor:pointer;opacity:.55;filter:grayscale();border-radius:6px;flex:none;padding:2px 6px;font-size:12px;line-height:1.3}.fb-hand-toggle.on{opacity:1;filter:none;border-color:var(--accent)}.lyrics-panel{border:1px solid var(--border);background:var(--panel);border-radius:10px;margin:18px 0 8px;padding:10px 14px}.lyrics-panel>summary{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600;list-style-position:outside}.lyrics-count{border:1px solid var(--border);letter-spacing:0;border-radius:4px;margin-left:7px;padding:1px 5px;font-size:9.5px;font-weight:400}.lyrics-block+.lyrics-block{margin-top:12px}.lyrics-bar{color:var(--muted);margin-top:10px;font-size:10px}.lyrics-text{white-space:pre-line;color:var(--text);margin:6px 0 0;font-size:13px;line-height:1.55}@media print{.lyrics-panel{break-inside:avoid;background:0 0;border:none;padding:0}.lyrics-panel>summary{display:none}}.import-queue{border:1px solid var(--border);border-radius:8px;max-height:210px;margin:0;padding:8px 10px;font-size:12px;list-style:none;overflow-y:auto}.import-queue li{justify-content:space-between;gap:10px;padding:2px 0;display:flex}.import-queue-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.import-queue-as{color:var(--text);flex:none}.import-batch{border:1px solid var(--border);background:var(--ok-bg);border-radius:8px;padding:8px 10px;font-size:12px}.import-batch.bad{background:var(--editmode-bg);border-color:var(--danger)}.import-batch ul{margin:6px 0 0;padding-left:18px}.row{align-items:center;gap:8px;display:flex}.warn,.hint.warn{color:var(--danger)}.play-along-dock{z-index:40;background:var(--panel);border:1px solid var(--border);border-radius:8px;width:min(380px,100vw - 24px);max-height:min(78vh,720px);position:fixed;bottom:12px;right:12px;overflow-y:auto;box-shadow:0 10px 40px #00000040}.play-along{flex-direction:column;gap:10px;padding:12px;display:flex}.play-along-video{background:#000;border-radius:6px;min-width:200px;min-height:200px;overflow:hidden}.play-along-video iframe{border:0;width:100%;height:100%;display:block}.anchor-list{font-variant-numeric:tabular-nums;flex-direction:column;gap:4px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.anchor-list li{background:var(--bg);border-radius:4px;align-items:center;gap:8px;padding:3px 6px;display:flex}.anchor-list li span:first-child{flex:1}.anchor-list button{padding:0 6px;line-height:1.4}.anchor-list .link-btn{text-align:left;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;flex:1;padding:0}.anchor-list .link-btn:hover{text-decoration:underline}.anchor-list li.tuning{outline:1px solid var(--accent,#6aa9ff)}.anchor-nudge{margin-top:-2px}.anchor-nudge button{font-variant-numeric:tabular-nums;padding:1px 7px}.play-along-dock.hidden{display:none}.play-along-head .icon-only{justify-content:center;align-items:center;padding:3px 7px;line-height:1;display:inline-flex}.play-along-head .icon-only.minimise svg{position:relative;top:-2px}.record-take,.check-report{flex-direction:column;gap:8px;display:flex}.verdict-list{flex-direction:column;gap:3px;max-height:40vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.verdict-list li{background:var(--bg);border-left:3px solid #0000;border-radius:0 4px 4px 0;flex-wrap:wrap;align-items:baseline;gap:10px;padding:4px 8px;font-size:12px;display:flex}.verdict-list .where{font-variant-numeric:tabular-nums;min-width:9em}.verdict-list .what{font-weight:600}.verdict-list .verdict-wrong,.verdict-list li.verdict-wrong{border-left-color:var(--danger)}.verdict-list li.verdict-wrong .what{color:var(--danger)}.verdict-list li.verdict-missed{border-left-color:var(--muted)}.verdict-list li.verdict-missed .what{color:var(--muted)}.verdict-list li.verdict-partial{border-left-color:#b8860b}.verdict-list li.verdict-partial .what{color:#b8860b}@media (width<=720px){.play-along-dock{border-radius:8px 8px 0 0;width:100%;max-height:62vh;bottom:0;left:0;right:0}}