.interval-panel{background:var(--white);border:1px solid var(--line);border-radius:28px;padding:32px;margin:32px 0;scroll-margin-top:110px}.interval-panel [hidden]{display:none!important}.interval-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:30px 0}.interval-levels>div{padding:22px;border-radius:22px;background:#eee8f7}.interval-levels>div:nth-child(even){background:#f8e8da}.interval-levels span{font-size:1.5rem;color:var(--purple);font-weight:700}.interval-levels h2{font-size:1.15rem;margin:8px 0}.interval-levels p{font-size:.95rem;margin:0}.interval-settings,.interval-audio{display:flex;flex-wrap:wrap;gap:18px;align-items:end;margin-block:20px}.interval-settings label,.interval-note-fields label{display:grid;gap:8px;min-width:0}.interval-settings select{max-width:100%}.interval-audio{align-items:center;border-block:1px solid var(--line);padding-block:16px;font-size:.9rem}.interval-audio label{display:flex;align-items:center;gap:10px}.interval-audio input{width:110px;accent-color:var(--purple)}.interval-audio output{min-width:40px}.interval-muted{font-size:.9rem;color:var(--muted)}.interval-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}.interval-notation{background:#f7f4fb;padding:16px;border-radius:22px;text-align:center}.interval-notation .staff,.interval-solution .staff,.interval-example .staff{display:block;max-width:330px;width:100%;height:auto;margin-inline:auto;direction:ltr}.interval-note-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.interval-note-fields label:last-child{grid-column:1/-1}.interval-note-fields select{width:100%;min-width:0}.interval-panel fieldset{border:0;padding:0;margin:0 0 20px;min-width:0}.interval-panel legend{font-weight:700;margin-bottom:14px}.interval-feedback{min-height:30px;margin-block:24px 12px;font-weight:600}.interval-solution:not(:has([hidden])){margin-block:20px}.interval-solution>p{padding:18px;background:#f0f5ec;border-radius:16px}.interval-panel h3{font-size:1.4rem;margin-block:20px}.interval-panel :focus-visible{outline:3px solid var(--orange);outline-offset:4px}.interval-panel button:disabled{opacity:.5;cursor:not-allowed}.interval-panel .exercise-actions{gap:10px}.interval-panel #interval-next{margin-top:20px}#interval-guide{scroll-margin-top:110px}#interval-guide .interval-example{max-width:330px}#interval-guide details{margin-block:20px}#interval-summary{margin-top:24px}
@media(max-width:760px){.interval-levels{grid-template-columns:1fr 1fr;gap:10px}.interval-levels>div{padding:16px}.interval-panel{padding:24px 16px}.interval-workbench{grid-template-columns:1fr;gap:20px}.interval-settings{align-items:stretch;flex-direction:column}.interval-settings select{width:100%;min-width:0}.interval-note-fields{gap:12px}.interval-panel .exercise-actions>button{flex:1;min-width:120px}}
@media print{#interval-practice,.lesson-jumps,#interval-example-play,.interval-levels{display:none!important}#interval-guide{max-width:none}.interval-example{break-inside:avoid}#interval-guide details{display:none}}