:root{--n-0:#fff;--n-50:#f7f7f6;--n-100:#f0f0ee;--n-200:#e7e7e5;--n-300:#dcdcd9;--n-500:#8a8a86;--n-600:#5f5f5b;--n-900:#191918;--n-950:#0b0b0b;--n-925:#161616;--n-875:#212120;--n-800:#2e2e2c;--n-400:#a3a39f;--n-100d:#ededeb;--blue-700:#1c46b5;--blue-300:#9db6ff;--red-700:#b3261e;--red-300:#ff8f86;--green-700:#1c7a4a;--green-300:#63d29c;--amber-700:#8a5a00;--amber-300:#f0b75c}:root,:root[data-theme=classic]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f7f6;--paper:#fff;--soft:#f0f0ee;--line:#dcdcd9;--ink:#111;--muted:#5c5c59;--lyric:#1c1c1c;--chord:#000;--accent:#111;--accent-ink:#fff;--ok:#1c7a4a;--warn:#8a5a00;--bad:#b3261e;--shadow-sm:0 1px 2px #00000024;--shadow:0 1px 2px #0000000d,0 6px 20px #0000000d;--shadow-pop:0 8px 28px #0000002e;--scrim:#00000073}:root[data-theme=coffee]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e6d9c0;--paper:#f4ecda;--soft:#eadfc6;--line:#cfbd9a;--ink:#33200f;--muted:#7a5f48;--lyric:#3b2616;--chord:#8a3f12;--accent:#5a3418;--accent-ink:#f8f0de;--ok:#2f6b3a;--warn:#8a5a00;--bad:#a02a1a;--shadow-sm:0 1px 2px #33200f33;--shadow:0 1px 2px #33200f14,0 6px 20px #33200f1a;--shadow-pop:0 8px 28px #33200f47;--scrim:#33200f80}:root[data-theme=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070d1c;--paper:#0e1a33;--soft:#16264a;--line:#25386a;--ink:#f5e6a8;--muted:#a9b0c4;--lyric:#f1e3b0;--chord:#ffc933;--accent:#ffc933;--accent-ink:#0b1630;--ok:#63d29c;--warn:#f0b75c;--bad:#ff8f86;--shadow-sm:0 1px 2px #00000080;--shadow:0 1px 2px #00000080;--shadow-pop:0 8px 28px #0009;--scrim:#000000a6}:root[data-theme=navidad]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#edf2ec;--paper:#fffdf8;--soft:#f1ecdf;--line:#d3d9cb;--ink:#14301f;--muted:#566a5c;--lyric:#1b3a28;--chord:#b3202a;--accent:#146b3a;--accent-ink:#fff;--ok:#1c7a4a;--warn:#8a5a00;--bad:#a3141f;--shadow-sm:0 1px 2px #14301f29;--shadow:0 1px 2px #14301f0f,0 6px 20px #14301f12;--shadow-pop:0 8px 28px #14301f38;--scrim:#0e261880}:root{--ui:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--serif:"Literata",Georgia,"Times New Roman",serif;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:19px;--fs-xl:clamp(26px,6vw,34px);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:22px;--sp-6:32px;--sp-7:48px;--r-sm:8px;--r:10px;--r-lg:12px;--r-xl:16px;--r-pill:99px;--tap:44px;--w-narrow:460px;--w-page:760px;--w-wide:1080px;--w-shell:1180px;--rail:320px;--mark:#d92d20;--mark-ink:#fff;--z-toolbar:10;--z-hint:20;--z-tabbar:30;--z-topbar:40;--z-toast:50}
:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px);-webkit-text-size-adjust:100%}[hidden]{display:none!important}body{background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input,textarea,select,label{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}h1,h2,h3,p,ol,ul{margin:0}.only-desktop{display:none!important}@media (min-width:960px){.only-desktop{display:revert!important}}.hint{color:var(--muted);font-size:14px}.back a{color:var(--muted);font-size:14px;text-decoration:none}.topbar{z-index:var(--z-topbar);background:var(--paper);border-bottom:1px solid var(--line);position:relative}.topbar-in{align-items:center;gap:20px;max-width:1180px;min-height:56px;margin:0 auto;padding:0 14px;display:flex}.brand-link{font:600 19px/1 var(--ui);letter-spacing:-.01em;color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.logo{flex:none;display:block}.nav-wrap{flex:1}.nav{gap:2px;display:flex}.nav a{color:var(--muted);font:500 15px/1.2 var(--ui);border-radius:8px;padding:8px 12px;text-decoration:none}.nav a:hover{background:var(--soft);color:var(--ink)}.nav a[aria-current=page]{color:var(--ink);background:var(--soft);font-weight:600}.topbar-end{align-items:center;gap:6px;margin-left:auto;display:flex}.who{border-radius:var(--r-pill);border:1px solid var(--line);height:30px;color:var(--muted);font:500 13px var(--ui);align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.who:hover{background:var(--soft);color:var(--ink)}.icon-btn{width:44px;height:44px;color:var(--ink);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--soft)}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.shell{max-width:1180px;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px));margin:0 auto}.tabbar{z-index:var(--z-tabbar);grid-template-columns:repeat(var(--tabs,2),1fr);background:var(--paper);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--muted);font:500 12px/1 var(--ui);flex-direction:column;align-items:center;gap:4px;padding:9px 4px 8px;text-decoration:none;display:flex;position:relative}.tabbar a svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.tabbar a[aria-current=page]{color:var(--accent);font-weight:600}.tabbar a[aria-current=page]:before{content:"";background:var(--accent);border-radius:0 0 2px 2px;height:2px;position:absolute;top:-1px;left:32%;right:32%}@media (min-width:960px){.tabbar{display:none}.shell{padding-bottom:40px}}.page{max-width:760px;margin:0 auto;padding:22px 18px 24px}.page.wide{max-width:1080px}.page.narrow{max-width:460px}.page-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.h1{font:600 clamp(26px,6vw,34px)/1.15 var(--ui);letter-spacing:-.02em;margin:0 0 14px}.page-head .h1{margin:0}.h2{font:600 19px/1.25 var(--ui);letter-spacing:-.01em;margin:30px 0 12px}.empty{text-align:center;color:var(--muted);padding:56px 20px}.btn{border-radius:var(--r);border:1px solid var(--line);background:var(--paper);height:44px;color:var(--ink);font:500 15px var(--ui);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 18px;text-decoration:none;display:inline-flex}.btn:hover{background:var(--soft)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}.btn.primary:hover{filter:brightness(1.08)}.btn.sm{height:38px;padding:0 14px;font-size:14px}.btn.danger{color:var(--bad)}.btn:active{transform:translateY(1px)}.btn:disabled,.mini:disabled{opacity:.5;cursor:default}.row{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--r-pill);border:1px solid var(--line);height:26px;font:500 13px var(--ui);color:var(--muted);background:0 0;align-items:center;padding:0 10px;display:inline-flex}button.chip{cursor:pointer}button.chip:hover{background:var(--soft);color:var(--ink)}.chip.key{height:auto;font:600 15px var(--mono);color:var(--ink);border:0;padding:0}.dot{font:500 13px var(--ui);color:var(--muted);align-items:center;gap:6px;font-style:normal;display:inline-flex}.dot:before{content:"";background:var(--warn);border-radius:50%;width:7px;height:7px}.dot.published:before{background:var(--ok)}.seg{background:var(--soft);border-radius:var(--r);gap:2px;padding:3px;display:inline-flex}.seg button,.seg a{height:32px;font:500 13px var(--ui);color:var(--muted);background:0 0;border:0;border-radius:8px;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.seg button.on,.seg button[aria-selected=true],.seg button[aria-pressed=true],.seg a.on,.seg a[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-sm);font-weight:600}.note{border-left:3px solid var(--ok);background:var(--soft);border-radius:0 8px 8px 0;margin:0 0 14px;padding:10px 12px;font-size:14px}.note.warn{border-color:var(--warn)}.note ul{margin:6px 0 0;padding-left:18px}.form{gap:14px;margin:16px 0;display:grid}.form label,.fields label{font:500 13px var(--ui);color:var(--muted);display:block}.form input,.form select,.fields input,.fields select,.inline input,.inline select{border:1px solid var(--line);background:var(--paper);border-radius:var(--r);width:100%;height:44px;color:var(--ink);margin-top:4px;padding:0 12px;display:block}.inline{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.inline input,.inline select{flex:160px;width:auto;min-width:0;margin:0}.inline .check{color:var(--ink);align-items:center;gap:6px;height:44px;padding:0 4px;font-size:14px;display:flex}.inline .check input{flex:none;width:18px;height:18px;margin:0}.mini{border:1px solid var(--line);background:var(--paper);min-width:36px;height:36px;font:500 14px var(--ui);color:var(--ink);border-radius:8px;padding:0 10px}.mini:hover{background:var(--soft)}.mini.danger{color:var(--bad)}select.mini{width:auto}.searchbar{margin-bottom:12px;position:relative}.searchbar svg{fill:none;width:18px;height:18px;stroke:var(--muted);stroke-width:1.8px;stroke-linecap:round;margin-top:-9px;position:absolute;top:50%;left:14px}.searchbar input{border:1px solid var(--line);background:var(--bg);width:100%;height:46px;color:var(--ink);border-radius:12px;padding:0 14px 0 42px}.searchbar input:focus{background:var(--paper)}.filters{gap:18px;display:flex}.filters a{font:500 14px var(--ui);color:var(--muted);border-bottom:2px solid #0000;padding:8px 0;text-decoration:none}.filters a.on{color:var(--ink);border-color:var(--accent);font-weight:600}.lib-tools{justify-content:space-between;align-items:center;margin:2px 0 8px}.lib-sort{margin-left:auto}.list{border-top:1px solid var(--line)}.song{border-bottom:1px solid var(--line);color:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:15px 8px 15px 6px;text-decoration:none;display:flex}.song:hover{background:var(--soft)}.song b{font:600 17px/1.3 var(--ui);display:block}.song small{color:var(--muted);margin-top:1px;font-size:14px;display:block}.song .side{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.setlist{border-top:1px solid var(--line);margin:18px 0;padding:0;list-style:none}.entry{border-bottom:1px solid var(--line);grid-template-columns:30px 1fr;gap:6px 10px;padding:14px 4px;display:grid}.num{font:600 15px/1.5 var(--mono);color:var(--muted);padding-top:1px}.entry-main{color:var(--ink);justify-content:space-between;align-items:center;gap:12px;text-decoration:none;display:flex}.entry-main b{font:600 17px/1.3 var(--ui);display:block}.entry-main small{color:var(--muted);font-size:14px;display:block}.entry .ctl{flex-wrap:wrap;grid-column:2;align-items:center;gap:6px;display:flex}.entry .ctl form{gap:4px;margin:0;display:inline-flex}.login{text-align:left;padding-top:56px}.login .logo{margin-bottom:14px}.roles{gap:10px;margin-top:22px;display:grid}.roles form{margin:0}.role{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:12px;width:100%;padding:16px 18px;display:block;position:relative}.role:hover{background:var(--soft)}.role b{font:600 17px var(--ui);display:block}.role span{color:var(--muted);margin-top:2px;font-size:14px;display:block}.role[aria-current=true]{border-color:var(--accent)}.role[aria-current=true]:after{content:"Actual";font:600 12px var(--ui);color:var(--accent);position:absolute;top:16px;right:18px}.split-main{min-width:0}.rail{display:none}@media (min-width:1280px){.split{grid-template-columns:320px minmax(0,1fr);display:grid}.rail{border-right:1px solid var(--line);background:var(--bg);height:100vh;display:block;position:sticky;top:0;overflow:auto}.r-head .back-link{display:none}}.rail-in{padding:14px 10px 24px}.rail-q{border:1px solid var(--line);background:var(--paper);width:100%;height:42px;color:var(--ink);border-radius:10px;margin-bottom:10px;padding:0 12px}.rail-item{color:var(--ink);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;text-decoration:none;display:flex}.rail-item b{font:500 15px/1.3 var(--ui);display:block}.rail-item .dot{margin-top:2px;display:block}.rail-item:hover{background:var(--soft)}.rail-item[aria-current=page]{background:var(--paper);box-shadow:inset 3px 0 0 var(--accent)}.rail-item[aria-current=page] b{font-weight:600}.reader{max-width:1180px;margin:0 auto}.r-head{grid-template-columns:1fr auto;align-items:start;gap:2px 12px;padding:14px 20px 4px;display:grid}.r-head .back-link{color:var(--muted);font:500 14px var(--ui);grid-column:1/-1;justify-self:start;padding:8px 0;text-decoration:none}.r-head h1{font:600 clamp(24px,6.4vw,36px)/1.15 var(--ui);letter-spacing:-.02em}.r-head p{color:var(--muted);margin-top:4px}.meta{flex-wrap:wrap;align-items:center;gap:8px 12px;padding:6px 20px 14px;display:flex}.toolbar{top:env(safe-area-inset-top,0px);z-index:var(--z-toolbar);background:var(--paper);background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:8px 12px;transition:transform .2s;display:flex;position:sticky}.toolbar.away{transform:translateY(-110%)}.toolbar button{min-width:44px;height:44px;font:500 20px var(--ui);color:var(--ink);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.toolbar button:hover{background:var(--soft)}.toolbar button svg{fill:currentColor;width:20px;height:20px}.grp{align-items:center;gap:2px;display:flex}.grp.step{background:var(--soft);border-radius:12px;padding:2px}.grp.step button:hover{background:var(--paper)}#trKey{min-width:60px;font:600 19px var(--mono);color:var(--accent)}.grp button.fs{font-size:15px;font-weight:600}.more{flex-basis:100%;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 24px;padding:10px 0 6px;display:grid}.mrow{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.mrow .val{text-align:center;min-width:26px;color:var(--ink);font:600 15px var(--mono)}.mrow .grp button{background:var(--soft);min-width:40px;height:40px}.mrow .seg button{background:0 0;min-width:40px;height:32px;font-size:13px}.mrow .seg button[aria-pressed=true]{background:var(--paper)}@media (min-width:960px){.toolbar{justify-content:flex-start;gap:16px}}.reader.stage{cursor:default}.reader.stage .r-head,.reader.stage .meta,.reader.stage .toolbar{display:none}.stage-hint{left:50%;top:calc(14px + env(safe-area-inset-top,0px));z-index:var(--z-hint);background:var(--ink);color:var(--paper);border-radius:var(--r-pill);font:500 13px var(--ui);pointer-events:none;white-space:nowrap;margin:0;padding:8px 16px;position:fixed;transform:translate(-50%)}.simwrap{width:100%;margin:0 auto;padding:10px 0 72px;container-type:inline-size}.sheet{font:400 var(--fs,20px)/1.45 var(--serif);color:var(--lyric);padding:10px 22px 24px}.sheet.cols-1{max-width:760px;margin-inline:auto}.sheet.cols-2{column-count:2;column-rule:1px solid var(--line);column-gap:3rem}@media (min-height:600px){@container (min-width:880px){.sheet.cols-auto{column-count:2;column-rule:1px solid var(--line);column-gap:3rem}}}.sec{margin:0 0 1.7em}.sec.chorus{border-left:2px solid var(--accent);margin-left:-.75em;padding-left:.75em}.sec-h{font:600 .7em/1 var(--ui);color:var(--muted);break-after:avoid;margin:0 0 .9em}.ln{break-inside:avoid;flex-wrap:wrap;align-items:flex-end;margin:0 0 .5em;display:flex}.wd{white-space:nowrap;align-items:flex-end;display:flex}.pc{flex-direction:column;justify-content:flex-end;display:flex}.ch{font:600 .78em/1.45 var(--mono);color:var(--chord);white-space:pre;min-height:1.45em;padding-right:.45em}.ch:empty{display:none}.tx{white-space:pre;min-height:1.45em}.ln.nc .ch{display:none}.ln.co{gap:.1em 1.15em;margin-bottom:.6em}.ln.co .ch{min-height:0;padding:0;font-size:.9em}.ch.bad{color:var(--bad);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.gap{height:.7em}.ed-grid{gap:22px;display:grid}.tabs-m{margin-bottom:14px}.fields{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.fields .wide{grid-column:1/-1}#raw{resize:vertical;border:1px solid var(--line);background:var(--bg);border-radius:var(--r);width:100%;min-height:320px;font:500 13px/1.55 var(--mono);white-space:pre;tab-size:4;color:var(--ink);margin-top:6px;padding:12px;overflow:auto}.ed-save{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.report .bads{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.report .bads span{font:600 13px var(--mono);color:var(--bad);border:1px solid var(--bad);border-radius:6px;padding:1px 6px}.mono-pre{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);font:500 12.5px/1.55 var(--mono);max-height:260px;margin:6px 0 0;padding:12px;overflow:auto}details{font-size:14px}summary{cursor:pointer;padding:6px 0;font-weight:500}.pv-h{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.pv-h b{font:600 15px var(--ui)}.preview .sheet{border-top:1px solid var(--line);padding:16px 4px 20px}@media (max-width:899px){.ed-grid[data-tab=edit] .preview,.ed-grid[data-tab=pv] .source{display:none}}@media (min-width:900px){.tabs-m{display:none}.ed-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:36px}.preview{position:sticky;top:12px}}.ds-swatches{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.ds-sw{border:1px solid var(--line);border-radius:10px;font-size:13px;overflow:hidden}.ds-sw i{border-bottom:1px solid var(--line);height:44px;display:block}.ds-sw span{color:var(--muted);font-family:var(--mono);padding:6px 10px;display:block}.ds-type{gap:14px;display:grid}.ds-frames{scroll-snap-type:x proximity;align-items:flex-start;gap:22px;padding:6px 2px 18px;display:flex;overflow-x:auto}.ds-frame{scroll-snap-align:start;flex:none}.ds-frame>small{font:600 13px var(--mono);color:var(--muted);margin:0 0 8px;display:block}.ds-screen{border:2px solid var(--ink);background:var(--paper);border-radius:26px;overflow:hidden;container-type:inline-size}.ds-screen .sheet{padding:18px 20px 22px}.skel{gap:14px;padding:26px 22px;display:grid}.skel i{background:linear-gradient(90deg,var(--soft),var(--line),var(--soft));background-size:200% 100%;border-radius:6px;height:18px;animation:1.4s ease-in-out infinite sh;display:block}.skel i:nth-child(3n){width:70%}.skel i:nth-child(4n+1){width:88%}@keyframes sh{0%{background-position:200% 0}to{background-position:-200% 0}}#toast{left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:var(--z-toast);background:var(--ink);color:var(--paper);font:500 14px var(--ui);border-radius:10px;max-width:90vw;padding:10px 16px;position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (hover:none){.song:hover,.rail-item:hover,.nav a:hover,.icon-btn:hover,.toolbar button:hover,.who:hover{background:0 0}.btn:hover,.mini:hover,.role:hover{background:var(--paper)}.btn.primary:hover{filter:none;background:var(--accent)}}@media (max-width:359px){.toolbar{gap:2px;padding:8px}.toolbar button{min-width:38px;height:42px;padding:0 4px}#trKey{min-width:46px;font-size:17px}.grp button.fs{font-size:14px}.r-head,.meta,.sheet{padding-left:16px;padding-right:16px}}@media (min-width:700px){.r-head h1{font-size:30px}.r-head{padding:10px 24px 2px}.meta{padding:4px 24px 12px}.r-head .back-link{padding:4px 0}}@media (max-height:520px) and (orientation:landscape){.r-head{grid-template-columns:auto 1fr auto;align-items:center;gap:0 16px;padding:6px 16px 2px}.r-head .back-link{grid-column:auto;padding:6px 0}.r-head h1{font-size:20px}.r-head p,.meta{display:none}.toolbar{padding:4px 12px}.toolbar button{height:40px}.sheet{padding-top:14px}}.shell>.page{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:12px;margin-bottom:12px}.simwrap{background:var(--paper);border-block:1px solid var(--line);margin-top:6px}.r-head,.meta{background:0 0}@media (min-width:720px){.shell>.page{border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow);margin:20px auto;padding:28px 32px 30px}.shell>.page.narrow{padding:32px}.simwrap{border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow);width:calc(100% - 40px);margin:6px auto 28px;padding-bottom:40px}}.rail{border-right:1px solid var(--line)}.ds-h3{font:600 15px var(--ui);margin:18px 0 8px}.ds-h3 small{color:var(--muted);margin-left:8px;font-weight:400}.ds-scale{gap:6px;display:grid}.ds-row{font:500 13px var(--mono);color:var(--muted);align-items:center;gap:12px;display:flex}.ds-row span{width:80px}.ds-shadows .ds-sw{background:var(--bg)}.sw{border:1px solid var(--line);border-radius:50%;flex:none;width:22px;height:22px;display:block}.sw-classic{background:linear-gradient(135deg,#fff 50%,#111 50%)}.sw-coffee{background:linear-gradient(135deg,#e6d9c0 50%,#5a3418 50%)}.sw-night{background:linear-gradient(135deg,#0e1a33 50%,#ffc933 50%)}.sw-navidad{background:linear-gradient(135deg,#146b3a 50%,#b3202a 50%)}.theme-menu{position:relative}.menu{z-index:var(--z-topbar);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);min-width:230px;box-shadow:var(--shadow-pop);padding:6px;position:absolute;top:calc(100% + 6px);right:0}.menu-item{width:100%;min-height:var(--tap);border-radius:var(--r);text-align:left;color:var(--ink);background:0 0;border:0;align-items:center;gap:12px;padding:6px 10px;display:flex}.menu-item:hover{background:var(--soft)}.menu-item b{font:600 15px var(--ui);display:block}.menu-item small{color:var(--muted);font-size:13px;display:block}.menu-item[aria-pressed=true]{background:var(--soft);box-shadow:inset 3px 0 0 var(--accent)}.tip{margin-left:auto}@media (max-height:520px) and (orientation:landscape){.tip{display:none}}button.ch{text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:4px;margin:-.18em 0;padding:.18em .45em .18em 0}button.ch:hover{text-underline-offset:.15em;text-decoration:underline}.ln.co button.ch{padding:.18em 0}.chord-dialog{background:var(--paper);color:var(--ink);width:100%;max-width:440px;max-height:90vh;box-shadow:var(--shadow-pop);border:0;border-radius:18px 18px 0 0;margin:auto auto 0;padding:0;overflow:auto}.chord-dialog::backdrop{background:var(--scrim)}@media (min-width:700px){.chord-dialog{border-radius:18px;margin:auto}}.cc{padding:16px 18px calc(22px + env(safe-area-inset-bottom,0px))}.cc-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.cc-name{font:700 36px/1.1 var(--mono);color:var(--chord);margin:0}.cc-notes{color:var(--muted);font:500 14px var(--mono);margin-top:4px}.cc-tabs{width:100%;display:flex}.cc-tabs button{flex:1;height:38px;font-size:14px}.cc-diagram{color:var(--ink);justify-content:center;padding:16px 0 6px;display:flex}.cc-diagram svg{width:100%;max-width:250px;height:auto;display:block}.cc-piano svg{max-width:100%}.cc-nav{justify-content:center;align-items:center;gap:12px;margin-top:6px;display:flex}.cc-capo{text-align:center;margin-top:14px}.r-actions{justify-self:end;align-items:center;gap:6px;display:flex}.fav-btn svg{width:22px;height:22px}.fav-btn[aria-pressed=true]{color:var(--mark)}.fav-mark{color:var(--mark);font-weight:400}.ch.rep{color:var(--muted);font-weight:500}.magic-label{font:600 14px var(--ui);margin:14px 0 6px;display:block}.paste{resize:vertical;border:1px solid var(--line);background:var(--bg);border-radius:var(--r);width:100%;min-height:220px;font:500 13px/1.55 var(--mono);white-space:pre;tab-size:4;color:var(--ink);padding:12px;display:block;overflow:auto}.magic-tools{flex-wrap:wrap;gap:8px;margin:10px 0 4px}.verdict{border:1px solid var(--line);border-radius:var(--r);background:var(--soft);border-left-width:4px;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:18px 0 10px;padding:12px 14px;display:flex}.verdict b{font:600 18px var(--ui)}.verdict .score{font:600 16px var(--mono)}.verdict.good{border-left-color:var(--ok)}.verdict.good b,.verdict.good .score{color:var(--ok)}.verdict.review{border-left-color:var(--warn)}.verdict.review b,.verdict.review .score{color:var(--warn)}.verdict.poor{border-left-color:var(--bad)}.verdict.poor b,.verdict.poor .score{color:var(--bad)}.mstats{flex-wrap:wrap;gap:6px;margin-bottom:8px}.chip.bad{color:var(--bad);border-color:var(--bad)}.mnotes{color:var(--muted);margin:6px 0 14px;padding-left:20px;font-size:14px}.mnotes li{margin:3px 0}.magic-h{margin-top:22px}.magic-preview{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);max-height:420px;margin:8px 0 16px;overflow:auto}.versions{flex-wrap:wrap;align-items:center;gap:6px 8px;padding:0 20px 4px;display:flex}.versions .chip{text-decoration:none}.versions .chip[aria-current=page]{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}.ver{color:var(--muted);font-weight:400}