:root{--fondo:#fff;--testo:#111;--barra:#1f3b2d;--barra-testo:#fff;--errore:#a40000;color:var(--testo);background:var(--fondo);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.4}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}.barra{z-index:10;background:var(--barra);color:var(--barra-testo);padding:calc(10px + env(safe-area-inset-top,0px)) 10px 10px 16px;align-items:center;gap:10px;display:flex;position:sticky;top:0}.titoli{flex:1;min-width:0}.pulsante.barra-pulsante{min-height:52px;color:var(--barra-testo);border-color:var(--barra-testo);background:0 0;flex:none;padding:0 10px;font-size:1.05rem}.barra h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.5rem;line-height:1.2;overflow:hidden}@media (width<=599px){.barra:has(#indietro:not([hidden])){padding-top:calc(8px + env(safe-area-inset-top,0px));flex-wrap:wrap;justify-content:space-between;row-gap:4px;padding-bottom:8px}.barra:has(#indietro:not([hidden])) .titoli{flex-basis:100%;order:3}.barra:has(#indietro:not([hidden])) h1{font-size:1.3rem}.barra:has(#indietro:not([hidden])) #autore{display:none}.barra:has(#indietro:not([hidden])) .barra-pulsante{min-height:48px}}.barra p{margin:2px 0 0;font-size:1rem}main{padding:8px 8px 24px}#schermata-brano{padding-bottom:calc(var(--altezza-comandi,150px) + 48px)}.schermata{max-width:560px;margin:0 auto;padding:8px}.schermata h2{margin:12px 0 16px;font-size:1.6rem}.modulo-codice{flex-direction:column;gap:12px;display:flex}.modulo-codice label{font-size:1.2rem;font-weight:700}.modulo-codice input{min-height:60px;font:inherit;border:3px solid #333;border-radius:10px;padding:0 14px;font-size:1.5rem}.modulo-codice input:focus{outline-offset:2px;outline:3px solid #e0a800}.pulsante.largo{width:100%;min-height:60px;font-size:1.3rem}.messaggio{min-height:1.4em;margin:0;font-size:1.15rem;font-weight:700}.messaggio.errore{color:var(--errore)}.nota{color:#444;margin-top:24px}.scelte.una-colonna{grid-template-columns:1fr}.scelta.grande{min-height:64px;font-size:1.35rem}.la-mia-voce{background:#f2f2f2;border:2px solid #ccc;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin:4px 0 16px;padding:12px;display:flex}.la-mia-voce p{margin:0;font-size:1.2rem}.elenco-brani{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.brano{width:100%;min-height:72px;font:inherit;text-align:left;color:var(--testo);cursor:pointer;background:#fff;border:2px solid #333;border-radius:12px;flex-direction:column;align-items:flex-start;padding:12px 16px;display:flex}.brano-titolo{font-size:1.5rem;font-weight:700}.brano-autore{color:#444;font-size:1.1rem}.finestra{width:100%;max-width:560px;height:100%;max-height:none;color:var(--testo);background:var(--fondo);border:none;margin:0 auto;padding:0}.finestra[open]{flex-direction:column;display:flex}.finestra::backdrop{background:#00000080}.finestra-contenuto{padding:calc(16px + env(safe-area-inset-top,0px)) 12px 16px;flex:1;overflow-y:auto}.finestra-contenuto h2{margin:0 0 4px;font-size:1.6rem}.finestra-piede{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:#f2f2f2;border-top:2px solid #999}.finestra-piede .pulsante{width:100%}.opzioni h3{margin:16px 0 8px;font-size:1.25rem}.scelte{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.scelte.quattro{grid-template-columns:repeat(4,1fr);gap:6px}.scelte.quattro .scelta{padding:0 4px}.scelte.due{grid-template-columns:repeat(2,1fr)}.scelta{min-height:52px;font:inherit;color:var(--testo);white-space:nowrap;cursor:pointer;background:#fff;border:2px solid #333;border-radius:10px;padding:0 10px;font-size:1.1rem;font-weight:700}.scelta:disabled{opacity:.5;cursor:default}#ascolto .scelta{padding:0 6px;font-size:1rem}.scelta[aria-pressed=true]{color:#fff;background:var(--barra);border-color:var(--barra)}.scelta[aria-pressed=true]:before{content:"✓ "}.interruttore{cursor:pointer;align-items:center;gap:12px;min-height:52px;margin-top:8px;font-size:1.15rem;font-weight:700;display:flex}.interruttore input{width:32px;height:32px;accent-color:var(--barra);flex:none;margin:0}.interruttore:has(input:disabled){opacity:.5;cursor:default}.stato{margin:0;padding:16px 8px;font-size:1.2rem}.stato.errore{color:var(--errore);font-weight:700}.spartito svg{width:100%;height:auto;display:block}.spartito.riga{overscroll-behavior-x:contain;overflow-x:auto}.spartito.riga svg{width:auto;max-width:none}.comandi{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:#f2f2f2;border-top:2px solid #999;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.pulsante{min-height:56px;font:inherit;color:var(--testo);white-space:nowrap;cursor:pointer;background:#fff;border:2px solid #333;border-radius:10px;padding:0 18px;font-size:1.15rem;font-weight:700}.pulsante.principale{color:#fff;background:var(--barra);border-color:var(--barra);flex:none;min-width:80px}.pulsante.icona{min-width:56px;padding:0 12px;font-size:1.4rem}#da-qui{font-size:1.15rem}.pulsante.principale.attivo{background:#8a4b00;border-color:#8a4b00}.pulsante:disabled{opacity:.5;cursor:default}.dove{flex-direction:column;flex:none;align-items:flex-end;line-height:1.25;display:flex}.battuta{white-space:nowrap;font-size:1.1rem;font-weight:700}.riga-posizione{flex:100%;align-items:center;gap:12px;display:flex}.tempo{font-variant-numeric:tabular-nums;font-size:1.1rem}.posizione{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:44px;margin:0}.posizione::-webkit-slider-runnable-track{background:#bbb;border-radius:5px;height:10px}.posizione::-webkit-slider-thumb{-webkit-appearance:none;background:var(--barra);width:32px;height:32px;box-shadow:0 0 0 2px var(--barra);border:3px solid #fff;border-radius:50%;margin-top:-11px}.posizione::-moz-range-track{background:#bbb;border-radius:5px;height:10px}.posizione::-moz-range-thumb{background:var(--barra);width:26px;height:26px;box-shadow:0 0 0 2px var(--barra);border:3px solid #fff;border-radius:50%}.posizione:disabled{opacity:.5}.suggerimento{color:#444;margin:0 4px 4px}.spartito g.suona{fill:#d40000;stroke:#d40000}.spartito.evidenzia g.staff:not(.mia){opacity:.4}.spartito .fascia{fill:#fff2b3;stroke:none}.spartito g.suona>g.verse:not(.canta){fill:#000;stroke:#000}.spartito g.verse.canta{font-weight:700}.spartito{cursor:pointer;scroll-margin-top:calc(var(--altezza-barra,80px) + 8px)}.pulsante.installa{white-space:normal;margin-top:28px}.nota-installa{margin:0 0 8px;font-size:1.15rem}.passi{margin:0;padding-left:1.6em;font-size:1.25rem}.passi li{margin:0 0 18px;padding-left:4px}.simbolo{vertical-align:middle;color:#0a5bd3;background:#f2f2f2;border:2px solid #ccc;border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:40px;margin:0 2px;padding:0 6px;font-size:1.5rem;font-weight:700;display:inline-flex}