/* Apple Music inspired: system typography, white surfaces, soft gray navigation. */
:root{color-scheme:light;--bg:#fff;--panel:#fff;--line:#e5e5e7;--muted:#77777d;--ink:#202024;--acid:#fa4055;--orange:#e9932f;--cyan:#e62e49;--purple:#9d77cf}
body{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif;color:var(--ink);background:#fff;font-size:13px}button,input,select,textarea{font-family:inherit;border-radius:7px;background:#fff;color:#333338;border-color:#dedee2}button:hover{background:#f1f1f4;border-color:#c9c9cf}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #fa4055;outline-offset:2px}.primary,.primary:hover{background:#fa4055;border-color:#fa4055;color:white}.accent-outline{color:#e32d46;border-color:#e8c8ce;background:#fff}a{color:#d72f47}
.topbar{height:52px;padding:0 20px;background:#fafafbea;border-bottom:1px solid #dedee2;backdrop-filter:blur(18px);gap:16px}.brand,.brand b{font-family:inherit;font-style:normal;letter-spacing:-.6px;font-size:18px;color:#222228;font-weight:650}.brand b{font-weight:400;color:#6b6b72}.brand-mark{color:#fa4055}.cloud-account{color:#77777e}.cloud-account button{background:#f1f1f3;border-color:transparent;color:#52525a;font-size:11px;padding:6px 10px}.dot{background:#fa4055}
.app-shell{height:calc(100dvh - 52px)}.sidebar{background:#f5f5f7;border-right:1px solid #e2e2e6;padding:22px 12px 12px}.side-title{color:#8d8d94;font-size:10px;font-weight:600;letter-spacing:.3px}.sidebar nav button,.community-nav button,.community-people button{color:#515159;font-size:12px;border-radius:6px;padding:9px 8px}.sidebar nav button.selected,.dashboard-home.selected{color:#d72e49;background:#fbe6e9;border:0;border-radius:6px}.sidebar nav button span:last-child,.sidebar nav button.selected span:last-child{color:#92929a}.book-button{color:#53535a;font-size:11px}.book-button .book-icon{color:#e7465c}.book-button small,.sidebar-bottom,.sidebar-bottom button{color:#8b8b92}.sidebar-bottom button{font-size:10px}.community-nav{border-color:#dedee3}.community-people small{color:#8b8b92}.dashboard-home{border-color:transparent;background:transparent;color:#55555d;padding:10px;text-align:left;font-size:13px}.pane-resizer{background:#ededf0}.pane-resizer:hover,.pane-resizer:focus{background:#f6b2bc}
main{background:#e9e9ee;gap:0}.library{background:#fff;color:#202024}.section-heading{background:#fff;border-bottom:1px solid #e8e8eb;padding:18px 12px 14px}.section-heading h1{font:650 16px -apple-system,BlinkMacSystemFont,sans-serif;color:#29292e}.section-heading h1 span{color:#99999f;border:0;background:#f3f3f5;border-radius:10px;font:11px inherit}.search{background:#f3f3f5;border:1px solid transparent;border-radius:7px;color:#9999a0}.search input{color:#303036;font-size:12px;padding:8px 0}.library-controls select{background:#f3f3f5;border-color:transparent;color:#72727b;font-size:10px}.table-wrap{scrollbar-color:#c8c8ce #fff}th{background:#fafafb;color:#8d8d95;font:10px -apple-system,BlinkMacSystemFont,sans-serif;border-color:#e6e6eb;height:30px}th:nth-child(2){width:32%}th:nth-child(3){width:22%}th.year{display:table-cell;width:43px}th:nth-child(6){width:66px}td{height:35px;border-bottom:1px solid #efeff2;color:#8a8a93;font-size:11px}td.song-name{font-size:12px;font-weight:500;color:#303036}td.composer,td.year{color:#86868e;font-size:10px}td.number{color:#a6a6ad}tr.song-row:nth-child(even){background:#fafafb}tr.song-row:hover{background:#f6f1f2}tr.song-row.selected{background:#fae9ec}tr.song-row.selected td{color:#c72a43;border-color:#f4dee3}.rating button,.selected .rating button{color:#d5d5db!important}.rating button.filled,.selected .rating button.filled{color:#ed5870!important}.row-more{color:#aaaab2}.library-wide th.year{width:60px}
.session{padding:0 20px 24px;background:#fff;scrollbar-color:#c8c8ce #fff}.session-sticky{position:sticky;top:0;z-index:8;padding:20px 0 12px;background:#fffffff0;backdrop-filter:blur(20px);border-bottom:1px solid #e9e9ed;margin-bottom:14px}.session-heading{gap:12px;margin-bottom:14px}.session-heading h2{font:700 27px -apple-system,BlinkMacSystemFont,sans-serif;color:#222227;letter-spacing:-.8px}.session-heading .eyebrow{color:#fa4055;font-size:9px;font-weight:650;letter-spacing:.5px}.song-meta{color:#929299;font-size:10px}.song-meta span{border-color:#dedee4}.session-actions button{font-size:10px;color:#73737c;background:#f5f5f7;border:0;padding:6px 8px}.session-actions #exportButton{color:#e3334d}.transport{background:#f7f7f9;border:1px solid #eeeef1;border-radius:12px;padding:10px 12px;gap:12px}.transport-buttons .play-button{background:#fa4055;color:#fff;border-radius:50%;width:38px;height:38px;padding:8px}.transport-buttons button{color:#777781}.position strong,.tempo input{color:#33333c;font-family:ui-rounded,-apple-system,sans-serif;font-size:19px;font-variant-numeric:tabular-nums}.position span,.tempo span,.transport-right{color:#9b9ba4}.separator{background:#ddddE4}#tempoSlider{accent-color:#fa4055}#loop{background:#fff;border-color:#dddde4;color:#9999a1}#loop[aria-pressed=true]{background:#fa4055;border-color:#fa4055;color:white}.tempo-hint{color:#9999a1;font-size:10px;margin:8px 2px 0}.tempo-hint button{color:#e3334d;background:#fff;border-color:#e7e7eb}.sound-controls{border-color:#e3e3e8!important}.sound-controls label{color:#9999a1!important}.sound-controls select{background:#fff!important;border-color:#dedee4!important;color:#55555f!important}.sound-controls input{accent-color:#fa4055}
.practice-layout{gap:12px}.practice-tools{gap:8px}.arrangement,.chords-panel,.details-panel{background:#fafafb;border:1px solid #e7e7ec;border-radius:8px;overflow:hidden}.arrangement-top,.chords-panel>summary,.details-panel>summary{background:#f7f7f9;color:#81818c;letter-spacing:.3px;padding:11px;font-size:9px}.arrangement-top:before,.chords-panel>summary:before,.details-panel>summary:before{color:#ed5269}.details-panel select,.voicing-controls select,.track-info select{background:#fff;color:#55555e;border-color:#dedee5}.track,.track-volume,.piano-roll{background:#f8f8fa;border-color:#e2e2e7}.track-info{background:#f4f4f7}.track-title,.details-panel label{color:#686872}.track-buttons button{background:#fff;border-color:#dddde4;color:#777780}.chord-cell{background:#fff;border-color:#e6e6eb;color:#666670}.chord-cell strong{color:#484853}.chord-cell small{color:#9b9ba4}.chord-cell.current{background:#fdebef;border-color:#f48798}.chord-cell.current strong{color:#d72d48}
.sheet-panel{background:#f4f4f6;border:1px solid #e8e8ec;border-radius:10px;overflow:hidden}.sheet-panel>.panel-heading{background:#f5f5f7;border-color:#e4e4e9;color:#92929b;padding:10px 12px}.sheet-controls label,.sheet-panel .sheet-controls button{color:#86868f}.sheet-panel .sheet-controls button:hover{background:#e7e7ed;color:#e3334d}.sheet-controls input{accent-color:#fa4055}#scoreSyncStatus{color:#e8576c}.score-pages{background:#f0f0f3;padding:14px}.score-pages figure,.score-pages figure:last-child{width:100%;max-width:1100px;margin:0 auto 18px}.score-pages figure:last-child{margin-bottom:0}.score-pages figcaption{color:#aaaab2}.score-sheet{width:100%;margin-inline:auto}.score-pages img{width:100%;height:auto;box-shadow:0 2px 8px #18182a0d}.score-overlay{width:100%;height:100%}.score-overlay rect.sounding{fill:#fc617476;stroke:#df2748}.score-overlay rect.score-chord.sounding{fill:#ffc45980;stroke:#bd791a}.score-empty{color:#92929b}
footer{background:#fafafb;border-color:#e5e5ea;color:#aaaab1;padding:6px 14px}footer b{color:#bbbbc3}.dashboard{background:#fff;padding:36px clamp(20px,3vw,48px)}.dashboard-heading h1{font:700 30px -apple-system,BlinkMacSystemFont,sans-serif;color:#26262c;letter-spacing:-.9px}.dashboard-heading p{color:#95959e;font-size:14px}.dashboard h2{color:#4a4a54;font-size:17px;letter-spacing:-.3px;text-transform:none;font-weight:650;border-top:1px solid #eeeef1;padding-top:24px;margin-top:28px}.dashboard-grid{gap:16px}.dashboard-card{background:#fafafa;border-color:#e7e7ec;border-radius:12px;box-shadow:0 2px 6px #20203005;color:#33333b;padding:20px}.collection-card{border:0;background:linear-gradient(145deg,#fbe1e6,#f6e8ed);min-height:140px}.collection-card:nth-child(3n){background:linear-gradient(145deg,#e6e8fc,#eeedf8)}.collection-card:nth-child(4n){background:linear-gradient(145deg,#f8e6d6,#f7ede4)}.collection-card.all-songs{background:linear-gradient(135deg,#fa526d,#dc365b);color:#fff}.collection-card span{font-size:16px;font-weight:650}.collection-card strong{color:#86757e;font-size:12px}.collection-card.all-songs strong{color:#fff;font-size:28px}.dashboard-card small,.dashboard-empty{color:#92929c}.dashboard button.dashboard-card:hover{background:#f2e4e9;border-color:#eac7d1}.dashboard-card h3{color:#3d3d46}.dashboard-card button{color:#dd3a55;background:#fff;border-color:#eadfe3}.history-card{background:#f8f8fa;border:0}.dashboard-error{color:#b35e25}.recommendation-card.unread{border-left-color:#e5b531}.unread-badge{background:#ffd854;color:#55410a}.dashboard-active #navigation button.selected{border-left:0!important}
dialog{background:#fff;color:#3f3f49;border:1px solid #dddde4;border-radius:16px;box-shadow:0 16px 70px #20203030}dialog::backdrop{background:#22223845;backdrop-filter:blur(5px)}.dialog-heading h2,h1,h2{font-family:inherit}.dialog-heading h2{color:#303038}.close{color:#9696a0}dialog input,dialog select,.edit-dialog textarea{background:#fafafb;color:#454550;border-color:#dedee5}dialog label,.help-content{color:#7d7d89}.community-row{border-color:#e6e6ec}.community-tabs{border-color:#eeeef2}.community-tabs button{background:#f5f5f7}.help-content a{color:#e13753}#toast{background:#454550;color:#fff}.cloud-gate{background:#f5f5f7}.cloud-card{background:#fff;border:1px solid #e6e6eb;border-radius:18px;box-shadow:0 20px 90px #3333480c}.cloud-card h1{font:700 30px -apple-system,BlinkMacSystemFont,sans-serif;color:#25252d;letter-spacing:-1px}.cloud-card p{color:#9999a3}.cloud-card [role=status]{color:#d7445b}.auth-tabs button{background:#f4f4f7;color:#9999a3;border:0;border-radius:7px;padding:10px}.auth-tabs{background:#f4f4f7;border-radius:9px;padding:3px}.auth-tabs [aria-selected=true]{background:#fff;color:#e13753;box-shadow:0 1px 4px #28283a18}.cloud-card input{background:#fafafb;border-color:#e3e3ea}.dropzone,.job{background:#fff6f7;border-color:#f0b7c1}.note,.divider-label{color:#9696a0}
.score-focus .topbar{height:52px}.score-focus .session{padding-top:0}.score-focus .session-sticky{padding-top:16px}
@media(max-width:850px){.topbar{height:52px;position:sticky;top:0;z-index:15;padding:0 10px;gap:7px}.brand,.brand b{font-size:13px}.app-shell{height:auto}.session,.score-focus .session{padding:0 10px 16px;overflow:visible}.session-sticky{top:52px;padding:12px 0 8px}.session-heading h2{font-size:23px}.session-actions button{font-size:9px;padding:5px}.session-heading{gap:6px;margin-bottom:8px}.transport{gap:7px;padding:8px}.score-pages{padding:8px}.dashboard{padding:25px 16px}.dashboard-heading h1{font-size:27px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}.collection-card{min-height:124px;padding:15px}.collection-card span{font-size:13px}.dashboard h2{font-size:17px}.dashboard-active main{height:calc(100dvh - 52px)!important}.community-mobile{background:#f0f0f3;color:#666670;border:0}.cloud-account button{padding:5px}.cloud-account{margin-left:auto}.topbar .community-mobile{padding:5px 7px;font-size:10px}}
.sidebar nav button.selected{box-shadow:none}.side-title span{color:#85858e}.dashboard-active #collections button.selected{box-shadow:none;color:#73737c}.tempo-hint,.song-meta,.sheet-panel>.panel-heading,.sheet-controls label,.sheet-panel .sheet-controls button{color:#74747e}
@media(max-width:480px){#chordInfo{display:none}.practice-tools{gap:5px}.arrangement-top,.chords-panel>summary,.details-panel>summary{padding:10px 7px;letter-spacing:0}.session-sticky .tempo-hint{font-size:9px}}

/* Book covers and source information share the score view's neutral typography. */
.collection-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-items:stretch}.collection-grid .collection-card{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px;text-align:left;white-space:normal;min-width:0}.collection-cover{display:flex;width:100%;aspect-ratio:3/4;align-items:center;justify-content:center;background:#f7f5f1;border-radius:7px;overflow:hidden;box-shadow:0 2px 8px #0001}.collection-cover img{display:block;width:100%;height:100%;object-fit:contain}.collection-cover-placeholder{font-size:64px;color:var(--muted);background:var(--panel)}.collection-grid .collection-card>span:not(.collection-cover){font-size:14px;line-height:1.35}.collection-grid .collection-card strong{font-size:12px;color:var(--muted);margin-top:auto}.song-info{order:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:13px}.song-info>summary{cursor:pointer;padding:12px 14px;line-height:1.4}.song-info-body{padding:0 16px 16px;line-height:1.65;max-width:900px}.song-info dl{display:grid;grid-template-columns:minmax(95px,auto) 1fr;gap:5px 20px}.song-info dt{color:var(--muted)}.song-info dd{margin:0}.song-info p{max-width:75ch}.song-info details{margin-top:12px}.song-info details summary{cursor:pointer}.song-info img{display:block;width:100%;height:auto;margin-top:12px}.song-verse{white-space:pre-line}@media(max-width:600px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.song-info dl{grid-template-columns:1fr;gap:2px}.song-info dd{margin-bottom:8px}}

.collection-grid .collection-card .collection-cover-placeholder{font-size:64px}.collection-grid .all-songs strong{color:#fff}

.song-info{width:100%;min-width:0;flex-shrink:0}.song-info>summary{scroll-margin-top:var(--session-header-height,350px)}
/* Shared repertoire uses the full library workspace. */
.repertoire-nav{width:100%;text-align:left;white-space:normal;color:#515159;font-size:12px;line-height:1.45;padding:10px 8px;background:transparent;border:0;border-radius:6px;margin:4px 0 8px}.repertoire-nav.selected{color:#d72e49;background:#fbe6e9}
body.repertoire-active main{grid-template-columns:minmax(0,1fr)}body.repertoire-active main>.library,body.repertoire-active main>.session,body.repertoire-active main>#libraryResize{display:none}body.repertoire-active main>footer{grid-column:1/-1}
.repertoire[hidden]{display:none}.repertoire{grid-column:1/-1;grid-row:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff;padding:28px 24px 16px;color:#33333b;overflow:hidden}.repertoire-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.repertoire-heading h1{font:700 27px -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.7px;margin:0}.repertoire-heading p{color:#797982;font-size:12px;margin:8px 0 16px}.repertoire-heading>button{background:#e63f59;color:#fff;border:0;white-space:nowrap}.repertoire-controls{display:flex;gap:10px;margin:8px 0}.repertoire-controls input{min-width:0;flex:1;max-width:420px}.repertoire-controls select{max-width:180px}.repertoire-message{font-size:12px;color:#7b5b40;margin:5px 0;min-height:16px}.repertoire-table-wrap{min-height:0;overflow:auto;flex:1;border:1px solid #ededf1;border-radius:9px}.repertoire-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:auto}.repertoire-table th{position:sticky;top:0;z-index:1;background:#f7f7fa;text-align:left;border-bottom:1px solid #e6e6eb;white-space:nowrap}.repertoire-table th button{border:0;background:transparent;color:#6c6c75;font-size:11px;padding:10px 6px}.repertoire-table td{padding:10px 8px;border-bottom:1px solid #eeeef2;vertical-align:top;max-width:210px;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.45}.repertoire-table tbody tr:nth-child(even){background:#fcfcfd}.repertoire-table tbody tr:hover{background:#fff6f7}.repertoire-title{min-width:180px}.repertoire-title button{font-size:13px;font-weight:600;padding:0;border:0;background:transparent;color:#303039;text-align:left;white-space:normal}.tier-select{font-size:11px;padding:5px!important;width:104px;color:#777}.tier-select[data-tier="S"]{color:#bb3456;background:#ffe8ed}.tier-select[data-tier="A"]{color:#86552d;background:#fff0dc}.tier-select[data-tier="B"]{color:#337057;background:#e5f5ec}.repertoire-actions{min-width:115px}.repertoire-actions button{display:block;padding:3px 0;border:0;background:transparent;color:#d72e49;text-align:left;font-size:11px;white-space:normal}.repertoire-actions small{display:block;color:#9999a0;font-size:10px}.repertoire-empty{padding:24px;color:#888}.repertoire-dialog{max-width:760px;width:calc(100vw - 32px)}.repertoire-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.repertoire-form>label{display:flex;flex-direction:column;gap:5px;font-size:12px}.repertoire-form input,.repertoire-form textarea{width:100%;box-sizing:border-box}.repertoire-form textarea{min-height:70px}.repertoire-link-picker,.repertoire-source,.repertoire-form>p,.repertoire-form>.primary{grid-column:1/-1}.repertoire-link-picker{min-width:0;border:1px solid #e1e1e7;border-radius:8px;padding:12px}.repertoire-link-picker legend{font-size:12px;padding:0 5px}.repertoire-link-results{max-height:190px;overflow:auto;margin-top:10px}.repertoire-link-results label{display:flex;gap:8px;align-items:center;padding:5px;font-size:12px}.repertoire-link-results input{width:auto}.repertoire-link-results small{color:#85858f}.repertoire-chosen{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.repertoire-chosen button{font-size:11px;white-space:normal;text-align:left}.repertoire-source{font-size:11px;color:#777}.repertoire-source dl{display:grid;grid-template-columns:100px 1fr;gap:6px}.repertoire-source dd{margin:0;overflow-wrap:anywhere}
@media(max-width:850px){body.repertoire-active main{height:calc(100dvh - 52px);min-height:0}.repertoire{flex:1;width:100%;box-sizing:border-box;padding:22px 12px 12px}.repertoire-heading h1{font-size:22px}.repertoire-heading{align-items:flex-start}.repertoire-heading>button{font-size:11px;padding:7px}.repertoire-form{grid-template-columns:1fr}.topbar .community-mobile{padding:4px;font-size:9px}}
.repertoire-table th,.repertoire-table td{display:table-cell!important;width:auto;height:auto;text-align:left}.repertoire-table td{padding:9px 7px;color:#686873}.repertoire-table .repertoire-title{min-width:170px;max-width:250px}.repertoire-table .repertoire-actions{white-space:nowrap;min-width:145px}.repertoire-actions button{display:inline-block;margin-right:7px;font-size:11px;white-space:nowrap;vertical-align:middle}.repertoire-actions small{display:inline-block;margin-right:7px;font-size:10px}.repertoire-table .repertoire-actions button:last-child{font-size:16px}.repertoire-version{display:block;width:100%;text-align:left;white-space:normal;margin:10px 0}.repertoire-active #navigation button.selected,.repertoire-active #collections button.selected{background:transparent!important;color:#73737c!important}.repertoire-table th button{letter-spacing:0}.repertoire-table .tier-select{height:27px}