@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2) format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--font: "Atkinson Hyperlegible", "Inter", system-ui, -apple-system, sans-serif;--chord-scale: 1;--line-spacing: 1.35;--chord-weight: 700;--bg: #101114;--fg: #f2f2f0;--muted: #9a9a94;--chord: #ffb454;--panel: #1b1d21;--panel2: #24262c;--border: #33363c;--accent: #4f8cff;--danger: #e5484d;--group-bg: #17181c;--sec-verse: #5b9bff;--sec-chorus: #ff9f43;--sec-prechorus: #ffd60a;--sec-bridge: #c084fc;--sec-intro: #4cd964;--sec-outro: #9298a0;--sec-solo: #22d3ee;--sec-break: #ff6b6b}:root[data-theme=day]{--bg: #f7f7f8;--fg: #16181c;--muted: #70747c;--chord: #b00020;--panel: #ffffff;--panel2: #eef0f3;--border: #d6d9de;--accent: #0b57d0;--danger: #b3261e;--group-bg: #ebedf0}:root[data-theme=stage]{--bg: #000000;--fg: #ffffff;--muted: #8c8c8c;--chord: #ff9f0a;--panel: #101010;--panel2: #1a1a1a;--border: #2a2a2a;--accent: #4f8cff;--danger: #ff453a;--group-bg: #0c0c0c}:root[data-theme=contrast]{--bg: #000000;--fg: #ffffff;--muted: #d6d6d6;--chord: #ffff00;--panel: #000000;--panel2: #101010;--border: #ffffff;--accent: #00e5ff;--danger: #ff5252;--group-bg: #101010}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);height:100%}.screen{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;flex-direction:column}.btn{font:inherit;font-size:1rem;font-weight:700;min-height:44px;min-width:44px;padding:.4rem .75rem;border-radius:11px;border:1px solid var(--border);background:var(--panel);color:var(--fg);cursor:pointer}.btn:disabled{opacity:.35}.btn:active:not(:disabled){background:var(--panel2)}.btn-active{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.btn-danger{color:var(--danger)}.btn-sm{font:inherit;font-size:.95rem;font-weight:700;min-height:38px;padding:.25rem .7rem;border-radius:9px;border:1px solid var(--border);background:var(--panel);color:var(--fg);cursor:pointer}.icon-btn{font:inherit;font-size:1.25rem;min-height:44px;min-width:44px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--fg);cursor:pointer}.icon-btn-active{border-color:var(--accent);color:var(--accent)}.chip{font:inherit;font-size:.95rem;font-weight:700;min-height:38px;padding:.25rem .95rem;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--fg);cursor:pointer;white-space:nowrap}.chip-active{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.topbar{position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--border);padding:.5rem .75rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.library-topbar{flex-direction:column;align-items:stretch;gap:.5rem}.topbar-row{display:flex;align-items:center;justify-content:space-between}.topbar-actions{display:flex;gap:.4rem}.app-title{font-size:1.45rem;margin:0;letter-spacing:-.02em}.search{font:inherit;font-size:1.05rem;width:100%;min-height:44px;padding:.4rem .9rem;border-radius:11px;border:1px solid var(--border);background:var(--panel);color:var(--fg)}.sort-bar,.playlist-bar{display:flex;gap:.4rem;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch}.playlist-select{font:inherit;font-size:.95rem;font-weight:700;min-height:38px;padding:.25rem 1.9rem .25rem .7rem;border-radius:9px;border:1px solid var(--border);background:var(--panel);color:var(--fg);max-width:46%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23999' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}.filter-bar{display:flex;gap:.45rem}.facet{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:.15rem}.facet>span{font-size:.72rem;font-weight:700;color:var(--muted);padding-left:.35rem;text-transform:uppercase;letter-spacing:.04em}.facet select{font:inherit;font-size:.95rem;font-weight:600;width:100%;min-height:40px;padding:.2rem 1.6rem .2rem .55rem;border-radius:9px;border:1px solid var(--border);background-color:var(--panel);color:var(--fg);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23999' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;text-overflow:ellipsis}.facet-active select{color:var(--accent);font-weight:700;box-shadow:inset 0 0 0 1.5px var(--accent);border-color:var(--accent)}.filter-summary{color:var(--muted);font-size:.92rem;font-weight:600;padding-left:.2rem}.song-list{flex:1}.group-header{position:sticky;top:0;z-index:3;background:var(--group-bg);font-size:1.15rem;font-weight:700;padding:.35rem 1rem;border-bottom:1px solid var(--border)}.song-row{display:flex;align-items:center;gap:.6rem;border-bottom:.5px solid var(--border);padding:0 .9rem;background:var(--bg)}.song-row:active{background:var(--panel2)}.row-dragging{position:relative;z-index:4;background:var(--panel2);box-shadow:0 6px 18px #00000059}.row-droptarget{box-shadow:inset 0 3px 0 var(--accent)}.song-row-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.7rem .1rem;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.song-row-title{font-size:1.25rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.song-row-dur{color:var(--muted);font-weight:400;font-size:1.05rem}.song-row-sub{color:var(--muted);font-size:.95rem}.rank{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums;min-width:2em;text-align:right}.row-info{color:var(--accent);font-size:1.4rem;opacity:.75}.add-mark{font-size:1.5rem;font-weight:700;color:var(--accent);min-width:40px;text-align:center}.add-mark-on{color:var(--sec-intro)}.drag-handle{font-size:1.6rem;color:var(--muted);padding:.4rem .5rem;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.remove-dot{font:inherit;font-size:1.3rem;font-weight:700;width:34px;height:34px;border-radius:50%;border:none;background:var(--danger);color:#fff;cursor:pointer;flex-shrink:0}.count,.status,.empty{color:var(--muted);padding:.75rem;text-align:center}.panel{display:flex;flex-direction:column;gap:.6rem;padding:.85rem;border-bottom:1px solid var(--border);background:var(--panel)}.panel-actions{display:flex;gap:.5rem}.paste-area{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.95rem;min-height:180px;padding:.6rem;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--fg)}.paste-area-tall{min-height:300px}.web-search-row{display:flex;gap:.5rem}.web-search-row .search{flex:1}.web-hits{display:flex;flex-direction:column}.web-hit{border-bottom:.5px solid var(--border)}.set-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:44px;flex-wrap:wrap}.set-label{font-weight:600}.set-stepper{display:flex;align-items:center;gap:.4rem}.set-value{min-width:4.5em;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.set-chips{display:flex;gap:.35rem;flex-wrap:wrap}.color-dot{width:40px;height:40px;border-radius:50%;border:2px solid var(--border);cursor:pointer;font-size:.7rem;font-weight:700;color:var(--fg);background:var(--panel2)}.color-dot-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.info-field{display:flex;flex-direction:column;gap:.2rem}.info-field>span{font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.info-field input{font:inherit;font-size:1.05rem;min-height:42px;padding:.35rem .6rem;border-radius:9px;border:1px solid var(--border);background:var(--bg);color:var(--fg)}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.song-screen{padding-bottom:calc(env(safe-area-inset-bottom) + 10rem)}.nav-cluster{display:flex;gap:.35rem}.song-title-block{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.song-title{font-size:1.3rem;font-weight:700;line-height:1.15}.song-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;color:var(--muted);font-size:.95rem}.meta-chip{font-weight:700;font-size:.85rem;border:1px solid var(--border);border-radius:7px;padding:.1rem .45rem;color:var(--fg);white-space:nowrap}.meta-chip-muted{color:var(--muted)}.meta-chip-btn{font:inherit;cursor:pointer;background:none}.meta-chip-red{color:#fff;background:#d63031;border-color:#d63031}.meta-chip-blue{color:#fff;background:#2f6fed;border-color:#2f6fed}.meta-chip-yellow{color:#14151a;background:#ffd60a;border-color:#ffd60a}.meta-chip-btn:not(.mode-on){opacity:.45;font-weight:600}.mode-on{font-weight:800;box-shadow:0 0 0 2px var(--fg)}.capo-blue-hint{color:#2f6fed;font-weight:700;width:100%}.chart-holder{margin:1rem auto;max-width:62rem;overflow:hidden}.chart-holder .sheet{background:#fff;box-shadow:0 2px 14px #00000059}.toolbar{display:flex;gap:.4rem;flex-wrap:wrap;margin-left:auto}.capo-row{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--border);background:var(--panel)}.hint{color:var(--muted);font-size:.95rem}.song-body{padding:1rem 1rem 2rem;line-height:var(--line-spacing);max-width:62rem}.section{border-left:4px solid transparent;padding-left:.6rem;margin-left:-.6rem}.section-label{display:inline-block;font-size:.62em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.15em .7em;border-radius:999px;margin:.6em 0 .2em;color:#101114;background:var(--muted)}.sec-VERSE{border-left-color:var(--sec-verse)}.sec-VERSE .section-label{background:var(--sec-verse)}.sec-CHORUS{border-left-color:var(--sec-chorus)}.sec-CHORUS .section-label{background:var(--sec-chorus)}.sec-PRECHORUS{border-left-color:var(--sec-prechorus)}.sec-PRECHORUS .section-label{background:var(--sec-prechorus)}.sec-BRIDGE{border-left-color:var(--sec-bridge)}.sec-BRIDGE .section-label{background:var(--sec-bridge)}.sec-INTRO{border-left-color:var(--sec-intro)}.sec-INTRO .section-label{background:var(--sec-intro)}.sec-OUTRO{border-left-color:var(--sec-outro)}.sec-OUTRO .section-label{background:var(--sec-outro)}.sec-SOLO{border-left-color:var(--sec-solo)}.sec-SOLO .section-label{background:var(--sec-solo)}.sec-INSTRUMENTAL{border-left-color:var(--sec-solo)}.sec-INSTRUMENTAL .section-label{background:var(--sec-solo)}.sec-BREAK{border-left-color:var(--sec-break)}.sec-BREAK .section-label{background:var(--sec-break)}.line{display:flex;flex-wrap:wrap;align-items:flex-end;margin:.1em 0}.line-blank{height:.9em}.line-directive{color:var(--muted);font-size:.7em;margin:.2em 0}.cluster{display:inline-flex;align-items:flex-end}.cell{display:inline-flex;flex-direction:column;align-items:flex-start}.chords{display:inline-flex;gap:.35em;padding-right:.35em;line-height:1.1}.chord{color:var(--chord-custom, var(--chord));font-weight:var(--chord-weight);font-size:calc(.95em * var(--chord-scale));white-space:nowrap}.chord-btn{background:none;border:1.5px solid transparent;border-radius:8px;padding:.05em .25em;margin:-.05em;font:inherit;font-weight:var(--chord-weight);font-size:calc(.95em * var(--chord-scale));color:var(--chord-custom, var(--chord));cursor:pointer}.chord-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent)}.ctext{white-space:pre-wrap;min-height:1.35em}.song-end{height:1px}.scroll-more{position:fixed;bottom:calc(env(safe-area-inset-bottom) + 4.6rem);left:50%;transform:translate(-50%);width:18px;height:18px;border-radius:50%;border:none;background:#2ecc40;box-shadow:0 0 12px #2ecc40;animation:pulse-green 1.1s ease-in-out infinite;cursor:pointer;z-index:9}@keyframes pulse-green{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.25;transform:translate(-50%) scale(.8)}}.pedal-bar{position:fixed;bottom:0;left:0;right:0;z-index:8;display:flex;gap:.5rem;justify-content:center;padding:.5rem .75rem calc(env(safe-area-inset-bottom) + .5rem);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border)}.pedal-btn{min-width:108px}.chord-panel{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--panel);border-top:1px solid var(--border);padding:.6rem .75rem calc(env(safe-area-inset-bottom) + .6rem);display:flex;flex-direction:column;gap:.5rem;font-size:1rem}.chord-panel-row{display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap}.btn-big{font-size:1.15rem;padding:.6rem 1.1rem}.chord-panel-symbol{font:inherit;font-size:1.6rem;font-weight:700;color:var(--chord-custom, var(--chord));background:none;border:1px dashed var(--border);border-radius:10px;padding:.25rem 1rem;min-width:90px;cursor:pointer}.chord-edit-form{display:flex;gap:.4rem;align-items:center}.chord-input{font:inherit;font-size:1.4rem;font-weight:700;width:8rem;text-align:center;padding:.3rem;border-radius:10px;border:1px solid var(--accent);background:var(--bg);color:var(--chord-custom, var(--chord))}@media(max-width:700px){.filter-bar{flex-wrap:wrap}.facet{flex:1 1 30%}.info-grid{grid-template-columns:repeat(2,1fr)}}@font-face{font-family:BravuraText;src:url(/fonts/BravuraText.woff2) format("woff2")}@font-face{font-family:Petaluma;src:url(/fonts/Petaluma.woff2) format("woff2")}@font-face{font-family:PetalumaScript;src:url(/fonts/PetalumaScript.woff2) format("woff2")}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:#e8e8ea;font-family:-apple-system,sans-serif}#app,.split{height:100%}.split{display:grid;grid-template-columns:230px 1fr}.songs{overflow-y:auto;background:#f6f6f7;border-right:1px solid #d8d8db;padding:6px}.song-link{display:block;width:100%;text-align:left;font:13px -apple-system,sans-serif;color:#222;background:none;border:0;border-radius:6px;padding:7px 10px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-link:hover{background:#e9e9ec}.song-link.on{background:#d7d7dc;font-weight:600}.paper{overflow:auto;padding:24px;display:flex;justify-content:center;align-items:flex-start}.paper .sheet{box-shadow:0 2px 14px #00000040}main.print{padding:0}:root{--ink: #000;--ink-soft: rgb(77 77 77);--paper: #fff}body.dark{--ink: #f2f2f2;--ink-soft: rgb(168 168 168);--paper: #000}.sheet{position:relative;width:612px;height:792px;background:var(--paper);overflow:hidden;flex:none}.design{position:absolute;left:0;top:0;width:768px;height:993.9px;transform:scale(.796875);transform-origin:0 0}.design .txt{position:absolute;white-space:pre;line-height:1;color:var(--ink);-webkit-font-smoothing:antialiased}.design .rule{position:absolute;height:0;border-top:1.9px solid var(--ink)}.design .ink{position:absolute;background:var(--ink)}.design .tie{position:absolute;overflow:visible;fill:var(--ink)}.design .notehead{border-radius:50%;transform:rotate(-20deg)}.scroll-more{position:fixed;left:0;right:0;bottom:0;height:30px;background:linear-gradient(to top,#22c55e,#22c55e99 35%,#22c55e00);opacity:0;pointer-events:none;z-index:50;transition:opacity .25s}.scroll-more.on{animation:scroll-more-blink 1.1s ease-in-out infinite}@keyframes scroll-more-blink{0%,to{opacity:.2}50%{opacity:.95}}.bar-singers{flex:1 1 auto;min-width:0;text-align:center;padding:0 10px;font:700 clamp(15px,2.4vw,26px) -apple-system,sans-serif;color:var(--ink, #000);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-singers.stale{color:#e2464a;font-weight:500;font-size:clamp(12px,1.6vw,16px)}body.dark .bar-singers{color:#f2f2f2}body.realbook .design .txt.chord,body.realbook .design .txt.acc,body.realbook .design .txt.label{-webkit-text-stroke:.4px currentColor}.design .mod-box{position:absolute;border:1px solid var(--ink);border-radius:3px}.design .sec-band{position:absolute;background:var(--fam-c)}:root{--c-repeat: hsl(0 85% 45%);--c-jump: hsl(215 85% 45%)}.design .txt.ink-repeat{color:var(--c-repeat)}.design .txt.ink-jump{color:var(--c-jump)}.sym-repeat-ink .design .txt.ink-repeat,.sym-jump-ink .design .txt.ink-jump{color:var(--ink)}.design .fam-verse{--fam-c: hsl(130 72% 88%)}.design .fam-chorus{--fam-c: hsl(5 72% 88%)}.design .fam-bridge{--fam-c: hsl(215 72% 88%)}.design .fam-solo{--fam-c: hsl(52 72% 88%)}.design .rule.inv-stack{border-top-width:1.6px}.design .rule.vertical.cell{border-left:1px solid #c9c9c9;border-top:0}.design .rule.vertical.barline{border-left:2.2px solid var(--ink)}.design .overrun{position:absolute;width:5px;background:#f5a623;border-radius:2px}.design .rule.gray,.design .rule.vertical{border-top-width:1.25px}.design .rule.gray{border-top-color:var(--ink-soft)}.design .rule.vertical{width:0;border-top:0;border-left:1.25px solid var(--ink-soft)}.design .rule.dashes{border-top-style:dashed}.design .stroke{position:absolute;height:0;border-top:1.6px solid var(--ink)}.design .ending-ring{position:absolute;border:1.1px solid var(--ink);border-radius:50%}