:root{color-scheme:light dark;--text: #1d1d1f;--quiet: #6e6e73;--faint: #a1a1a6;--back: #ffffff;--panel: #f5f5f7;--line: #d9d9de;--accent: #0a66ff;--accent-soft: rgba(10, 102, 255, .12);--loop: rgba(255, 204, 0, .22);--verse: #30b0c7;--warn: #c77700;--on-pitch: #1f9d55;--near-pitch: #ef7d00;--off-pitch: #e0453a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:15px;-webkit-text-size-adjust:100%}@media (prefers-color-scheme: dark){:root{--text: #f5f5f7;--quiet: #a1a1a6;--faint: #6e6e73;--back: #1c1c1e;--panel: #2c2c2e;--line: #3a3a3c;--accent: #4c9aff;--accent-soft: rgba(76, 154, 255, .2);--loop: rgba(255, 204, 0, .18);--on-pitch: #3ccf7a;--near-pitch: #ff9d3d;--off-pitch: #ff6b5f}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--back);color:var(--text);overscroll-behavior:none}button,select,input{font:inherit;color:inherit}button{border:0;border-radius:7px;padding:5px 11px;background:var(--panel);cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button.on{background:var(--accent);color:#fff}button.plain{background:none;padding:2px 4px}button.plain.on{background:none;color:var(--accent)}button.primary{background:var(--accent);color:#fff;padding:10px 22px;font-size:1.1rem}button.link{color:inherit;font-weight:600;padding:0}select{border:0;background:none;font-weight:600;max-width:9.5em;text-overflow:ellipsis}.quiet{color:var(--quiet)}.tiny{color:var(--faint);font-size:.75rem;font-variant-numeric:tabular-nums}.grow{flex:1;min-width:0}.row{display:flex;align-items:center;gap:10px}:root{--brand: #4b3fc4;--brand-deep: #241c6e;--amber: #f6c445;--page: #f5f5f9;--card: #ffffff;--edge: rgba(36, 28, 110, .09);--shadow: 0 1px 2px rgba(20, 16, 60, .05), 0 10px 30px -12px rgba(20, 16, 60, .16)}@media (prefers-color-scheme: dark){:root{--brand: #8c82ff;--page: #141417;--card: #1e1e22;--edge: rgba(255, 255, 255, .07);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 10px 30px -12px rgba(0, 0, 0, .6)}}.start{min-height:100%;display:flex;flex-direction:column;background:var(--page)}.start.over{outline:3px dashed var(--amber);outline-offset:-12px}.masthead{color:#fff;background:radial-gradient(900px 420px at 15% -20%,rgba(124,108,255,.55),transparent 60%),radial-gradient(700px 360px at 95% 10%,rgba(246,196,69,.16),transparent 60%),#2a2183}.start-bar{display:flex;align-items:center;gap:16px;padding:14px max(24px,calc((100% - 1120px)/2));padding-top:max(14px,env(safe-area-inset-top))}.start-bar .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.05rem;letter-spacing:-.01em}.start-bar .brand img{border-radius:8px;box-shadow:0 2px 8px #00000040}.start-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.start-nav button,.start-nav a{color:#ffffffd1;font-size:.9rem;text-decoration:none;padding:6px 10px;border-radius:8px}.start-nav button:hover,.start-nav a:hover{color:#fff;background:#ffffff1f}.hero{padding:30px max(24px,calc((100% - 1120px)/2)) 76px}.hero h1{margin:0;max-width:18em;font-size:clamp(1.6rem,3.4vw,2.5rem);line-height:1.15;letter-spacing:-.025em;font-weight:750}.hero .lede{margin:10px 0 0;max-width:36em;font-size:1.05rem;line-height:1.5;color:#ffffffc7}.start-body{position:relative;width:min(1120px,calc(100% - 48px));margin:-44px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}.start-body.single{grid-template-columns:minmax(0,720px);justify-content:center}.start-main,.start-side{display:flex;flex-direction:column;gap:22px;min-width:0}.start-body .status{grid-column:1 / -1}.start-body .status p{margin:0;padding:12px 16px;border-radius:12px;background:var(--card);box-shadow:var(--shadow)}.busy{color:var(--accent)}.problem{color:var(--warn);max-width:520px}.start-body .problem{max-width:none}.start .kept,.start .dropbox-card,.start .side-card,.start .install:not(.update),.start-body.single>section{margin:0;padding:18px 20px;background:var(--card);border:1px solid var(--edge);border-radius:16px;box-shadow:var(--shadow)}.start h2{margin:0;font-size:1.05rem;font-weight:650;letter-spacing:-.01em}.side-card{display:flex;flex-direction:column;gap:10px}.side-card p{margin:0;font-size:.85rem;line-height:1.45}.side-card .drop-hint{font-size:.78rem;text-align:center}.start button.wide{width:100%;padding:9px 14px}.start button.primary{background:var(--brand);font-size:1rem;font-weight:600;padding:10px 16px}.start .link{display:flex;gap:8px}.start .link input{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--page)}.tools .tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tools .tiles button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px;text-align:left;font-weight:600;border-radius:12px;background:color-mix(in srgb,var(--brand) 7%,var(--card));border:1px solid var(--edge)}.tools .tiles button:hover{background:color-mix(in srgb,var(--brand) 13%,var(--card))}.tools .tiles small{font-weight:400;font-size:.75rem;color:var(--quiet);line-height:1.3}.tools .tile-icon{display:grid;place-items:center;width:30px;height:30px;margin-bottom:6px;border-radius:8px;color:var(--brand-deep);background:var(--amber);font-size:1rem}.start .install:not(.update){grid-column:1 / -1}.start .small-print{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 16px;margin-top:auto;padding:36px 20px 28px;font-size:.8rem;text-align:center}.start .small-print .footer-nav{display:none}.footer-nav button,.footer-nav a{color:var(--accent);font-size:.8rem;text-decoration:none;padding:2px 4px}.library-head{display:flex;align-items:baseline;gap:10px}.library-head h2{flex:1}.library-head .count{font-size:.8rem}.kept{text-align:left}.kept>p{margin:4px 0 12px;font-size:.85rem}.kept ul{list-style:none;margin:0 -20px;padding:0;border-top:1px solid var(--edge)}.kept li{display:flex;align-items:center;gap:10px;padding:6px 20px;border-bottom:1px solid var(--edge)}.kept li:last-child{border-bottom:none}.kept .name{flex:1;text-align:left;min-width:0}.kept span{font-size:.8rem;white-space:nowrap}.start button.name{display:flex;align-items:center;gap:12px;padding:4px 0;border-radius:10px}.song-tile{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.02em;background:linear-gradient(135deg,hsl(var(--hue) 72% 62%),hsl(calc(var(--hue) + 28) 62% 44%))}.song-name{position:relative;display:flex;flex-direction:column-reverse;min-width:0;line-height:1.25}.start .song-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start .song-name .title{font-weight:600;font-size:.95rem}.start .song-name .artist{font-size:.8rem;color:var(--quiet);font-weight:400}.song-tile:after{content:attr(data-initials)}.song-name .dash{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:pre}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.features h2{grid-column:1 / -1}.feature{display:flex;flex-direction:column;gap:4px}.feature b{font-size:.92rem}.feature p{margin:0;font-size:.83rem;line-height:1.45;color:var(--quiet)}.feature .tile-icon{display:grid;place-items:center;width:34px;height:34px;margin-bottom:6px;border-radius:10px;color:#fff;font-size:1rem;background:linear-gradient(135deg,#7c6cff,var(--brand-deep))}@media (max-width: 600px){.features{grid-template-columns:minmax(0,1fr);gap:14px}}@media (max-width: 899px){.start-body{grid-template-columns:minmax(0,1fr);width:min(680px,calc(100% - 32px));gap:16px}.start-bar,.hero{padding-left:max(16px,calc((100% - 680px)/2));padding-right:max(16px,calc((100% - 680px)/2))}.start-main,.start-side{gap:16px}.start-nav{display:none}.start .small-print .footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 10px;flex-basis:100%}}@media (max-width: 600px){.start-bar{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}.start-bar .brand{font-size:1rem}.start-bar .brand img{width:26px;height:26px}.hero{padding:14px 16px 60px}.hero h1{font-size:1.55rem}.hero .lede{font-size:.92rem;margin-top:6px}.start-body{margin-top:-40px}.start .kept,.start .dropbox-card,.start .side-card,.start .install:not(.update),.start-body.single>section{padding:16px;border-radius:14px}.kept ul{margin:0 -16px}.kept li{padding:6px 16px}}.dropbox-card{text-align:left}.start .dropbox-card{padding-bottom:8px}.dropbox-card header{display:flex;align-items:center;gap:8px}.dropbox-card h2{font-size:1rem;margin:0;flex:1;min-width:0}.dropbox-card .actions{display:flex;gap:2px;flex:none}.dropbox-card .actions button{font-size:.85rem;color:var(--accent);padding:4px 6px}.dropbox-mark{width:20px;height:20px;fill:#0061fe;flex:none}.dropbox-card p{margin:6px 0 8px;font-size:.9rem}.dropbox-card p.meta{font-size:.8rem;margin:2px 0 8px 28px}.dropbox-card p.meta .inline{padding:0;font-size:inherit;color:var(--accent)}.dropbox-card .add{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px 28px}.dropbox-card .add span{font-size:.8rem;flex:1 1 14rem;min-width:0}.dropbox-card .connect{display:inline-flex;align-items:center;gap:8px;margin:4px 0 6px;padding:8px 16px;background:var(--accent);color:#fff;font-weight:600}.dropbox-card .connect .dropbox-mark{fill:#fff;width:16px;height:16px}.dropbox-card .empty{margin:8px 0 4px;padding:10px 12px;border-radius:8px;background:var(--panel)}.dropbox-card .empty p{margin:0 0 4px}.dropbox-card ul{list-style:none;margin:0 -20px;padding:0;border-top:1px solid var(--edge);max-height:min(70vh,720px);overflow-y:auto}@media (max-width: 600px){.dropbox-card ul{margin:0 -16px;max-height:none}}.dropbox-card li{border-bottom:1px solid var(--edge)}.dropbox-card li:last-child{border-bottom:none}.dropbox-card li .row{display:flex;align-items:center}.dropbox-card li .name{flex:1;min-width:0;padding:7px 20px;text-align:left}@media (max-width: 600px){.dropbox-card li .name{padding:7px 16px}}button.share{flex:none;font-size:.8rem;color:var(--accent)}.dropbox-card li .share{padding:4px 20px 4px 8px}.sharing{display:flex;flex-direction:column;gap:6px;font-size:.8rem;text-align:left}.dropbox-card .sharing{padding:0 20px 12px}.kept li.session .sharing{flex-basis:100%;padding:2px 0 4px}.sharing .link-row{display:flex;align-items:center;gap:10px;min-width:0}.sharing input{flex:1;min-width:0;font-size:.8rem;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}.sharing .inline{padding:0;font-size:inherit;color:var(--accent);white-space:nowrap}.dropbox-card li .name:hover:not(:disabled){background:var(--accent-soft)}.install{text-align:left;display:flex;flex-direction:column;gap:8px}.install h2{font-size:1rem;margin:0}.install p{margin:0;font-size:.85rem}.install-line{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center}.install-line>.quiet{grid-column:1 / -1;font-size:.8rem}.install-line code{min-width:0;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--back);font-size:.8rem;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.install.update{margin:0 0 14px;padding:10px 12px;border:1px solid var(--accent);border-radius:8px}.app{height:100%;display:flex;flex-direction:column}.top{padding:10px 14px 8px;padding-top:max(10px,env(safe-area-inset-top));border-bottom:1px solid var(--line)}.top h1{margin:0;font-size:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.top .report{font-size:.8rem;margin-right:10px;white-space:nowrap}.top .artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:.9rem}.switch{display:flex;background:var(--panel);border-radius:8px;padding:2px;flex:none}.switch button{background:none;padding:4px 13px}.switch button.on{background:var(--accent);color:#fff}.top button[aria-label="Back to the songs"]{white-space:nowrap}.top .top-links .share{margin-right:10px;padding:0}.top .header-sharing{padding-top:8px}.top .header-sharing .sharing{flex:1;min-width:0;max-width:720px}@media (max-width: 900px){.switch button{padding:4px 9px}}.facts{gap:4px 16px;flex-wrap:wrap;margin-top:6px;font-size:.9rem;font-weight:600}.facts i{font-style:normal;font-weight:400;color:var(--quiet)}.facts .quiet,.facts.quiet{font-weight:400}.facts.quiet{color:var(--quiet)}.sheet-area{flex:1;min-height:0;display:flex}.map{display:flex;gap:4px;padding:6px 14px;border-bottom:1px solid var(--line)}.map .fold{color:var(--quiet);width:22px;height:20px;flex:none}.map-body{position:relative;flex:1;min-width:0}.map-sections{position:relative;height:20px}.map .section{position:absolute;top:0;height:20px;padding:0 4px;border-radius:3px;font-size:.68rem;font-weight:500;text-align:left;white-space:nowrap;overflow:hidden;background:color-mix(in srgb,var(--faint) 45%,transparent)}.map .section.verse{background:color-mix(in srgb,var(--verse) 45%,transparent)}.map .section.chorus{background:color-mix(in srgb,var(--accent) 45%,transparent)}.map .section.playing{background:var(--faint);color:#fff}.map .section.verse.playing{background:var(--verse)}.map .section.chorus.playing{background:var(--accent)}.map-lanes{margin-top:2px;cursor:pointer;touch-action:none}.lane{position:relative;height:11px;margin-top:2px;border-radius:2px;background:color-mix(in srgb,var(--faint) 12%,transparent)}.lane.off rect{fill:var(--faint)!important}.map-switches{display:flex;flex-direction:column;padding-top:24px;flex:none}.map-switches button{height:11px;margin-top:2px;padding:0 4px;font-size:.6rem;line-height:11px;color:var(--quiet);text-align:right}.map-switches button.off{color:var(--accent);text-decoration:line-through}.map-switches button:disabled{cursor:default;opacity:.7}.levels{display:block;width:100%;height:100%}.lane.vocals rect{fill:#0a84ff}.lane.other rect,.lane.rest rect{fill:#ff9f0a}.lane.guitar rect{fill:#ff453a}.lane.bass rect{fill:#bf5af2}.lane.drums rect{fill:#30d158}.lane.recorded rect{fill:#ff375f}.map-now{position:absolute;top:0;bottom:0;width:1.5px;margin-left:-.75px;background:var(--text);pointer-events:none}.map-loop{position:absolute;top:0;bottom:0;background:var(--loop);outline:1px solid rgba(255,204,0,.8);border-radius:2px;pointer-events:none}.bars{flex:1;overflow-y:auto;padding:12px 14px;-webkit-overflow-scrolling:touch}.bar-row{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.bar-row.two{grid-template-columns:repeat(2,1fr)}.bar{padding:8px 10px;border-left:1px solid var(--line);border-radius:6px;min-width:0;cursor:pointer}.bar.looped{background:var(--loop)}.bar.current{background:var(--accent-soft)}.bar-top{display:flex;justify-content:space-between;font-size:.68rem;color:var(--faint);font-variant-numeric:tabular-nums}.beats{display:flex}.beats>div{flex:1;min-width:0}.beats.chords{margin:4px 0;min-height:1.5rem}.beats.marks{gap:3px}.strum{display:flex;height:14px;margin-top:4px;font-size:.7rem;font-weight:700;line-height:14px}.strum>span{flex:1;min-width:0}.strum>span:empty:before{content:""}.strum>.now{color:var(--accent)}.strum.compact{display:inline-flex;vertical-align:middle;margin:0 0 0 6px}.strum.compact>span{flex:none;width:10px}.strum.compact>.beat:not(:first-child){margin-left:4px}.beats.marks>div{height:3px;border-radius:2px;background:color-mix(in srgb,var(--faint) 35%,transparent)}.beats.marks>.down{background:color-mix(in srgb,var(--faint) 70%,transparent)}.beats.marks>.group{background:color-mix(in srgb,var(--faint) 55%,transparent)}.beats.marks>.now{background:var(--accent)}.chord{background:none;padding:0;font-weight:700;font-size:1.1rem;white-space:nowrap;border-radius:4px}.chord.carried,.chord.rest{color:var(--faint)}.words{position:relative;height:1.9rem;margin-top:6px;white-space:nowrap}.words span{position:absolute;top:0}.words .sung{color:var(--accent)}.words .edited{text-decoration:underline dotted var(--quiet);text-underline-offset:3px}.words .guessed{color:var(--quiet)}.lane-notes{position:relative;height:74px;margin-top:6px}.octave{position:absolute;left:0;right:0;border-top:1px dashed color-mix(in srgb,var(--faint) 45%,transparent)}.note{position:absolute;padding:0;border-radius:2.5px;background:color-mix(in srgb,var(--accent) 50%,transparent);min-height:3px;font-size:.65rem;font-weight:600;color:#fff;text-align:left;overflow:hidden}.note.sounding{background:var(--accent)}.note-name{position:absolute;font-size:.6rem;font-weight:500;color:var(--quiet);pointer-events:none;white-space:nowrap}.note-name.sounding{color:var(--accent)}.tab-lane{position:relative;height:74px;margin-top:6px}.tab-string{position:absolute;left:0;right:0;border-top:1px solid color-mix(in srgb,var(--faint) 55%,transparent)}.tab-string span{position:absolute;left:-9px;transform:translateY(-55%);font-size:.55rem;line-height:1;color:var(--faint)}.fret-hold{position:absolute;height:3px;transform:translateY(-1.5px);border-radius:2px;background:color-mix(in srgb,var(--accent) 22%,transparent)}.fret-hold.sounding{background:color-mix(in srgb,var(--accent) 55%,transparent)}.fret{position:absolute;transform:translate(-1px,-50%);padding:0 2px;border-radius:3px;background:var(--back);font-size:1em;font-weight:600;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}.bar.looped .fret{background:linear-gradient(var(--loop),var(--loop)),var(--back)}.bar.current .fret{background:linear-gradient(var(--accent-soft),var(--accent-soft)),var(--back)}.fret.moved{color:var(--quiet);font-style:italic}.fret.faint{color:var(--faint);font-weight:500}.fret.inferred{color:var(--faint);font-weight:400}.bar .fret.sounding{background:var(--accent);color:#fff}.solo-label{color:var(--accent);font-weight:600}.tab-view,.vocal-view{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.tab-as{display:flex;gap:4px;align-items:center;padding:8px 14px 0;flex-wrap:wrap}.tab-as button{padding:3px 10px;border-radius:999px;background:var(--panel);font-size:.8rem}.tab-as button.on{background:var(--accent);color:#fff}.notation-lane{margin-top:4px;min-height:92px;color:var(--text);overflow:hidden}@media (max-width: 600px){.tab-view .bar-row.two{grid-template-columns:1fr}}.notation-lane svg{display:block;overflow:visible}.notation-lane svg path,.notation-lane svg text,.notation-lane svg rect{fill:currentColor}.notation-lane svg path[stroke],.notation-lane svg line{stroke:currentColor}.notation-lane .sounding,.notation-lane .sounding *{fill:var(--accent)!important;stroke:var(--accent)}.piano-lane{position:relative;margin-top:6px}.piano-octave{position:absolute;left:0;right:0;border-top:1px solid color-mix(in srgb,var(--faint) 45%,transparent)}.piano-octave span{position:absolute;left:-9px;transform:translateY(-55%);font-size:.55rem;color:var(--faint)}.piano-hands{position:absolute;left:0;right:0;border-top:1.5px solid var(--quiet)}.piano-note{position:absolute;transform:translate(-1px,-50%);padding:0 2px;border-radius:3px;background:var(--back);font-size:1em;font-weight:600;line-height:1.1;color:var(--text);white-space:nowrap}.bar.current .piano-note{background:linear-gradient(var(--accent-soft),var(--accent-soft)),var(--back)}.bar .piano-note.sounding{background:var(--accent);color:#fff}.tab-as{justify-content:space-between;gap:8px}.tab-as>span{display:flex;gap:4px;flex-wrap:wrap}.part-toggle{padding:3px 10px;border-radius:999px;font-size:.8rem;background:none;border:1px solid var(--line);color:var(--quiet)}.part-toggle.on{border-color:var(--accent);color:var(--accent)}.part{position:relative;margin-top:4px;padding-top:12px}.part-name{position:absolute;top:0;left:0;font-size:.55rem;line-height:1;color:var(--faint);text-transform:uppercase;letter-spacing:.04em}.part>.tab-lane,.part>.drum-lane,.part>.notation-lane,.part>.piano-lane{margin-top:0}.drum-lane{display:grid;grid-template-rows:repeat(3,11px);margin-top:10px}.drum-cell{position:relative;display:flex;align-items:center;justify-content:center;border-top:1px solid color-mix(in srgb,var(--faint) 30%,transparent)}.drum-cell.beat{border-left:1px solid color-mix(in srgb,var(--faint) 45%,transparent)}.drum-cell.now{background:var(--accent-soft)}.drum-name{position:absolute;left:-9px;font-size:.5rem;color:var(--faint);transform:translate(-60%)}.hit{width:6px;height:6px;border-radius:50%}.hit.loud{background:var(--text)}.hit.soft{border:1.2px solid var(--quiet)}.lyrics-view{flex:1;min-width:0;display:flex}.lyrics{flex:1;min-width:0;overflow-y:auto;padding:18px 28px 40px;-webkit-overflow-scrolling:touch}.part{border-left:3px solid color-mix(in srgb,var(--faint) 40%,transparent);padding-left:12px;margin:0 auto 22px;max-width:860px}.part.chorus{border-left-color:color-mix(in srgb,var(--accent) 60%,transparent)}.part header{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.part .name{font-weight:700;color:var(--quiet)}.part.playing .name{color:var(--accent)}.line{display:flex;flex-wrap:wrap;gap:4px 7px;padding:3px 6px;border-radius:5px}.line.current{background:var(--accent-soft)}.token{display:inline-flex;flex-direction:column;align-items:flex-start}.lyrics .chord{font-size:.93rem;color:var(--accent);line-height:1.25}.lyrics .chord.carried{color:var(--quiet)}.word{font-size:1.25rem;cursor:pointer;line-height:1.3}.word.sung{color:var(--accent)}.chord-bars{display:flex;flex-wrap:wrap;gap:6px 10px;padding:0 6px}.chord-bars span{display:inline-flex;gap:10px;align-items:baseline}.chord-bars i{font-style:normal;color:var(--faint)}.chord-bars .chord{color:var(--text)}.chord-bars.folded{flex-wrap:nowrap;align-items:baseline}.chord-bars.folded .run{min-width:0;overflow:hidden;white-space:nowrap}.chord-bars.folded button{flex:none}.note-on-lyrics{max-width:860px;margin:8px auto 0;font-size:.8rem}.side{width:250px;flex:none;border-left:1px solid var(--line);overflow-y:auto}.voice{padding:10px;border-bottom:1px solid var(--line)}.voice-top{display:flex;justify-content:space-between;align-items:baseline}.voice-note{display:flex;align-items:center;gap:10px;margin:2px 0 6px}.voice-note .big{font-size:2.7rem;font-weight:700;color:var(--quiet);font-variant-numeric:tabular-nums;min-width:2.2em}.voice-note .big.sung{color:var(--accent)}.voice-note .tiny{flex:1;color:var(--quiet)}.roll{position:relative;height:150px;border-radius:6px;overflow:hidden;background:color-mix(in srgb,var(--faint) 10%,transparent)}.roll .octave{border-top-style:solid;opacity:.4}.roll .octave.c{opacity:1}.roll .now{position:absolute;top:0;bottom:0;left:50%;width:1.5px;background:color-mix(in srgb,var(--accent) 60%,transparent)}.roll .note{padding-left:3px}.song-chords{display:grid;gap:4px;padding:8px}.song-chord{display:flex;flex-direction:column;align-items:center;border-radius:6px;padding:3px 0;min-width:0}.song-chord.playing{background:var(--accent-soft);color:var(--accent)}.song-chord .diagram{width:100%;max-width:104px}.diagram{display:block;width:100%;height:auto;color:var(--text)}.diagram .wire{stroke:currentColor;stroke-opacity:.55;stroke-width:1}.diagram .nut{stroke:currentColor;stroke-width:4}.diagram .capo{fill:currentColor;fill-opacity:.75}.diagram .finger{fill:var(--accent)}.diagram .open{fill:none;stroke:currentColor;stroke-width:1.5}.diagram text{fill:var(--quiet);font-size:11px}.diagram text.small{font-size:10px}.diagram text.large{font-size:17px}.diagram text.number{fill:#fff;font-weight:700}.diagram text.mark{font-size:15px}.diagram text.mark.large{font-size:20px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.sheet{background:var(--back);border-radius:14px;padding:18px 22px;width:min(280px,100%);text-align:center;box-shadow:0 12px 40px #0000004d}.sheet h2{margin:0;font-size:1.5rem}.sheet p{margin:2px 0;font-size:.9rem}.sheet .row{justify-content:center;margin:4px 0 10px}.sheet .row button{min-width:40px;font-size:1.1rem}.sheet .count{min-width:4.2em;font-variant-numeric:tabular-nums}.diagram-large{width:190px;margin:0 auto}.transport{display:flex;align-items:center;gap:10px;padding:8px 14px;padding-bottom:max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);flex-wrap:wrap}.transport .play{width:44px;height:36px;font-size:1.05rem;background:var(--accent);color:#fff}.transport .plain{font-size:1.2rem}.transport .time{font-variant-numeric:tabular-nums;font-size:.9rem;white-space:nowrap}.transport input[type=range]{accent-color:var(--accent);min-width:80px}.transport .grow{flex:1 1 140px}.transport .speed{display:flex;align-items:center;gap:6px;font-size:.9rem;white-space:nowrap}.transport .speed input{width:100px}.transport .loop{background:var(--loop);font-weight:600;white-space:nowrap}@media (min-width: 700px){.map{padding-left:4px}}@media (max-width: 760px){.bar-row{grid-template-columns:repeat(2,1fr);row-gap:12px}.lyrics{padding:14px 14px 40px}.side{width:190px}.top .artist{display:none}}.now-next{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line)}.now-chord{display:flex;flex-direction:column;align-items:center;border-radius:6px;padding:2px 4px;min-width:0}.now-chord .caption{font-size:.72rem;color:var(--quiet)}.now-chord.large b{font-size:1.5rem;color:var(--accent)}.now-chord.large .diagram{max-width:120px}.now-chord.small b{font-size:1.05rem}.now-chord.small .diagram{max-width:76px}.now-chord.rest b{color:var(--quiet)}.now-next .coming{display:grid;grid-template-columns:1fr 1fr;gap:4px}.now-next.compact{flex-direction:row;align-items:center;gap:10px;padding:0;border:0;min-width:0}.now-next.compact .now-chord{flex-direction:row;align-items:baseline;gap:5px;padding:2px}.now-next.compact .now-chord.large b{font-size:1.35rem}.now-next.compact .coming{display:flex;gap:10px}.now-next.compact .now-chord.small b{font-size:1rem}.now-next.compact .now-chord .tiny,.side-strip,.more-toggle{display:none}.transport .toggles{display:contents}@media (max-width: 600px){.top{padding:8px 12px 6px;padding-top:max(8px,env(safe-area-inset-top))}.top .row:first-child{flex-wrap:wrap;gap:6px 10px}.top .more-toggle{display:inline-block;font-size:.85rem}.top:not(.open) .more-facts,.top:not(.open) .top-links{display:none}.top.open .top-links{order:5;width:100%;display:flex;gap:14px}.top .switch button{padding:4px 9px}.lyrics-view{flex-direction:column}.side{order:-1;width:auto;border-left:0;border-bottom:1px solid var(--line);flex:none}.side-strip{display:flex;align-items:center;gap:8px;padding:6px 12px}.side-strip .now-next{flex:1}.side-toggle{margin-left:auto;font-size:.85rem;white-space:nowrap}.lyrics-view:not(.side-open) .side-full{display:none}.lyrics-view.side-open .side{max-height:55%;overflow-y:auto}.lyrics-view.side-open .side-strip .now-next{display:none}.side-full{display:flex;flex-direction:column}.side-full .now-next{order:1;flex-direction:row;align-items:center}.side-full .now-next .now-chord.large{flex:1}.side-full .now-next .coming{flex:1.4}.side-full .song-chords{order:2}.side-full .voice{order:3;border-top:1px solid var(--line)}.song-chords{grid-template-columns:repeat(4,1fr)!important}.lyrics{padding:10px 12px 40px}.part{padding-left:8px}.word{font-size:1.15rem}.transport{gap:6px 8px;padding:6px 10px;padding-bottom:max(6px,env(safe-area-inset-bottom))}.transport .grow{order:9;flex-basis:100%}.transport .speed input{width:72px}.transport .toggles{display:flex;flex-wrap:wrap;gap:6px;order:10;width:100%}.transport .toggles button{font-size:.8rem;padding:4px 9px}.backdrop{align-items:flex-end;padding:0}.backdrop .sheet{width:100%;border-radius:14px 14px 0 0;padding-bottom:max(18px,env(safe-area-inset-bottom))}}.analyzing{width:min(520px,100%);text-align:left;margin-top:10px}.analyzing h2{font-size:1.1rem;margin:0 0 8px}.analyzing ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.analyzing li{display:grid;grid-template-columns:22px 1fr auto;align-items:center;padding:7px 2px;border-bottom:1px solid var(--line)}.analyzing li.later{color:var(--quiet)}.analyzing li.done .mark{color:var(--accent)}.analyzing li.going{font-weight:600}.analyzing li.going .mark{color:var(--accent);animation:pulse 1.2s ease-in-out infinite}.analyzing .bar{grid-column:2 / 4;height:4px;margin-top:6px;border-radius:2px;background:color-mix(in srgb,var(--faint) 30%,transparent);overflow:hidden}.analyzing .bar span{display:block;height:100%;background:var(--accent);transition:width .6s}.analyzing p{font-size:.85rem;margin-top:10px}@keyframes pulse{50%{opacity:.35}}.settings{width:min(560px,100%);text-align:left}.settings h2{margin:0;font-size:1.2rem}.settings h3{margin:20px 0 4px;font-size:1rem}.settings .path{font-family:ui-monospace,monospace;font-size:.85rem;margin:4px 0;overflow-wrap:anywhere}.settings .choice{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.settings .choice p{flex-basis:100%;margin:0;overflow-wrap:anywhere}.settings .setting{display:block;margin-top:6px}.settings p.quiet{font-size:.85rem;margin:4px 0}.kept li.session{flex-wrap:wrap}.kept li.session .name{flex:1 1 11rem}.kept .actions{display:flex;gap:10px;margin-left:auto;font-size:.8rem;opacity:0;transition:opacity .15s}.kept li.session:hover .actions,.kept li.session:focus-within .actions{opacity:1}@media (hover: none),(max-width: 600px){.kept .actions{opacity:1}}.kept .actions a,.kept .actions button{color:var(--quiet);font-size:.8rem}.kept li.session .reaper-made{flex-basis:100%;min-width:0;font-size:.8rem;white-space:normal;overflow-wrap:anywhere}.kept .rename{display:flex;gap:6px;width:100%}.kept .rename input{flex:1;min-width:0;padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:var(--back);color:inherit}.kept .confirm{font-size:.9rem}.kept .export-as{white-space:normal}.kept .actions button.export{padding:2px 0}.kept .export-as button.choice{padding:0;font-size:inherit;color:LinkText;text-decoration:underline}button.danger{background:#d33;color:#fff;border-radius:6px;padding:2px 10px}.words.editable{cursor:text}.word-editor{position:absolute;top:-2px;z-index:2;width:30%;min-width:90px;font:inherit;padding:1px 4px;border:1px solid var(--accent);border-radius:4px;background:var(--back);color:inherit}.line.editing{display:flex;flex-direction:column;gap:3px}.line-editor{font:inherit;font-size:1.05rem;padding:4px 8px;border:1px solid var(--accent);border-radius:6px;background:var(--back);color:inherit;width:min(560px,100%)}.corrections{margin-top:18px;border-top:1px solid var(--line);padding-top:10px}.corrections .row{gap:12px;flex-wrap:wrap;align-items:center}.corrections .placing{color:var(--accent)}.library{display:flex;flex-direction:column;height:100dvh}.library-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.library-bar .jumps{display:flex;gap:6px;overflow-x:auto;flex:1;min-width:0;font-size:.85rem}.library-bar .size{display:flex;align-items:center;gap:4px;color:var(--quiet)}.library-groups{overflow-y:auto;padding:6px 14px 30px}.library-groups h3{margin:18px 0 8px;font-size:1rem}.library-grid{display:grid;gap:10px}.library-card{border:1px solid var(--line);border-radius:8px;padding:6px 8px}.library-card .name{font-weight:600;font-size:1em}.library-card .diagram{display:block;width:100%;padding:0}.library-card .dot{width:6px;height:6px;border-radius:3px;background:var(--accent);margin-left:4px}.library-card p{margin:2px 0 0}.listening{display:flex;flex-direction:column;height:100dvh}.listening-top{gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center}.listening .dot{width:10px;height:10px;border-radius:5px;background:var(--faint)}.listening .dot.on{background:#e33;animation:pulse 1.2s ease-in-out infinite}.listening .meter{width:120px;height:6px;border-radius:3px;background:color-mix(in srgb,var(--faint) 30%,transparent);overflow:hidden}.listening .meter span{display:block;height:100%;background:#3c3;transition:width .1s}.listening .waiting{padding:16px}.live-bars{display:grid;grid-template-columns:repeat(4,1fr);overflow-y:auto;padding:10px 14px;gap:10px 0}.live-bar{border-left:1px solid var(--line);padding:4px 8px;min-height:64px}.live-bar .chords-line{position:relative;height:1.4em}.live-bar .chords-line b{position:absolute;top:0}.live-bar .words-line{font-size:.95rem}@media (max-width: 760px){.live-bars{grid-template-columns:repeat(2,1fr)}}.chords .push:before{content:"&";font-size:.7em;color:var(--quiet);margin:0 2px 0 4px}.sheet .fix{margin:6px 0 10px}.sheet .fix .row{flex-wrap:wrap;justify-content:center;gap:6px;margin:6px 0}.sheet .fix select{font-size:.95rem}button.chord.rest{color:var(--quiet)}.sing-bar{display:flex;gap:8px;align-items:center;padding:8px 14px 0;flex-wrap:wrap;font-size:.85rem}.sing-bar select{max-width:14rem}.sing.on{background:var(--off-pitch);color:#fff}.sung-now{display:inline-block;width:17rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;font-variant-numeric:tabular-nums}.closeness-on{color:var(--on-pitch);stroke:var(--on-pitch)}.closeness-near{color:var(--near-pitch);stroke:var(--near-pitch)}.closeness-off{color:var(--off-pitch);stroke:var(--off-pitch)}.closeness-free{color:var(--quiet);stroke:var(--quiet)}.sung-line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.sung-line polyline{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sung-hit{fill:none;stroke:transparent;stroke-width:14px;vector-effect:non-scaling-stroke;pointer-events:stroke;cursor:default}.sung-tip{position:absolute;z-index:5;transform:translate(-10%,calc(-100% - 8px));pointer-events:none;white-space:nowrap;background:var(--back);border:1px solid var(--line);border-radius:7px;padding:4px 8px;font-size:.75rem;line-height:1.35;box-shadow:0 4px 14px #00000024;font-variant-numeric:tabular-nums}.sung-tip.left{transform:translate(-90%,calc(-100% - 8px))}.sung-tip.below{transform:translate(-10%,12px)}.sung-tip.left.below{transform:translate(-90%,12px)}.flow .sung-tip{font-size:.85rem}.meter{display:inline-block;width:60px;height:6px;border-radius:3px;background:var(--panel);overflow:hidden;vertical-align:middle}.meter>span{display:block;height:100%;background:var(--on-pitch)}.tuner{position:fixed;right:16px;bottom:var(--above, 84px);z-index:30;width:min(320px,calc(100vw - 32px));background:var(--back);border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:0 8px 28px #0000002e}.tuner-top{display:flex;align-items:center}.tuner-top .grow{flex:1}.tuner-note{font-size:3rem;font-weight:600;text-align:center;line-height:1.2;font-variant-numeric:tabular-nums}.tuner-scale{position:relative;height:26px;margin:6px 0;border-radius:6px;background:var(--panel);overflow:hidden}.tuner-centre{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--faint)}.tuner-needle{position:absolute;top:3px;bottom:3px;width:4px;margin-left:-2px;border-radius:2px;background:currentColor}.tuner-numbers{text-align:center;font-variant-numeric:tabular-nums}.tuner-input{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px;font-size:.85rem}.tuner-input select{max-width:100%}@media (max-width: 600px){.tuner{bottom:auto;top:64px;left:16px;right:16px;width:auto}.sing-bar .hint{display:none}}.line-from{display:inline-flex;align-items:center;gap:6px}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.segmented button{border-radius:0;padding:2px 10px;font-size:.78rem;background:none;color:var(--quiet)}.segmented button.on{background:var(--accent);color:#fff}.any-octave{display:inline-flex;align-items:center;gap:4px;color:var(--quiet);white-space:nowrap}.flow{cursor:pointer;position:relative;flex:none;margin:8px 14px 0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--back)}.flow-plot{position:absolute;left:0;right:0;overflow:hidden}.flow-guides,.flow-pitched,.flow-names{position:absolute;top:0;left:0}.flow-pitched{will-change:transform}.flow-guides{right:0;pointer-events:none}.flow-guides svg{display:block}.flow-guides line{stroke:color-mix(in srgb,var(--faint) 35%,transparent);stroke-width:1px}.flow-guides line.c{stroke:color-mix(in srgb,var(--faint) 75%,transparent);stroke-dasharray:3 3}.flow-guides rect{fill:color-mix(in srgb,var(--faint) 9%,transparent)}.flow-pitched svg{display:block;overflow:visible}.flow-layer{position:absolute;top:0;left:0;will-change:transform;pointer-events:none}.flow-layer svg{display:block;overflow:visible}.flow-bar line{stroke:var(--line);stroke-width:1px}.flow-bar text{font-size:12px;fill:var(--quiet)}.flow-note{cursor:pointer}.flow-note rect{fill:color-mix(in srgb,var(--accent) 45%,transparent)}.flow-note rect.flow-hit{fill:transparent}.flow-note text{pointer-events:none}.flow-note text{fill:var(--text);font-weight:600}.flow-syllable{fill:var(--text)}.flow-sung{pointer-events:none;fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.flow-names{bottom:0;width:54px;pointer-events:none;background:linear-gradient(to right,var(--back) 70%,transparent)}.flow-names span{position:absolute;left:6px;font-size:12px;color:var(--quiet);font-variant-numeric:tabular-nums}.flow-names span.sharp{color:var(--faint);font-size:11px}.flow-playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--accent);opacity:.7;pointer-events:none}.inspect-open{margin-left:4px;padding:0 3px;font-size:.75rem;line-height:1;opacity:.55}.inspect-open:hover{opacity:1}.debug-view{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;padding:8px 14px 6px;overflow-y:auto}.debug-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.85rem;margin-bottom:6px}.debug-bar label{display:inline-flex;align-items:center;gap:4px}.debug-chosen{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border-radius:6px;background:color-mix(in srgb,#ff9f0a 18%,transparent)}.debug-chosen input{font:inherit;width:6em}.debug-hint{font-size:.8rem}.debug-frame{position:relative}.debug-plot{overflow-x:auto;overflow-y:hidden;margin-left:46px;-webkit-overflow-scrolling:touch}.debug-plot svg{display:block;touch-action:pan-x}.debug-song.marking-syllable,.debug-song.marking-note{cursor:crosshair}.debug-names{position:absolute;top:0;left:0;background:var(--back)}.debug-plot text,.debug-names text{font-size:11px;fill:var(--quiet)}.debug-plot .row{stroke:color-mix(in srgb,var(--faint) 30%,transparent)}.debug-plot .row.sharp{stroke-dasharray:2 4}.debug-plot .beat{stroke:color-mix(in srgb,var(--faint) 45%,transparent)}.debug-plot .beat.first{stroke:var(--quiet)}.debug-plot .bar-number{fill:var(--quiet);font-weight:600}.debug-plot .looped{fill:var(--loop)}.debug-plot .dragged{fill:color-mix(in srgb,#ff9f0a 25%,transparent)}.debug-plot .made rect{fill:color-mix(in srgb,var(--accent) 22%,transparent);stroke:var(--accent);stroke-width:1}.debug-plot .made.by-vowel rect{stroke-dasharray:4 3}.debug-plot .made.turn rect{fill:color-mix(in srgb,var(--accent) 45%,transparent)}.debug-plot .made text{fill:var(--accent);font-weight:600}.debug-plot .made.unsure{opacity:.45}.debug-plot .performed{fill:color-mix(in srgb,var(--text) 55%,transparent)}.debug-plot .made .split{stroke:var(--text);stroke-width:2}.debug-plot .heard{fill:var(--text)}.debug-plot .smooth{fill:none;stroke:#ff375f;stroke-width:1.5}.debug-plot .vowel line{stroke-width:1;stroke-opacity:.7}.debug-plot .vowel.sure line{stroke:#30a46c}.debug-plot .vowel.heard line{stroke:#f5a524;stroke-dasharray:3 2}.debug-plot .vowel.faint line{stroke:var(--faint);stroke-dasharray:1 3}.debug-plot .vowel.sure text{fill:#30a46c}.debug-plot .vowel.heard text{fill:#c77d00}.debug-plot .syllable line{stroke:var(--text)}.debug-plot .syllable text{fill:var(--text);font-weight:600}.debug-plot .mark-note{fill:none;stroke:#ff9f0a;stroke-width:2}.debug-plot .mark-note.chosen{stroke-width:3.5;fill:color-mix(in srgb,#ff9f0a 20%,transparent)}.debug-plot .mark-syllable line{stroke:#ff9f0a;stroke-width:1.5;stroke-dasharray:5 3}.debug-plot .mark-syllable text{fill:#c76a00;font-weight:700}.debug-plot .mark-syllable.chosen line{stroke-width:3;stroke-dasharray:none}.debug-names .row-name{fill:var(--faint);font-size:10px}.debug-names .row-name.yours{fill:#c76a00}.debug-plot .onset{stroke:var(--quiet);stroke-width:2}.debug-plot .loud{fill:color-mix(in srgb,var(--quiet) 25%,transparent)}.debug-plot .now{stroke:var(--accent);stroke-width:1.5}.debug-plot .tab-string{stroke:color-mix(in srgb,var(--faint) 55%,transparent)}.debug-plot .tab-fret rect{fill:var(--back)}.debug-plot .tab-fret text{fill:var(--text);font-weight:600}.debug-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.75rem;margin:6px 0 0}.debug-legend i{display:inline-block;vertical-align:middle;margin-right:4px}.debug-legend .dot{width:6px;height:6px;border-radius:3px;background:var(--text)}.debug-legend .line{width:14px;height:2px;background:#ff375f}.debug-legend .box{width:14px;height:8px;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 22%,transparent)}.debug-legend .tick{width:2px;height:10px;background:#30a46c}.debug-legend .yours{width:14px;height:8px;border:2px solid #ff9f0a}.debug-legend .thin{width:14px;height:3px;background:color-mix(in srgb,var(--text) 55%,transparent)}.song-search{position:relative;width:min(640px,100%);margin-top:22px}.song-search input{width:100%;box-sizing:border-box;padding:9px 12px;font-size:1rem;border:1px solid var(--line);border-radius:8px;background:var(--back);color:inherit}.hero .song-search input{padding:13px 16px 13px 42px;border:0;border-radius:12px;box-shadow:0 8px 28px #0a063259;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%238e8e93' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='m13 13 4 4'/%3E%3C/svg%3E") no-repeat 15px center}.hero .song-search input:focus{outline:3px solid var(--amber);outline-offset:2px}.hero .song-search{color:var(--text)}.song-search input:focus{outline:2px solid var(--accent);outline-offset:1px}.song-search .suggestions{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;margin:0;padding:4px 0;list-style:none;max-height:min(360px,60vh);overflow-y:auto;background:var(--back);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #0000002e;text-align:left}.song-search .suggestions li{display:flex;align-items:baseline;gap:10px;padding:7px 12px;cursor:pointer}.song-search .suggestions li.active{background:var(--accent-soft, rgba(80, 120, 255, .14))}.song-search .suggestions li[aria-disabled=true]{opacity:.5;cursor:default}.song-search .suggestions li.none{color:var(--quiet);cursor:default}.song-search .found-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-search .found-name mark{background:none;color:inherit;font-weight:700;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}.song-search .where{flex-shrink:0;font-size:.75rem;color:var(--quiet)}.export-view{flex:1;min-width:0;display:flex}.export-panel{width:340px;flex:none;overflow-y:auto;padding:12px 16px 40px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.export-panel h3{margin:10px 0 0;font-size:.9rem}.export-panel label i,.export-panel .fit i{font-style:normal;color:var(--quiet)}.export-panel label.wide{display:flex;flex-direction:column;gap:2px}.export-panel input:not([type=checkbox]){min-width:0}.export-panel .row{display:flex;gap:6px;align-items:center}.export-panel .row input{flex:1}.export-panel .fit{margin:0;font-size:.9rem}.export-panel .fit.warn{color:var(--warn)}.export-sections{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px;font-size:.9rem}.export-sections li{display:flex;justify-content:space-between;align-items:center;gap:8px}.export-sections li>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-sections select{flex:none;width:auto;max-width:70%}.export-pages{flex:1;min-width:0;overflow:auto;padding:16px;background:var(--panel)}.papers{display:flex;flex-direction:column;align-items:center;gap:16px}.paper-frame{flex:none;box-shadow:0 1px 6px #00000040;background:#fff;overflow:hidden}.paper-frame>.paper{transform:scale(var(--scale));transform-origin:0 0}.paper-measure{position:absolute;left:-10000px;top:0;visibility:hidden;pointer-events:none}.paper{--text: #000;--quiet: #555;--faint: #999;--line: #bbb;--accent: #000;background:#fff;color:#000;padding:12mm;display:flex;flex-direction:column;overflow:hidden;font-size:var(--size);line-height:1.25}.paper-title{flex:none;margin-bottom:.9em}.paper-title h1{font-size:1.6em;margin:0;line-height:1.15}.paper-title p{margin:.15em 0 0;color:#444}.paper-body{flex:1;min-height:0;overflow:hidden;column-fill:auto;column-gap:7mm}.paper-section{break-inside:avoid;margin-bottom:.85em}.paper-section.long{break-inside:auto}.paper-section>header{break-after:avoid}.export-view .paper-section{cursor:pointer}.export-view .paper-section:hover{outline:1px dashed #999;outline-offset:2px}.paper-section>header{font-size:.9em;margin-bottom:.15em;display:flex;align-items:center;flex-wrap:wrap;column-gap:.3em}.paper-section>header i{color:#444}.paper-section .strum.compact{height:1.1em;line-height:1.1em;font-size:.8em}.paper-line{display:flex;flex-wrap:wrap;column-gap:.3em;break-inside:avoid}.paper-line+.paper-line{margin-top:.15em}.paper-line.paper-words{display:block}.paper-group{display:inline-flex;column-gap:.3em}.paper-token{display:inline-flex;flex-direction:column}.paper-chord{font-weight:700;font-size:.9em;line-height:1.15}.paper-chord.carried{color:#777;font-weight:600}.paper-bars{display:flex;flex-wrap:wrap;column-gap:.4em;font-weight:700;font-size:.9em}.paper-bars>span:after{content:" |";color:#999;font-weight:400}.paper-run-items{line-height:1.35}.paper-run-item{white-space:nowrap}.export-view .paper-run-item:hover{text-decoration:underline dotted}.paper-note{margin:.15em 0 0;font-style:italic;color:#333}.paper-diagrams{flex:none;display:flex;flex-wrap:wrap;gap:.6em .9em;margin-top:.8em;padding-top:.6em;border-top:.5pt solid #ccc}.paper-diagrams figure{margin:0;width:4.2em;text-align:center}.paper-diagrams figcaption{font-weight:700;font-size:.85em}.paper-diagrams .diagram text{fill:#333}.print-root{display:none}@media print{body:has(.print-root)>:not(.print-root){display:none!important}body:has(.print-root){background:#fff}.print-root{display:block}.print-root .paper{break-after:page}.print-root .paper:last-child{break-after:auto}}.print-only{padding:16px;background:#eee;min-height:100%}@media (max-width: 760px){.export-view{flex-direction:column;overflow-y:auto}.export-panel{width:auto;border-right:0;border-bottom:1px solid var(--line);overflow:visible;padding:10px 12px}.export-pages{overflow:visible;padding:12px;order:-1}}.kept li.session .sharing span{white-space:normal}.kept li.session .sharing .link-row{white-space:nowrap}.kept li.shared-row{flex-wrap:wrap}.copy-to-dropbox{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:.8rem;white-space:normal}.kept li.shared-row .copy-to-dropbox span{white-space:normal}.copy-to-dropbox .inline{padding:0;font-size:inherit;color:var(--accent);white-space:nowrap}.shared-bar{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:6px 16px;font-size:.8rem;background:var(--panel);border-bottom:1px solid var(--line)}@media (max-width: 600px){.kept li.shared-row .copy-to-dropbox{flex-basis:100%}}