:root{--marca-1: #F0526A;--marca-2: #2ECC80;--bg: #1a1a1a;--bg2: #212121;--bg3: #2a2a2a;--text: #F0EEE8;--muted: #8f8f8f;--radius: 12px;--radius-sm: 6px;--font: "Courier New", Courier, monospace}@media (prefers-color-scheme: light){:root{--marca-1: #900030;--marca-2: #0E7A45;--bg: #F2F0EA;--bg2: #E9E6DE;--bg3: #DEDAD0;--text: #161A17;--muted: #5d5d58}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--marca-2);outline-offset:2px}.cabecera,main{max-width:760px;margin:0 auto;padding-left:16px;padding-right:16px}.cabecera{display:flex;justify-content:space-between;align-items:baseline;padding-top:20px;padding-bottom:12px;border-bottom:1px solid var(--bg3)}.marca,.volver{font-size:1.15rem;font-weight:700;color:var(--marca-2);letter-spacing:.02em}.volver:hover{color:var(--marca-1)}.portfolio{font-size:.8rem;color:var(--muted)}.portfolio:hover{color:var(--text)}main{padding-top:24px;padding-bottom:64px}.intro{color:var(--muted);margin:0 0 16px}.buscador{width:100%;padding:12px 14px;margin-bottom:20px;background:var(--bg2);color:var(--text);border:1px solid var(--bg3);border-radius:var(--radius-sm);font:inherit}.buscador::placeholder{color:var(--muted)}.lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}.lista a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:baseline;padding:14px 16px;background:var(--bg2);border:1px solid var(--bg3);border-radius:var(--radius);transition:border-color .15s ease}.lista a:hover{border-color:var(--marca-2)}.lista .titulo{font-weight:700}.lista .artista{grid-column:1;color:var(--muted);font-size:.85rem}.lista .tono{grid-column:2;grid-row:1 / span 2;align-self:center;padding:2px 10px;border:1px solid var(--marca-1);border-radius:999px;color:var(--marca-1);font-size:.85rem;font-weight:700}.vacio{color:var(--muted)}.cancion-titulo{margin:0;font-size:clamp(1.5rem,5vw,2rem)}.cancion-artista{margin:4px 0 20px;color:var(--muted)}.tono-panel{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;margin-bottom:28px;background:var(--bg2);border:1px solid var(--bg3);border-radius:var(--radius);position:sticky;top:8px;z-index:1}.tono-panel button{min-width:40px;height:40px;padding:0 12px;background:var(--bg3);border:1px solid transparent;border-radius:var(--radius-sm);font-weight:700;font-size:1.1rem}.tono-panel button:hover{border-color:var(--marca-2)}.tono-panel .reset{font-size:.8rem;font-weight:400;margin-left:auto;color:var(--marca-1)}.tono-actual strong{color:var(--marca-1);font-size:1.1rem}.tono-actual em{color:var(--muted);font-style:normal;font-size:.85rem}.bloque{margin-bottom:24px}.seccion{margin:0 0 8px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--marca-2)}.linea{margin:0 0 6px;white-space:pre-wrap;font-size:1rem}.tramo{display:inline-flex;flex-direction:column;vertical-align:bottom}.acorde{color:var(--marca-1);font-weight:700;font-size:.95rem;padding-right:6px}.texto{white-space:pre}@media (max-width: 480px){.linea{font-size:.92rem}}@media print{:root{--bg: #fff;--bg2: #fff;--bg3: #ccc;--text: #000;--marca-1: #900030;--marca-2: #000}.cabecera,.tono-panel{display:none}}