:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#242237;background:#f7f8fc;font-synthesis:none;--bg:#f7f8fc;--surface:#fff;--text:#242237;--muted:#747386;--border:#e8e8f0;--purple:#6c47d7;--soft:#f0eafd;--shadow:0 5px 20px #28204004}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ac8cf2;outline-offset:3px}button{color:inherit}h1,h2,h3,p{margin:0}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:9px;padding:12px;background:var(--surface);color:var(--text)}textarea{resize:vertical}label{font-size:14px;font-weight:600;display:grid;gap:8px}label small{font-weight:400;color:var(--muted)}
.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:#201b33;color:#c9c5d9;padding:35px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;font-size:27px;letter-spacing:-1.2px;font-weight:750;color:#fff;gap:9px}.brand-icon{background:#9670ed;color:#fff;border-radius:11px;width:35px;height:39px;display:grid;place-items:center;font-size:27px}.brand-dot{color:#ad8aee;margin-left:-9px}.sidebar-label{font-size:10px;letter-spacing:1.6px;margin:52px 10px 18px;color:#8e879f;font-weight:700}nav{display:grid;gap:9px}nav a,.teacher-link{display:flex;align-items:center;gap:12px;padding:14px;font-size:14px;border-radius:9px}nav a>span,.teacher-link>span{font-size:21px}nav a.active{color:#fff;background:#3b3058}nav a:hover,.teacher-link:hover{background:#332b49}nav small{margin-left:auto;background:#55456f;color:#e5d8fb;border-radius:5px;padding:2px 7px}.sidebar-bottom{margin-top:auto}.mini-note{border-top:1px solid #393148;margin:25px 10px;padding-top:24px;display:flex;gap:12px;align-items:center}.mini-note>span{color:#ad8aee;font-size:38px}.mini-note p{font-size:12px;line-height:1.9;color:#a69dbb}.mini-note strong{font-weight:500;color:#d4cce0}.teacher-link{border:1px solid #40364f}.sidebar-foot{font-size:9px;letter-spacing:1.3px;text-align:center;margin-top:22px;color:#82778f}.workspace{margin-left:244px;min-height:100vh}.topbar{height:84px;padding:0 48px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface);color:var(--muted);font-size:14px}.topbar>div{display:flex;gap:22px;align-items:center}.avatar{height:35px;width:35px;background:var(--soft);color:var(--purple);display:grid;place-items:center;border-radius:50%;font-weight:700}.icon-button{border:1px solid var(--border);border-radius:9px;background:var(--surface);min-width:40px;height:40px;font-size:22px;display:inline-grid;place-items:center}.topbar .icon-button{border:none}main{max-width:1440px;margin:auto;padding:46px 48px 65px;min-height:calc(100vh - 155px)}.eyebrow{font-size:11px;font-weight:750;letter-spacing:1.7px;color:var(--purple);text-transform:uppercase;margin-bottom:14px}h1{font-size:42px;line-height:1.15;font-weight:730;letter-spacing:-1.6px}h2{font-size:20px;letter-spacing:-.5px}.page-heading{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:46px}.page-heading p,.admin-header p,.editor-heading p{font-size:15px;line-height:1.8;color:var(--muted);max-width:480px;margin-top:17px}.repertoire-stamp{display:flex;align-items:center;gap:16px;position:relative;width:236px;padding:23px 25px;background:var(--soft);border-radius:14px;color:var(--purple);flex-shrink:0}.repertoire-stamp strong{font-size:50px;font-weight:600;letter-spacing:-3px}.repertoire-stamp span{font-size:13px;line-height:1.6}.repertoire-stamp i{position:absolute;right:18px;top:-27px;transform:rotate(14deg);font-size:45px;color:#9878df;opacity:.65}.section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}.count{font-size:12px;color:var(--muted);border:1px solid var(--border);padding:3px 8px;border-radius:6px;margin-left:6px;vertical-align:middle}.search{width:300px;display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding-left:14px;gap:8px}.search span{font-size:26px;color:var(--muted)}.search input{border:0;background:transparent;font-size:13px;padding:12px 8px}.filters{display:flex;gap:8px;margin-bottom:25px;flex-wrap:wrap}.chip{background:transparent;border:1px solid var(--border);border-radius:7px;padding:9px 16px;color:var(--muted);font-size:13px}.chip.selected{background:var(--purple);color:#fff;border-color:var(--purple)}.song-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.song-card{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:22px 22px 0;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.song-card:hover{transform:translateY(-3px);border-color:#cbbcec}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px}.song-symbol{width:48px;height:48px;border-radius:12px;background:#eee8fb;color:#8764ca;display:grid;place-items:center;font-size:26px;flex-shrink:0}.color-1{background:#e5effd;color:#5987c3}.color-2{background:#fbeae1;color:#c18759}.favorite{border:0;background:transparent;font-size:26px;color:var(--muted);padding:0 2px}.is-favorite{color:var(--purple)}.song-title{font-size:19px;font-weight:700;letter-spacing:-.4px;display:block;overflow-wrap:anywhere}.artist{font-size:12px;color:var(--muted);margin-top:8px}.card-tags{display:flex;gap:10px;align-items:center;margin:22px 0 25px;font-size:11px;color:var(--muted);flex-wrap:wrap}.level{background:var(--soft);padding:5px 8px;border-radius:5px;color:var(--purple)}.card-bottom{border-top:1px solid var(--border);padding:16px 0;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.card-bottom b{color:var(--text);margin-left:5px}.card-bottom a{color:var(--purple);font-weight:600}.card-bottom a span{margin-left:8px}.practice-note{margin-top:35px;border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;gap:18px;padding:23px 26px}.note-icon{font-size:31px;color:var(--purple)}.practice-note strong{font-size:14px}.practice-note p{font-size:12px;color:var(--muted);margin-top:7px}.note-detail{margin-left:auto;font-size:9px;letter-spacing:1.3px;color:var(--muted);white-space:nowrap}.footer{border-top:1px solid var(--border);padding:24px 48px;font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.footer>span{font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.6px}.button{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:42px;padding:11px 18px;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:600}.primary{background:var(--purple);color:#fff}.primary:hover{background:#5937bd}.secondary{background:var(--surface);border-color:var(--border)}.danger{background:transparent;color:#bd3e50;border-color:#ebc4ca}.back-link{font-size:13px;color:var(--muted);display:inline-block;margin-bottom:28px}.reader-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.reader-heading p{margin-top:10px;color:var(--muted);font-size:15px}.reader-actions{display:flex;gap:8px;flex-wrap:wrap}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 254px;gap:26px;align-items:start}.sheet{border:1px solid var(--border);border-radius:13px;background:var(--surface);padding:30px}.sheet-meta{display:flex;gap:25px;padding-bottom:24px;border-bottom:1px solid var(--border);font-size:12px;flex-wrap:wrap;color:var(--muted)}.sheet-meta strong{color:var(--text)}.music{font-family:"Courier New",monospace;font-size:18px;line-height:1.55;padding-top:12px;overflow-wrap:anywhere}.music-line{display:flex;flex-wrap:wrap;align-items:flex-end;min-height:2.9em}.segment{display:inline-flex;flex-direction:column;max-width:100%;white-space:pre-wrap}.segment b{color:var(--purple);font-weight:700;padding-right:.7ch;min-height:1.5em}.segment>span{min-height:1.5em}.section-label{font:600 12px Inter,"Segoe UI",sans-serif;color:var(--muted);margin:22px 0 10px;letter-spacing:.6px;text-transform:uppercase}.line-gap{height:.6em}.end-mark{margin-top:45px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);display:flex;gap:10px;align-items:center}.end-mark span{font:12px "Segoe UI",sans-serif}.study-panel{position:sticky;top:22px;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:22px}.panel-title{display:flex;justify-content:space-between;font-size:14px;font-weight:700;margin-bottom:26px}.panel-title>span:last-child{color:var(--purple)}.control-label{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:10px}.stepper{display:flex;border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;height:42px}.stepper button{height:40px;width:45px;border:0;background:transparent;font-size:17px}.stepper strong{color:var(--purple)}.stepper>span{font-size:13px}.text-button{border:0;background:none;color:var(--purple);font-size:11px;margin:10px 0 24px;padding:0}.panel-divider{height:1px;background:var(--border);margin:24px 0}input[type=range]{padding:0;accent-color:var(--purple);cursor:pointer;border:0}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:6px 0 18px}.scroll-button{width:100%;font-size:12px}.keyboard-hint{text-align:center;font-size:10px;color:var(--muted);margin-top:12px}.teacher-note{background:var(--soft);padding:15px;margin-top:25px;border-radius:8px}.teacher-note>span{font-size:9px;font-weight:750;letter-spacing:.8px;color:var(--purple)}.teacher-note p{font-size:12px;line-height:1.8;margin-top:8px;color:var(--text);white-space:pre-wrap}.empty{grid-column:1/-1;padding:55px 20px;text-align:center;color:var(--muted)}.empty>span{font-size:40px;color:var(--purple)}.empty h3,.empty h1{margin:12px 0}.empty p{line-height:1.8;margin-bottom:18px}.auth-wrap{max-width:490px;margin:0 auto}.auth-card{padding:35px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.auth-card h1{font-size:30px}.auth-card>p{font-size:14px;color:var(--muted);line-height:1.8;margin:15px 0 25px}.auth-icon{display:grid;place-items:center;width:55px;height:55px;font-size:32px;background:var(--soft);color:var(--purple);border-radius:14px;margin-bottom:24px}form label{margin-bottom:18px}.auth-card button{width:100%}.auth-foot{border-top:1px solid var(--border);padding-top:20px;font-size:12px!important;margin-bottom:0!important}.error{color:#c23a4c;font-size:14px;margin:10px 0;line-height:1.6}.admin-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);background:var(--surface);border-radius:12px;margin:32px 0;padding:25px}.admin-summary>div{display:grid;gap:8px;padding:0 20px;border-right:1px solid var(--border)}.admin-summary>div:last-child{border:0}.admin-summary strong{font-size:28px;color:var(--purple)}.admin-summary span{font-size:12px;color:var(--muted)}.admin-list{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.admin-row{display:flex;gap:18px;align-items:center;padding:20px;border-bottom:1px solid var(--border)}.admin-row:last-child{border:0}.admin-song{display:grid;gap:7px;flex:1;min-width:0}.admin-song>a{font-weight:600;overflow-wrap:anywhere}.admin-song>span{font-size:12px;color:var(--muted)}.status{font-size:11px;border-radius:5px;padding:5px 8px}.published{background:#e5f4ed;color:#27745a}.draft{background:#fff0d5;color:#8b6520}.editor-heading{margin-bottom:30px}.editor-heading h1{font-size:34px}.editor-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:0 18px}.editor-fields>label:nth-child(-n+2){grid-column:span 2}.editor-workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}.editor-pane,.preview-pane{padding:22px;min-width:0}.editor-pane{border-right:1px solid var(--border)}.pane-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.pane-heading h2{font-size:16px}.pane-heading>span{font-size:9px;color:var(--purple);letter-spacing:1px}.editor-help{font-size:12px;color:var(--muted);line-height:1.9;margin:16px 0}.editor-help code{color:var(--purple);background:var(--soft);padding:2px}.chord-toolbar{display:flex;gap:8px;margin-bottom:12px}.chord-toolbar input{width:100px;font-size:13px}.chord-toolbar button{font-size:12px;padding:8px}.editor-pane textarea{min-height:420px;font-family:"Courier New",monospace;font-size:16px;line-height:1.7}.preview-pane{max-height:650px;overflow:auto}.preview-empty{font:14px/1.8 "Segoe UI",sans-serif;color:var(--muted);padding-top:35px}.notes-field{margin-top:25px}.editor-save{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--border);padding-top:25px}.publish-check{display:flex;align-items:center;gap:12px;margin:0}.publish-check input{width:20px;height:20px;accent-color:var(--purple)}.publish-check span{display:grid;gap:7px}.publish-check strong{font-size:13px}.publish-check small{font-size:11px}.editor-save>div{display:flex;gap:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#252035;color:#fff;padding:14px 22px;border-radius:10px;box-shadow:0 5px 30px #0002;opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:90vw;font-size:14px}#toast.show{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
[data-theme=dark]{--bg:#181622;--surface:#24212f;--text:#e9e5f4;--muted:#aba5bd;--border:#3b354c;--purple:#b79af7;--soft:#362b4d;background:var(--bg);color:var(--text)}[data-theme=dark] .primary,[data-theme=dark] .chip.selected{background:#7650ca;color:#fff}[data-theme=dark] .primary:hover{background:#6842bc}
@media(min-width:1500px){main{padding-top:65px}.page-heading{margin-bottom:55px}.song-card{padding:28px 28px 0}.card-top{margin-bottom:32px}}
@media(max-width:1150px){.sidebar{width:210px;padding:30px 16px}.workspace{margin-left:210px}main{padding:34px 28px 50px}.topbar{padding:0 28px}.song-grid{gap:14px}.song-card{padding:18px 16px 0}.song-title{font-size:17px}.repertoire-stamp{width:195px;padding:20px}.repertoire-stamp strong{font-size:40px}.reader-layout{grid-template-columns:minmax(0,1fr) 225px;gap:16px}.sheet{padding:22px}.note-detail{display:none}.reader-heading h1{font-size:34px}.reader-actions .button{font-size:12px}}
@media(max-width:900px){.sidebar{width:185px;padding:25px 12px}.workspace{margin-left:185px}.brand{font-size:23px}.brand-icon{width:30px;height:34px}.sidebar-label{font-size:8px}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.repertoire-stamp{display:none}h1{font-size:36px}.reader-layout{grid-template-columns:1fr}.study-panel{position:sticky;bottom:10px;top:auto;z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;order:-1;padding:16px}.panel-title,.panel-divider,.keyboard-hint,.teacher-note,.range-labels,.text-button{display:none}.study-panel .control-label{margin:0;align-self:center}.study-panel .stepper{height:38px;grid-column:2}.study-panel .stepper button{height:36px}.study-panel .scroll-button{grid-column:2;grid-row:4}.study-panel #speed{grid-column:1;grid-row:4}.reader-heading{align-items:flex-start}.reader-actions{max-width:150px;justify-content:flex-end}.editor-workspace{grid-template-columns:1fr}.editor-pane{border-right:0;border-bottom:1px solid var(--border)}.preview-pane{max-height:430px}.admin-summary{padding:20px 5px}.admin-summary>div{padding:0 12px}.admin-row{gap:12px}.admin-row>.song-symbol{display:none}.editor-save{flex-wrap:wrap}}
@media(max-width:640px){.sidebar{position:relative;width:100%;padding:16px 20px;display:grid;grid-template-columns:1fr auto;gap:17px;background:#201b33}.brand{font-size:25px}.sidebar-label,.sidebar-bottom .mini-note,.sidebar-foot{display:none}.sidebar-bottom{grid-column:2;grid-row:1;margin:0;align-self:center}.teacher-link{font-size:11px;border-color:#4f4163;padding:9px;gap:6px}.teacher-link>span{font-size:15px}nav{display:flex;grid-column:1/-1;gap:10px}nav a{font-size:12px;padding:10px 13px;flex:1;justify-content:center}nav a>span{font-size:17px}nav small{margin:0}.workspace{margin-left:0}.topbar{height:52px;padding:0 20px;font-size:12px}.topbar>div{gap:10px}.topbar .icon-button{height:32px;min-width:32px}.avatar{width:28px;height:28px}.page-heading{margin-bottom:30px}main{padding:30px 20px 40px}h1{font-size:34px;letter-spacing:-1.2px}.page-heading p{font-size:14px}.eyebrow{font-size:10px}.section-top{align-items:stretch;flex-direction:column;gap:18px}h2{font-size:19px}.search{width:100%}.search input{font-size:14px}.filters{gap:6px}.chip{padding:8px 11px;font-size:12px}.song-grid{grid-template-columns:1fr;gap:15px}.song-card{padding:20px 22px 0}.card-top{margin-bottom:18px}.song-title{font-size:21px}.artist{font-size:13px}.card-tags{margin:18px 0;font-size:12px}.card-bottom{font-size:13px}.practice-note{margin-top:25px;padding:19px 16px;align-items:flex-start}.practice-note p{line-height:1.7}.practice-note strong{font-size:13px}.footer{padding:22px 20px;gap:20px}.reader-heading{display:block;margin-bottom:22px}.reader-heading h1{font-size:32px}.reader-actions{max-width:none;justify-content:flex-start;margin-top:20px}.reader-layout{gap:18px}.sheet{padding:20px 15px}.sheet-meta{gap:16px}.study-panel{border-radius:10px;position:relative;bottom:auto;top:auto}.music{font-size:16px}.auth-card{padding:25px 22px}.auth-card h1{font-size:28px}.admin-header{display:block}.admin-header>.button{margin-top:18px}.admin-summary{padding:17px 0}.admin-summary>div{padding:0 10px}.admin-summary span{font-size:10px;line-height:1.6}.admin-summary strong{font-size:25px}.admin-row{padding:17px 12px;gap:9px;flex-wrap:wrap}.admin-song{flex-basis:65%}.admin-row>.status{margin-left:auto}.admin-row>.button{margin-left:auto;padding:7px 15px;min-height:36px}.editor-heading h1{font-size:29px}.editor-fields{grid-template-columns:1fr 1fr;gap:0 12px}.editor-fields>label:nth-child(-n+2){grid-column:span 2}.editor-pane,.preview-pane{padding:18px 14px}.pane-heading h2{font-size:15px}.editor-save>div{width:100%;justify-content:flex-end}.button{min-height:44px}.back-link{margin-bottom:22px}.teacher-note{display:none}}
@media print{.sidebar,.topbar,.footer,.back-link,.reader-actions,.study-panel,#toast{display:none!important}.workspace{margin:0}main{padding:0;min-height:0}.reader-layout{display:block}.sheet{border:0;padding:0}.reader-heading h1{font-size:28px}.music{font-size:14px!important}.music-line{break-inside:avoid}.section-label{break-after:avoid}body,:root,[data-theme=dark]{background:#fff!important;color:#000!important;--text:#000;--muted:#444;--purple:#000;--border:#ddd}.end-mark{display:none}}
.control-label,.card-bottom,.chip,.search input,.scroll-button{font-size:14px}.teacher-note p{font-size:14px}.artist,.card-tags,.section-label,.sheet-meta{font-size:13px}
@media(max-width:900px){.study-panel{position:relative;top:auto;bottom:auto;grid-template-rows:auto auto auto auto auto}.study-panel .control-label:nth-of-type(1){grid-area:1/1}.study-panel .stepper:has(#tone-down){grid-area:1/2}.study-panel #reset-tone{display:block;grid-area:2/2;margin:0 0 4px;font-size:12px}.study-panel .control-label:nth-of-type(2){grid-area:3/1}.study-panel .stepper:has(#font-down){grid-area:3/2}.study-panel .control-label:nth-of-type(3){grid-area:4/1/5/3}.study-panel #speed{grid-area:5/1/6/3}.study-panel .scroll-button{position:fixed;right:20px;bottom:18px;width:auto;min-height:46px;box-shadow:0 4px 22px #201b3340;z-index:30}.study-panel .teacher-note{display:block;grid-area:6/1/7/3;margin-top:5px}.reader-layout{padding-bottom:50px}.study-panel .teacher-note p{font-size:13px}.study-panel .teacher-note>span{font-size:11px}}
@media(max-width:640px){.chip{font-size:12px}.control-label{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.print-format{display:flex;align-items:center;gap:7px;font-size:13px;margin:0}.print-format select{width:auto;padding:9px 7px;font-size:13px;height:40px}.reader-actions{align-items:center}.print-hint{font-size:13px;line-height:1.65;color:var(--muted);background:var(--soft);padding:12px 16px;border-radius:8px;margin:-10px 0 24px}.print-hint[hidden]{display:none}
@media(max-width:900px){.reader-actions{max-width:none}.reader-heading{flex-wrap:wrap}}
@media print{
 .print-hint{display:none!important}.reader-layout{padding-bottom:0!important}.reader-heading{display:block}.reader-heading h1{overflow-wrap:anywhere}
 html[data-print-format="thermal58"] body{width:58mm!important;margin:0!important;padding:0 5mm!important}
 html[data-print-format="thermal58"] .workspace,html[data-print-format="thermal58"] main{width:48mm!important;max-width:48mm!important;min-height:0!important;margin:0!important;padding:0!important}
 html[data-print-format="thermal58"] .reader-heading{margin:0 0 3mm!important;padding-top:2mm}
 html[data-print-format="thermal58"] .reader-heading h1{font-size:14pt!important;line-height:1.15;letter-spacing:0}
 html[data-print-format="thermal58"] .reader-heading p{font-size:9pt!important;line-height:1.3;margin-top:2mm}
 html[data-print-format="thermal58"] .reader-heading .eyebrow{font-size:7pt!important;letter-spacing:0;margin-bottom:2mm}
 html[data-print-format="thermal58"] .sheet{width:48mm!important;border-radius:0;box-shadow:none}
 html[data-print-format="thermal58"] .sheet-meta{font-size:8pt!important;gap:1mm 3mm;padding-bottom:2mm}
 html[data-print-format="thermal58"] .music{font-size:9pt!important;line-height:1.3;padding-top:1mm}
 html[data-print-format="thermal58"] .music-line{min-height:2.6em;break-inside:avoid}
 html[data-print-format="thermal58"] .segment{min-width:0;max-width:100%;overflow-wrap:anywhere}
 html[data-print-format="thermal58"] .segment b,html[data-print-format="thermal58"] .segment>span{min-height:1.3em}
 html[data-print-format="thermal58"] .section-label{font-size:8pt!important;margin:3mm 0 1mm;letter-spacing:0;color:#000}
 html[data-print-format="thermal58"] .line-gap{height:1mm}
}

/* Paleta escolhida: azul #B8D1F0, azul suave #D0E0F5 e fundo #F5F3EB. */
:root{--bg:#F5F3EB;--surface:#FFFEFA;--text:#24374C;--muted:#536879;--border:#D6E0E8;--purple:#24466B;--soft:#D0E0F5;--shadow:0 5px 20px #24466B0A;background:var(--bg);color:var(--text)}
body{background:var(--bg)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#6189B7}
.sidebar{background:#24466B;color:#E5EFFA}
.brand-icon{background:#B8D1F0;color:#24466B}
.brand-dot,.mini-note>span{color:#B8D1F0}
.sidebar-label,.sidebar-foot{color:#C0D5E9}
nav a.active{background:#B8D1F0;color:#1B3959;font-weight:700}
nav a:hover,.teacher-link:hover{background:#355A80;color:#fff}
nav small{background:#D0E0F5;color:#24466B}
.mini-note{border-color:#547393}
.mini-note p{color:#D0E0F5}
.mini-note strong{color:#fff}
.teacher-link{border-color:#7893AF;color:#F2F7FC}
.repertoire-stamp{background:#B8D1F0;color:#24466B}
.repertoire-stamp i{color:#4674A6}
.song-card:hover{border-color:#8EAED2}
.song-symbol,.color-0{background:#D0E0F5;color:#24466B}
.color-1{background:#B8D1F0;color:#24466B}
.color-2{background:#E3EBF5;color:#24466B}
.primary,.chip.selected{background:#24466B;color:#fff;border-color:#24466B}
.primary:hover{background:#315B86}
.level,.teacher-note,.auth-icon{background:#D0E0F5;color:#24466B}
.print-hint{background:#D0E0F5}
#toast{background:#24466B}
[data-theme=dark]{--bg:#172434;--surface:#22354A;--text:#F2F6FA;--muted:#C2D0DE;--border:#3D5872;--purple:#C5DAF3;--soft:#344F6B;background:var(--bg);color:var(--text)}
[data-theme=dark] .sidebar{background:#112337}
[data-theme=dark] nav a.active{background:#B8D1F0;color:#1B3959}
[data-theme=dark] .primary,[data-theme=dark] .chip.selected{background:#B8D1F0;color:#1B3959;border-color:#B8D1F0}
[data-theme=dark] .primary:hover{background:#D0E0F5}
[data-theme=dark] .repertoire-stamp{background:#344F6B;color:#F2F6FA}
[data-theme=dark] .song-symbol,[data-theme=dark] .level,[data-theme=dark] .teacher-note,[data-theme=dark] .auth-icon{background:#344F6B;color:#E2EFFC}
@media(max-width:640px){.sidebar{background:#24466B}[data-theme=dark] .sidebar{background:#112337}}
@media print{body,:root,[data-theme=dark]{background:#fff!important;color:#000!important;--surface:#fff!important;--text:#000!important;--muted:#444!important;--purple:#000!important;--border:#ddd!important}}
/* O link do título cobre o card; os controles permanecem acima dele. */
.song-card{position:relative;isolation:isolate}
.song-card .song-title::after{content:"";position:absolute;inset:0;z-index:1;border-radius:13px;cursor:pointer}
.song-card .favorite,.song-card .card-bottom a{position:relative;z-index:2}
.song-card .song-title:focus-visible::after{outline:3px solid var(--purple);outline-offset:3px}
.brand{font-size:24px;letter-spacing:-1px;gap:7px}
.brand-icon{flex-shrink:0}
.footer{align-items:center;gap:20px;flex-wrap:wrap;line-height:1.7}
.footer strong{font-size:16px;color:var(--text)}
.footer p{max-width:470px;margin-top:5px}
.footer a,.legal-page a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.legal-page{max-width:850px;margin:0 auto}
.legal-page h1{font-size:36px;line-height:1.2}
.legal-intro{font-size:17px;color:var(--muted);margin-top:20px;line-height:1.8}
.legal-updated{font-size:12px;color:var(--muted);margin-top:16px}
.legal-page section{padding:26px 0;border-bottom:1px solid var(--border)}
.legal-page h2{font-size:22px;margin-bottom:14px}
.legal-page h3{font-size:17px;margin:22px 0 12px}
.legal-page section p{font-size:15px;line-height:1.85;margin-top:12px;overflow-wrap:anywhere}
@media(max-width:1150px) and (min-width:641px){.brand{font-size:20px;gap:5px}.brand-icon{width:30px}}
@media(max-width:640px){.brand{font-size:22px}.legal-page h1{font-size:30px}.footer{align-items:flex-start;flex-direction:column}.legal-page h2{font-size:20px}}
@media(max-width:360px){.brand{font-size:20px;gap:4px}.brand-icon{width:28px}.sidebar{padding-left:12px;padding-right:12px;gap:12px}.teacher-link{padding:8px 6px}}
/* Mais contraste entre acordes e letra nas telas menores. */
@media screen and (max-width:900px){
 .music .segment b{color:#175CC4;font-weight:900;-webkit-text-stroke:.2px currentColor}
 [data-theme=dark] .music .segment b{color:#76CAFF}
}