.duration-app [hidden]{display:none!important}.duration-modes{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;padding:4px;gap:4px;background:#f1f4ee}.duration-modes button{border:0;border-radius:10px;padding:10px 18px;min-height:44px;background:transparent;color:var(--ink);font-weight:650}.duration-modes [aria-pressed=true]{background:var(--ink);color:white}.duration-reference{margin:22px 0;color:var(--muted);font-size:.95rem}.duration-reference strong{color:var(--ink)}.duration-round{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}
.duration-focus{display:flex;align-items:center;justify-content:center;gap:25px;max-width:720px;margin:26px auto 18px;text-align:left}.duration-glyph{width:150px;flex:0 0 150px;background:#f1f5e7;border-radius:20px;color:var(--ink)}.duration-glyph svg{display:block;width:100%;height:auto}.duration-focus .quiz-caption{margin:12px 0 0;line-height:1.6}.duration-focus h2{font-size:1.7rem}.duration-answers{grid-template-columns:repeat(4,minmax(0,1fr));max-width:600px}.duration-ruler{max-width:540px;margin:26px auto}.duration-bar{position:relative;height:28px;border:1px solid #748674;background:repeating-linear-gradient(90deg,#f7f9f8 0,#f7f9f8 calc(25% - 1px),#acb8aa calc(25% - 1px),#acb8aa 25%);overflow:hidden}.duration-bar span{display:block;height:100%;width:25%;background:#739a2d;border-right:2px solid #274315}.duration-ruler.is-rest .duration-bar span{background:repeating-linear-gradient(135deg,#dce4fa 0,#dce4fa 6px,#acbade 6px,#acbade 8px);border-right-color:var(--blue)}.duration-ticks{display:flex;justify-content:space-between;margin-top:5px;color:var(--muted);font-size:.875rem;font-variant-numeric:tabular-nums}.duration-ruler p{font-size:1rem;margin-top:12px}.duration-audio-help{max-width:650px;margin:16px auto 0;font-size:.875rem;line-height:1.6;color:var(--muted)}.duration-app .answer-feedback{margin:20px 0}.duration-app .status{min-height:1.6em;margin-top:14px;font-size:.95rem}
.duration-library{text-align:left;margin-top:32px;border-top:1px solid var(--line);padding-top:24px}.duration-library h3{font-size:1.15rem;margin-bottom:18px}.duration-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.duration-cards button{border:1px solid #9daf9f;border-radius:14px;min-height:145px;padding:12px 8px;background:#fff;color:var(--ink);display:flex;align-items:center;flex-direction:column;gap:6px}.duration-cards button[aria-pressed=true]{border:2px solid #405c28;background:#eef5dc;box-shadow:inset 0 -3px 0 #405c28}.duration-cards button:hover{background:#f1f5e7}.duration-cards svg{width:84px;height:72px;display:block}.duration-cards strong{font-size:.95rem;line-height:1.35}.duration-cards small{font-size:.875rem;color:var(--muted)}.duration-library-note{font-size:.875rem;line-height:1.65;color:var(--muted);margin-top:18px}.symbol-figuras-y-silencios{background:#e5eafb}
@media(max-width:680px){.duration-focus{gap:16px}.duration-glyph{width:108px;flex-basis:108px}.duration-focus h2{font-size:1.35rem}.duration-focus .quiz-caption{font-size:.95rem}.duration-answers{grid-template-columns:repeat(2,minmax(0,1fr))}.duration-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.duration-cards button{min-height:135px}.duration-app .quiz-top label{font-size:.875rem}.duration-app .quiz-top select{font-size:.9rem}.duration-app .practice-actions>.button{flex:1 1 180px}.duration-round{gap:14px}.duration-app .volume{flex-wrap:wrap}}
@media(max-width:370px){.duration-focus{flex-direction:column;text-align:center}}