:root{--bg: #f2f2f0;--paper: #ffffff;--fg: #111111;--muted: #8a8a8e;--rule: #c9c9cc;--bar: #f7f7f5;--bar-line: #d6d6d6;--accent: #1f6feb;--accent-fg: #ffffff;--mode-off: #9fc0f2;--key: #ffffff;--key-g: #c6c8cd;--key-act: #abb0b9;--keypad: #d3d5da;--key-shadow: 0 1px 0 rgba(0, 0, 0, .32);--sel: rgba(31, 111, 235, .16);--hl: #d3e3ff;--raised: #ffffff;--hl-edge: #1f6feb;--caret: #1f6feb;--danger: #d1242f;--green: #1aa36a;--font: "Avenir Next", Avenir, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;--chart-font: "Avenir Next", Avenir, "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);color-scheme:light}:root[data-theme=dark]{--bg: #0b0b0c;--paper: #000000;--fg: #f4f1e8;--muted: #8d8d93;--rule: #3a3a3e;--bar: #161618;--bar-line: #2a2a2d;--accent: #5aa2ff;--accent-fg: #000;--mode-off: #2b4a73;--key: #4a4a4f;--key-g: #2e2e32;--key-act: #232326;--keypad: #1b1b1d;--key-shadow: 0 1px 0 rgba(0, 0, 0, .6);--sel: rgba(90, 162, 255, .24);--hl: #1c3d70;--raised: #1e1e21;--hl-edge: #6fb0ff;--caret: #5aa2ff;color-scheme:dark}.theme-light{--paper: #fff;--fg: #000;--rule: #b9b9bc;--muted: #888}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}button:disabled{opacity:.38;cursor:default}input,select{font:inherit;color:inherit}.app{height:100%;display:flex;flex-direction:column}.page{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--paper)}.page.center{align-items:center;justify-content:center;gap:12px}.page.lib{background:var(--bg)}.topbar{display:flex;align-items:center;gap:4px;padding:calc(var(--safe-t) + 6px) 10px 6px;min-height:calc(var(--safe-t) + 50px);background:var(--bar);border-bottom:1px solid var(--bar-line);flex-shrink:0}.topbar .tb-title{flex:1;min-width:0;text-align:center;font-weight:600;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px}.topbar .brand{font-weight:800;letter-spacing:-.02em;font-size:19px;min-width:64px}.link{color:var(--accent);font-size:16px;padding:8px 6px;white-space:nowrap}.link.strong{font-weight:600}.icon{width:40px;height:40px;display:inline-grid;place-items:center;color:var(--accent);border-radius:10px;font-size:20px;flex-shrink:0}.icon.on{background:var(--sel)}.icon.accent{font-size:26px;font-weight:300}.icon:active,.link:active{opacity:.55}.icon:disabled{opacity:.3}.icon svg{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:10px;background:var(--key);color:var(--fg);border:1px solid var(--bar-line);font-weight:500;font-size:15px}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:transparent}.btn.danger{color:var(--danger)}.btn.primary.danger,.dlg-btns .btn.danger{background:var(--danger);color:#fff;border-color:transparent}.btn.sm{padding:6px 11px;font-size:14px}.btn:active{filter:brightness(.92)}.btn-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.inp{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--bar-line);background:var(--paper);font-size:16px;outline:none}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--sel)}.tabbar{display:flex;background:var(--bar);border-top:1px solid var(--bar-line);padding-bottom:var(--safe-b);flex-shrink:0}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 0 6px;font-size:11px;color:var(--muted)}.tabbar button.on{color:var(--accent)}.tab-ic{position:relative;display:inline-flex}.sdot{position:absolute;right:-3px;top:-1px;width:8px;height:8px;border-radius:50%;background:var(--muted)}.sdot.st-idle{background:var(--green)}.sdot.st-syncing{background:var(--accent)}.sdot.st-error{background:var(--danger)}.sdot.st-offline{background:#e0a100}.lib-tools{display:flex;gap:8px;padding:10px 12px 4px;max-width:900px;width:100%;margin:0 auto}.lib-tools .search{flex:1}.lib-tools .sort{width:auto;flex:0 0 auto}.crumbs{padding:2px 16px;font-size:14px;color:var(--muted);max-width:900px;margin:0 auto;width:100%}.crumbs .link{padding:4px 0;font-size:14px}.list{flex:1;overflow-y:auto;padding:8px 12px 24px;-webkit-overflow-scrolling:touch}.list>*{max-width:900px;margin-left:auto;margin-right:auto}.row{display:flex;align-items:center;gap:12px;padding:11px 12px;background:var(--paper);border-bottom:1px solid var(--bar-line);cursor:pointer;-webkit-user-select:none;user-select:none}.list>.row:first-child,.group-h+.row{border-top-left-radius:12px;border-top-right-radius:12px}.row:last-child,.row:has(+.group-h),.row:has(+.empty),.row.folder:has(+.row:not(.folder)){border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom:0;margin-bottom:10px}.row:active,.row.picked{background:var(--sel)}.row-main{flex:1;min-width:0}.row-title{font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-sub{color:var(--muted);font-size:13.5px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .more{width:36px;height:36px;border-radius:50%;color:var(--muted);font-size:22px;flex-shrink:0}.ficon{color:var(--accent);flex-shrink:0}.keybadge{min-width:46px;height:32px;padding:0 6px;border-radius:8px;display:grid;place-items:center;background:var(--bg);font-weight:700;font-size:14px;flex-shrink:0;border:1px solid var(--bar-line)}.num-badge{width:22px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.check{width:24px;height:24px;border-radius:50%;border:2px solid var(--rule);flex-shrink:0;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff}.check.on{background:var(--accent);border-color:var(--accent)}.handle{font-size:22px;color:var(--muted);padding:4px 6px;cursor:grab;touch-action:none}.srow.dragging{opacity:.6;background:var(--sel)}.pill{margin-left:8px;font-size:11px;background:#ffe7a3;color:#6b4b00;padding:1px 7px;border-radius:99px;font-weight:600}.group-h{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:14px 6px 6px;font-weight:600}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty p{max-width:420px;margin:0 auto 16px;line-height:1.45}.selbar{display:flex;align-items:center;gap:8px;padding:10px 12px calc(10px + var(--safe-b));background:var(--bar);border-top:1px solid var(--bar-line);flex-wrap:wrap}.selbar{justify-content:center}.sl-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 4px;max-width:900px;width:100%;margin:0 auto;flex-wrap:wrap}.sl-artist{font-weight:700;font-size:18px}.sl-btns{display:flex;gap:8px}.settings .set-body{flex:1;overflow-y:auto;padding:12px 12px 30px}.card{background:var(--paper);border-radius:14px;padding:16px;margin:0 auto 12px;max-width:640px}.card h3{margin:0 0 10px;font-size:17px}.card p{margin:0 0 12px;line-height:1.45}.card .auth{display:grid;gap:10px}.gsi-wrap{min-height:44px}.gsi-btn{width:100%;max-width:320px;color-scheme:normal}.or-line{display:flex;align-items:center;gap:10px;color:var(--muted, #888);font-size:13px}.or-line:before,.or-line:after{content:"";flex:1;border-top:1px solid currentColor;opacity:.35}.muted{color:var(--muted)}.center{text-align:center}.sync-status{font-size:14px}.sync-status.st-error{color:var(--danger)}.install{margin:0 0 10px;padding-left:20px;line-height:1.6}.scrim{position:fixed;inset:0;background:#0000006b;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;animation:fade .12s ease-out}@keyframes fade{0%{opacity:0}}.dlg{background:var(--raised);color:var(--fg);border-radius:16px;padding:16px;width:min(440px,100%);max-height:calc(100% - 20px);overflow-y:auto;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;gap:12px}.dlg.wide{width:min(720px,100%)}.dlg h3{margin:0;font-size:17px;text-align:center}.dlg-msg{color:var(--muted);line-height:1.45;font-size:15px;text-align:center}.dlg-btns{display:flex;gap:8px;justify-content:flex-end}.dlg-btns .btn{flex:1}.dlg-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:-4px -4px 0}.dlg-bar>:first-child{justify-self:start}.dlg-bar>:last-child{justify-self:end}.sheet-bottom{align-items:flex-end;padding-bottom:calc(10px + var(--safe-b))}.sheet-bottom .dlg{border-radius:16px}.sheet-full .dlg{width:min(760px,100%);max-height:100%}@media(max-width:600px){.sheet-full{padding:0;align-items:stretch}.sheet-full .dlg{border-radius:0;max-height:none;height:100%;padding-top:calc(var(--safe-t) + 12px)}}.menu-list{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:var(--bg)}.menu-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;text-align:left;border-bottom:1px solid var(--bar-line);font-size:16px;color:var(--accent)}.menu-item:last-child{border-bottom:0}.menu-item.danger{color:var(--danger)}.menu-item:active{background:var(--sel)}.menu-hint{color:var(--muted);font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:6px 11px;border-radius:99px;background:var(--bg);border:1px solid var(--bar-line);font-size:14px}.chip.on{background:var(--accent);color:var(--accent-fg);border-color:transparent}.lbl{display:block;font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;margin:4px 0 6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}@media(max-width:560px){.form-grid{grid-template-columns:1fr}}.toggle-row{display:flex;align-items:center;gap:10px;font-size:15px;cursor:pointer;padding:4px 0}.toggle-row input{width:20px;height:20px;accent-color:var(--accent)}.stepper{display:flex;align-items:center;gap:8px;margin:8px 0}.stepper>span:first-child{flex:1}.stepper .val{min-width:48px;text-align:center;font-variant-numeric:tabular-nums}.seg{display:flex;background:var(--bg);border-radius:10px;padding:3px;gap:3px;margin:6px 0}.seg button{flex:1;padding:8px 6px;border-radius:8px;font-size:14px}.seg button.on{background:var(--paper);box-shadow:0 1px 3px #00000026;font-weight:600}.row-opts{display:flex;flex-direction:column;gap:4px}.keypick{display:flex;flex-direction:column;gap:8px}.keygrid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.kg{padding:10px 0;border-radius:9px;background:var(--bg);font-weight:600;border:1px solid var(--bar-line)}.kg.on{background:var(--accent);color:var(--accent-fg);border-color:transparent}.layouts{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.layout{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;text-align:center;padding:6px 4px;border-radius:10px;border:2px solid transparent}.layout.on{border-color:var(--accent);background:var(--sel)}.lthumb{width:60px;height:78px}.picker{height:min(80vh,760px)}.picker .list{padding:0}.help-body{line-height:1.5;font-size:15px}.help-body h4{margin:14px 0 6px}.kbd-table{border-collapse:collapse;width:100%;font-size:14px}.kbd-table td{padding:5px 6px;border-bottom:1px solid var(--bar-line);vertical-align:top}.kbd-table td:first-child{white-space:nowrap;width:1%}kbd{font-family:ui-monospace,Menlo,monospace;background:var(--bg);border:1px solid var(--bar-line);border-radius:5px;padding:1px 6px;font-size:13px}.toast{position:fixed;left:50%;bottom:calc(90px + var(--safe-b));transform:translate(-50%);z-index:200;background:#141416eb;color:#fff;padding:10px 16px;border-radius:12px;font-size:14.5px;animation:fade .15s ease-out;pointer-events:none;max-width:90vw;text-align:center}.editor .chart-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;background:var(--paper)}.banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 14px;font-size:13.5px;background:#fff6d6;color:#5c4600;border-bottom:1px solid #f0dfa0}:root[data-theme=dark] .banner{background:#2b2410;color:#f1d98a;border-color:#4a3d14}.banner span{flex:1}.fab{position:fixed;right:18px;bottom:calc(18px + var(--safe-b));z-index:20;background:var(--accent);color:var(--accent-fg);font-weight:600;padding:12px 20px;border-radius:99px;box-shadow:0 6px 20px #00000040}.chartwrap{width:100%;--u: 26px}.chartwrap.fit{height:100%;overflow:hidden}.chart{font-family:var(--chart-font);font-size:var(--u);color:var(--fg);padding:.55em .7em 1.2em;max-width:100%}.chartwrap.print .chart{padding:0}.chartwrap.fit .chart{padding-bottom:.3em}.ch-head{text-align:center;position:relative;padding-bottom:.25em;margin-bottom:.45em;border-bottom:1px solid var(--rule)}.ch-title{font-size:1.12em;font-weight:500;margin:0;line-height:1.15}.ch-artist{font-size:.6em;margin-top:.1em;font-weight:500}.ch-sub{font-size:.56em;font-style:italic}.ch-meta{display:flex;justify-content:flex-start;gap:1.6em;font-size:.5em;margin-top:.4em;text-align:left}.chart.editing .ch-head>*,.chart.editing .ch-meta>span{cursor:pointer;border-radius:4px}.chart.editing .ch-head>*:hover,.chart.editing .ch-meta>span:hover{background:var(--sel)}.ph{color:var(--muted);font-style:italic;opacity:.8}.ch-body{position:relative}.ch-body.two{column-count:2;column-gap:.9em;column-rule:1px solid var(--rule)}.ch-body.two.fill{column-fill:auto;overflow:hidden}.chartwrap.measuring .line{flex-wrap:nowrap}.chartwrap.measuring .line>*,.chartwrap.measuring .cell>*,.chartwrap.measuring .measure>*{flex-shrink:0}.sec{display:grid;grid-template-columns:1.65em minmax(0,1fr);break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid}.sec-label{font-size:.82em;font-weight:500;line-height:1.25;padding:.42em .1em 0 0;overflow-wrap:anywhere;word-break:break-word}.sec-label.long{font-size:.6em;padding-top:.75em}.chart.editing .sec-label{cursor:pointer}.chart.editing .sec-label:hover{color:var(--accent)}.sec-body{padding:.12em 0 .72em .4em;min-width:0;border-left:1px solid var(--rule)}.add-sec{display:block;margin:.2em 0 0 .25em;font-size:1.3em;color:var(--muted);font-weight:300;width:1.3em;height:1.3em;line-height:1}.add-sec:hover{color:var(--accent)}.line{display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:.62em;row-gap:.1em;min-height:1.28em;padding:.06em 0;position:relative}.chart.editing .line{cursor:text}.line.gridline{column-gap:0}.line.textline{min-height:0;padding-bottom:.08em}.cell{display:inline-flex;align-items:flex-end;gap:.12em;position:relative}.cell.gridcell{flex:0 0 auto;min-width:0;padding-right:.3em}.cell.in-ending{border-top:.05em solid currentColor;padding-top:.5em;margin-top:.1em}.cell.ending-start{border-left:.05em solid currentColor;padding-left:.1em}.ending-lbl{position:absolute;left:.15em;top:.03em;font-size:.42em;font-weight:600}.it{display:inline-flex;align-items:flex-end;position:relative}.it-ending{position:static}.measure{display:inline-flex;align-items:flex-end;gap:.38em;position:relative;padding-bottom:.04em}.measure.split{border-bottom:.065em solid currentColor}.line,.sec-label{isolation:isolate}.insel{position:relative}.insel:before{content:"";position:absolute;z-index:-1;inset:-.08em -.34em;background:var(--hl);border-radius:.07em;pointer-events:none}.line.gridline .insel:before{inset:-.08em -.16em}.it-repStart.insel:before,.it-repEnd.insel:before{top:-.2em;bottom:-.2em}.sec-label.insel{box-shadow:inset .14em 0 0 var(--hl-edge)}.sec-label.insel:before{inset:0;border-radius:0}.chord{display:inline-flex;flex-direction:column;align-items:flex-start;position:relative;cursor:inherit}.chord.sel .main{background:var(--hl);border-radius:.1em;box-shadow:0 0 0 .08em var(--hl)}.above{display:flex;align-items:flex-end;gap:.12em;font-size:.5em;line-height:1;margin-bottom:.06em;min-height:0;font-weight:700}.above:empty{display:none}.main{position:relative;line-height:1;font-weight:600;white-space:nowrap}.core{display:inline-flex;align-items:baseline}.num{font-variant-numeric:tabular-nums}.num.dot{font-size:.75em;padding:0 .12em}.acc{font-size:.66em;align-self:flex-start;margin-right:.02em;margin-top:-.06em;font-weight:500}.qual{font-weight:600}.qual.q-dash{margin-left:.01em}.qual.q-m{font-size:.72em;margin-left:.02em}.ext{font-size:.5em;align-self:flex-start;margin-left:.05em;margin-top:-.12em;font-weight:600;letter-spacing:.01em}.ext .sq{font-size:1.1em;margin-right:.04em}.bass{font-size:.72em;font-weight:600}.paren{font-weight:400}.stack{display:inline-flex;flex-direction:column;align-items:center;line-height:.9}.stack .core{font-size:.6em}.stack-bass{font-size:.6em;border-top:.06em solid currentColor;padding:.04em .12em 0}.core.letter .num{font-variant-numeric:normal}.ringed .main{padding:.14em .4em;margin:-.14em -.02em}.ringed .above{margin-bottom:.2em}.ring{position:absolute;inset:-.05em -.02em;width:calc(100% + .04em);height:calc(100% + .1em);overflow:visible}.chord.tie-start .main:after,.chord.tie-end .main:before{content:"";position:absolute;top:-.32em;height:.28em;border-top:.06em solid currentColor}.chord.tie-start .main:after{left:50%;right:-.38em;border-left:.06em solid currentColor;border-top-left-radius:100%}.chord.tie-end .main:before{left:-.38em;right:50%;border-right:.06em solid currentColor;border-top-right-radius:100%}.ringed.tie-start .main:after,.ringed.tie-end .main:before{top:-.42em}.mk{font-weight:800;line-height:1}.mk-stop{font-weight:900;font-family:Georgia,serif}.mk-marcato{font-size:.8em}.rhythm{display:block;overflow:visible}.pushnote{overflow:visible}.cmt{font-size:.68em;font-weight:500;line-height:1.25;white-space:nowrap}.cmt.boxed{border:.07em solid currentColor;border-radius:.2em;padding:0 .22em;font-weight:600}.times{font-size:.66em;font-weight:500;margin-left:.35em;align-self:center}.it-repStart,.it-repEnd{align-self:center}.it-sym{align-self:center;margin-right:.12em}.rep{display:block}.sym-text{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:700;font-size:.5em;white-space:nowrap;align-self:center}.sym-arrow{font-size:.8em;font-weight:700}.tsig{display:inline-flex;align-items:center;font-size:.62em;font-weight:600;align-self:center}.frac{display:inline-flex;flex-direction:column;align-items:center;line-height:.95;font-size:.82em}.spacer{display:inline-block;width:.8em;height:1em}.chart.editing .spacer{background:repeating-linear-gradient(90deg,transparent 0 3px,var(--sel) 3px 6px)}.caret{display:inline-block;width:.08em;min-width:2px;height:1.05em;background:var(--caret);margin:0 .04em;align-self:flex-end;animation:blink 1.05s steps(1) infinite;border-radius:1px;flex-shrink:0}@keyframes blink{50%{opacity:0}}.keypad{background:var(--keypad);border-top:1px solid var(--bar-line);flex-shrink:0;position:relative;padding-bottom:var(--safe-b);user-select:none;-webkit-user-select:none;touch-action:manipulation}.toolbar{display:flex;align-items:center;gap:2px;padding:4px 6px;overflow-x:auto;scrollbar-width:none;background:var(--bar);border-bottom:1px solid var(--bar-line)}.toolbar::-webkit-scrollbar{display:none}.tb{flex-shrink:0;padding:8px 10px;font-size:15px;white-space:nowrap;border-radius:8px;color:var(--fg);min-width:34px;display:inline-flex;align-items:center;justify-content:center}.tb.arrow{color:var(--accent);font-size:24px;padding:2px 10px;font-weight:300}.tb.on{background:var(--sel);color:var(--accent)}.tb.strong{color:var(--accent);font-weight:600}.tb.sm{font-size:12px}.tb:active{background:var(--sel)}.tb-sep{width:1px;align-self:stretch;background:var(--bar-line);margin:2px 4px;flex-shrink:0}.beam-lbl{border-top:2px solid currentColor;padding-top:1px}.trip-lbl{display:inline-flex;flex-direction:column;align-items:center;line-height:1}.trip-lbl i{font-size:10px;font-weight:700;border:1px solid currentColor;border-bottom:0;padding:0 8px;margin-bottom:1px}.keys{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;padding:7px 6px 6px;--kh: clamp(38px, 6.1vh, 58px);grid-auto-rows:var(--kh)}.key{border-radius:7px;background:var(--key);box-shadow:var(--key-shadow);font-size:18px;display:grid;place-items:center;overflow:hidden;line-height:1;padding:0 2px;color:var(--fg);position:relative}.key.g{background:var(--key-g);font-size:16px}.key.act{background:var(--key-act);font-size:20px}.key.big{font-size:24px;font-weight:500}.key.kacc{font-size:22px}.key.sup{font-size:15px}.key.blank{background:transparent;box-shadow:none}.key.on,.key.popped{background:var(--accent);color:var(--accent-fg)}.key:active{filter:brightness(.82)}.key.mode{background:var(--mode-off);color:#fff;font-size:21px;font-weight:500;box-shadow:none}.key.mode.cur{background:var(--accent);color:#fff}.key.mode svg{width:19px;height:24px}.hair-lbl{display:inline-flex;align-items:center;gap:4px}.hair-lbl svg{width:22px;height:10px}.key.endm{grid-column:span 4;font-size:15px}.key.space{grid-column:span 2;font-size:15px}.key .small{font-size:11px;line-height:1.15;text-align:center}.key .maj-sup{font-size:13px;border-bottom:1px dashed currentColor;padding-bottom:6px}.key .maj-base{font-size:13px;border-top:1px dashed currentColor;padding-top:6px}.key .frac.sm{font-size:14px}.key .frac.sm span:first-child{border-bottom:1px solid currentColor}.key .dia.big{font-size:26px}.key .trip{font-size:15px;font-weight:700;font-style:italic;border:1.4px solid currentColor;border-bottom:0;padding:0 6px}.key .ds{font-family:Georgia,serif;font-weight:700;font-size:14px;text-align:center;line-height:1.05}.key .ds.sm{font-size:10.5px}.key .kfrac{display:inline-flex;align-items:center;font-size:16px;font-weight:600}.key .kfrac .frac span:first-child{border-bottom:0}.key .rhythm{height:30px!important;width:auto!important;max-width:100%}.key svg{max-height:80%}.key .mk{font-size:18px}.kpop{position:absolute;left:50%;transform:translate(-50%);top:-54px;display:flex;gap:4px;padding:5px;background:var(--paper);border-radius:12px;box-shadow:0 8px 28px #00000047;z-index:5;max-width:96vw;overflow-x:auto}.kp{min-width:44px;height:40px;padding:0 10px;border-radius:8px;background:var(--bg);font-size:17px;white-space:nowrap;font-weight:500}.kp.on{background:var(--accent);color:var(--accent-fg)}@media(max-width:520px){.keys{gap:4px;padding:5px 4px;--kh: clamp(36px, 5.6vh, 48px)}.key{font-size:15px;border-radius:5px}.key.big{font-size:20px}.key.g,.key.sup{font-size:13px}.key .ds{font-size:11px}.key .ds.sm{font-size:7.5px}.key .small{font-size:8.5px}.key .maj-sup,.key .maj-base{font-size:10px}.key.endm,.key.space{font-size:12px}.key .rhythm{height:24px!important}.tb{padding:7px 8px;font-size:14px}.topbar .icon{width:34px}.topbar .tb-title{font-size:15px}}@media(min-width:1100px){.editor .keypad .keys,.editor .keypad .toolbar{max-width:1000px;margin:0 auto}.editor .chart-scroll .chartwrap{max-width:1100px;margin:0 auto}}.player{background:var(--paper)}.player .pages{flex:1;min-height:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.player .pages::-webkit-scrollbar{display:none}.pg{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow-y:auto;position:relative}.pg .chartwrap.fit{height:100%}.pg-ph{display:grid;place-items:center;height:100%;color:var(--muted);font-size:24px}.player .dots{display:flex;justify-content:center;gap:6px;padding:6px 0 calc(6px + var(--safe-b));flex-wrap:wrap}.player .dots span{width:7px;height:7px;border-radius:50%;background:var(--rule);cursor:pointer}.player .dots span.on{background:var(--accent)}.player.bare .topbar,.player.bare .dots{display:none}.ch-body.paged .page2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:.9em}.ch-body.paged .col2{min-width:0}.ch-body.paged .col2+.col2{border-left:1px solid var(--rule);padding-left:.45em;margin-left:-.45em}.ch-body.paged .page2+.page2{border-top:1px dashed var(--rule);margin-top:.6em;padding-top:.6em;position:relative}.ch-body.paged .page2+.page2:before{content:"Page " attr(data-page);position:absolute;right:0;top:-.75em;font-size:.36em;color:var(--muted);background:var(--paper);padding:0 .4em;letter-spacing:.04em}.chartwrap.print .ch-body.paged .page2+.page2{border-top:0;margin-top:0;padding-top:0}.chartwrap.print .ch-body.paged .page2+.page2:before{display:none}.times.editing{background:var(--sel);color:var(--accent);border-radius:.15em;padding:0 .12em;display:inline-flex;align-items:center;font-weight:700}.times.editing .caret{height:.9em}.rep-lbl{display:inline-flex;align-items:center;gap:3px;font-size:15px}.rep-lbl .rep{height:18px!important;width:7px!important}.keypad.trackpad .key{color:transparent!important;background:var(--key-g);box-shadow:none}.keypad.trackpad .key *{visibility:hidden}.keypad.trackpad .key.endm,.keypad.trackpad .key.space{background:var(--key-g)}.keypad.trackpad .keys:after{content:"Slide to move the cursor";position:absolute;left:0;right:0;bottom:45%;text-align:center;color:var(--muted);font-size:14px;pointer-events:none}.keypad .keys{position:relative}.editor .chart-scroll{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.chart-scroll.dragsel{touch-action:none}.page.lib.dropping{outline:3px dashed var(--accent);outline-offset:-8px}.import-report{text-align:left;display:grid;gap:4px;max-height:50vh;overflow-y:auto;font-size:14px;color:var(--fg)}.import-report .bad{color:var(--danger)}.it-repEnd:has(.times.editing)>.caret{display:none}.sel-info{flex-shrink:0;font-size:13px;font-weight:600;color:var(--hl-edge);background:var(--hl);padding:5px 10px;border-radius:99px;margin-right:4px;white-space:nowrap}.repeat-scrim{align-items:center}.repeat-dlg{width:min(330px,100%);align-items:stretch}.rep-field{display:flex;align-items:center;justify-content:center;gap:2px;height:72px;border-radius:14px;background:var(--bg);border:2px solid var(--accent);font-size:44px;font-weight:700;font-variant-numeric:tabular-nums}.rep-x{color:var(--muted);font-weight:500;margin-right:4px}.rep-val{min-width:.6em;text-align:center;border-radius:6px;padding:0 4px}.rep-val.hl{background:var(--accent);color:var(--accent-fg)}.rep-caret{width:3px;height:46px;background:var(--accent);animation:blink 1.05s steps(1) infinite;border-radius:2px}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.np{height:56px;border-radius:12px;background:var(--key);box-shadow:var(--key-shadow);font-size:26px;font-weight:500;border:1px solid var(--bar-line)}.np.fn{background:var(--key-g);font-size:15px}.np:active{filter:brightness(.85)}.sel-handle{position:absolute;width:2.5px;margin-left:-1.25px;background:var(--hl-edge);z-index:6;touch-action:none;cursor:grab}.sel-handle:before{content:"";position:absolute;left:50%;width:13px;height:13px;margin-left:-6.5px;border-radius:50%;background:var(--hl-edge);box-shadow:0 1px 3px #00000059}.sel-handle.start:before{top:-11px}.sel-handle.end:before{bottom:-11px}.sel-handle:after{content:"";position:absolute;inset:-26px -18px}.chord-slot{display:inline-flex;align-items:flex-end}.editor:not(.locked) .chart-scroll .chart{cursor:text}.beats{font-size:1.15em;letter-spacing:.08em;line-height:.6;font-weight:900}.beats-lbl{font-size:13px;letter-spacing:1px;font-weight:900}.import-progress{position:fixed;left:50%;transform:translate(-50%);bottom:calc(76px + var(--safe-b));z-index:90;width:min(420px,calc(100% - 24px));background:var(--raised);border:1px solid var(--bar-line);border-radius:14px;padding:12px 14px;box-shadow:0 10px 30px #00000040;display:grid;gap:8px}.ip-top{display:flex;justify-content:space-between;align-items:center;font-size:15px}.ip-top .link{padding:0}.ip-bar{height:6px;border-radius:99px;background:var(--bg);overflow:hidden}.ip-bar span{display:block;height:100%;background:var(--accent);transition:width .2s ease}.ip-cur{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dlg-btns.wrap{flex-wrap:wrap}.dlg-btns.wrap .btn{flex:1 1 auto}.relative-btn{flex-direction:column;align-items:flex-start;text-align:left;gap:2px}.rel-sub{font-size:13px;font-weight:400}.avatar-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.avatar-slot{width:40px;flex-shrink:0}.avatar{display:inline-grid;place-items:center;border-radius:50%;color:#fff;font-weight:700;letter-spacing:.02em;object-fit:cover;flex-shrink:0;-webkit-user-select:none;user-select:none}img.avatar{background:var(--bar-line)}.avatar-badge{position:absolute;top:1px;right:-1px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font:700 11px/17px var(--font);font-style:normal;text-align:center;box-shadow:0 0 0 2px var(--bar)}.welcome{background:var(--bg);align-items:center;justify-content:center;overflow-y:auto;padding:calc(var(--safe-t) + 24px) 16px calc(var(--safe-b) + 24px)}.welcome-card{width:100%;max-width:380px;background:var(--paper);border-radius:18px;padding:28px 22px;text-align:center}.welcome-card h1{margin:10px 0 4px;font-size:28px;letter-spacing:-.02em}.welcome-card>p{margin:0 0 20px;line-height:1.45}.welcome-card>p.welcome-tag{margin:0 0 6px;font-weight:600;color:var(--accent)}.welcome-card .auth{display:grid;gap:10px;text-align:left}.welcome-logo{width:72px;height:72px;margin:0 auto;border-radius:17px;background:#141416;color:#f4f1e8;display:flex;align-items:center;justify-content:center;gap:4px;font:700 24px var(--chart-font);box-shadow:inset 0 -9px 0 -6px #5aa2ff}.welcome .gsi-wrap{display:flex;flex-direction:column;align-items:center}.btn.wide{width:100%;padding:11px}.auth-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px}.auth-links .link{font-size:14.5px;padding:6px 2px}.warn{color:var(--danger);line-height:1.45}.ok{color:var(--green);font-weight:600}.muted.small,.small{font-size:13px}.card h3.mt{margin-top:18px}.profile-head{display:flex;align-items:center;gap:16px}.profile-name{font-size:20px;font-weight:700;margin-bottom:2px}.acct-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:4px 0 12px}.acct-row .row-main{display:flex;flex-direction:column}.chev{color:var(--muted);font-size:22px;line-height:1}.inbox-banner{display:flex;align-items:center;gap:10px;margin:4px 12px 6px;padding:11px 14px;border-radius:12px;background:var(--paper);border:1px solid var(--accent);color:var(--fg);text-align:left;font-size:15px}.inbox-banner>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-dot{min-width:22px;height:22px;border-radius:11px;background:var(--accent);color:var(--accent-fg);font-weight:700;font-size:13px;display:grid;place-items:center;padding:0 6px}.share-card{background:var(--paper);border-radius:12px;padding:14px;margin-bottom:10px;display:flex;flex-direction:column;gap:10px}.share-from{font-size:13.5px;color:var(--muted);margin-top:4px}.share-from b{color:var(--fg);font-weight:600}.share-note{margin-top:6px;font-style:italic}.share-btns{display:flex;gap:8px;flex-wrap:wrap}.dlg textarea.inp{resize:vertical;font:inherit}.update-banner{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--safe-b) + 70px);z-index:60;background:var(--fg);color:var(--bg);border-radius:22px;padding:10px 16px;font-size:14.5px;box-shadow:0 6px 20px #00000040;white-space:nowrap;max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis}.moved-banner{position:fixed;left:12px;right:12px;bottom:calc(var(--safe-b) + 70px);z-index:59;max-width:520px;margin:0 auto;display:flex;align-items:stretch;background:var(--accent);color:#fff;border-radius:14px;box-shadow:0 6px 20px #00000040}.moved-go{flex:1;background:none;border:0;color:inherit;font:inherit;font-size:14px;line-height:1.35;text-align:left;padding:9px 4px 9px 14px;cursor:pointer}.moved-x{background:none;border:0;color:inherit;font-size:16px;padding:0 14px;cursor:pointer}.beta-tag{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--accent);border:1px solid currentColor;border-radius:5px;padding:1px 5px;vertical-align:middle;margin-left:6px}.legal-links{margin-top:16px;font-size:13px}.legal-links a{color:var(--muted)}.line.has-hair{padding-bottom:.5em}.hairpins{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}.hairpins path{fill:none;stroke:currentColor;stroke-width:.045em;stroke-linecap:round;stroke-linejoin:round}.back-link{max-width:34vw;overflow:hidden;text-overflow:ellipsis}.picker-tools{display:flex;justify-content:flex-end;padding:0 12px 4px}.picker-tools .link{font-size:15px}.selbar{flex-wrap:wrap;row-gap:6px}.line:has(.chord.ringed.tie-start){padding-top:.3em}.line:has(.chord.ringed)+.line:has(.chord.tie-start){padding-top:.38em}.chartwrap.fit.scrolls{overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:y proximity}.chartwrap.fit.scrolls .page2{scroll-snap-align:start}.link.sel-all{min-width:92px;text-align:left}.crash{padding:24px;text-align:center;gap:10px}.send-dlg{max-height:min(86vh,720px);overflow-y:auto}.people-pick{display:flex;flex-direction:column;gap:2px;max-height:40vh;overflow-y:auto;border:1px solid var(--bar-line);border-radius:10px;padding:4px}.person{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;text-align:left;width:100%}.person.on{background:var(--sel)}.person .row-main{display:flex;flex-direction:column;min-width:0}.key.endm.armed{background:var(--accent);color:var(--accent-fg)}.lbl-sm{font-size:13px;color:var(--muted);margin:10px 0 6px}.note-ties path{stroke-width:.035em}.zoom-sizer{position:relative}.chart-scroll,.pg{touch-action:pan-x pan-y}.chart-scroll.zoomed,.pg.zoomed{overflow:auto;overscroll-behavior:contain}.zoom-reset{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--safe-b) + 18px);z-index:40;background:var(--fg);color:var(--bg);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;box-shadow:0 4px 16px #00000040}.editor:not(.locked) .zoom-reset{bottom:auto;top:calc(var(--safe-t) + 64px)}.dlg.shortcuts{width:min(960px,calc(100vw - 48px));max-width:none;max-height:calc(100vh - 64px);display:flex;flex-direction:column;padding:0;overflow:hidden}.dlg.shortcuts .dlg-bar{padding:14px 20px;border-bottom:1px solid var(--bar-line);margin:0}.sc-grid{overflow-y:auto;padding:16px 20px 8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px 28px;align-items:start}.sc-group h4{margin:0 0 8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sc-row{display:grid;grid-template-columns:128px 1fr;align-items:center;gap:12px;padding:5px 0;font-size:14px;border-bottom:1px solid var(--bar-line)}.sc-row:last-child{border-bottom:0}.sc-desc{line-height:1.3}.caps{display:inline-flex;flex-wrap:wrap;align-items:center;gap:3px}.caps kbd{min-width:22px;height:24px;padding:0 6px;display:inline-grid;place-items:center;border-radius:6px;font:600 12px var(--font);color:var(--fg);background:var(--paper);border:1px solid var(--rule);box-shadow:0 1.5px 0 var(--rule)}.cap-sep{font-size:11px;color:var(--muted);padding:0 1px}.sc-foot{margin:0;padding:10px 20px 14px;font-size:12.5px;color:var(--muted);border-top:1px solid var(--bar-line)}