.canti-player{border:1px solid #d6d6d6;border-radius:12px;padding:22px;margin:22px 0;background:#fcfcfb}.practice-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.practice-heading h3{font-weight:400;font-size:1.4rem;line-height:1.35;margin:4px 0 18px}.practice-heading>span{font-size:.8rem;color:#555}.practice-transport,.practice-options{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0}.practice-transport>button:first-child{background:#b72d2d;color:#fff;border-color:#b72d2d}.practice-transport label,.practice-options label{display:flex;gap:7px;align-items:center;font-size:.9rem}.practice-options input[type=range]{width:90px}.practice-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.practice-controls label{display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:#414141}.practice-controls input[type=number],.practice-controls select{width:100%;min-height:42px;padding:8px;border:1px solid #bbb;border-radius:5px;background:#fff;color:#111;font:inherit}.practice-controls input[type=range]{width:100%}.practice-controls output{font-variant-numeric:tabular-nums}.practice-warning{padding:12px 14px;border-left:3px solid #ab6d22;background:#fff5df;font-size:.9rem}.practice-register-settings{border-block:1px solid #ddd;padding:12px 0}.practice-register-settings summary{cursor:pointer;font-size:.9rem}.practice-current{display:flex;align-items:center;gap:20px;min-height:135px;border-top:1px solid #ddd;padding-top:10px}.practice-current>span{font-size:2rem;min-width:85px;font-weight:400}.practice-current>div{flex:1}.practice-current>div>span{display:block}.practice-current>div>span:last-child{font-size:.82rem;color:#555;margin-top:8px}.practice-current svg{width:105px;height:125px;flex:none}.practice-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:290px;overflow:auto;padding:5px;margin:14px -5px}.practice-bar{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:9px;border:1px solid #ddd;border-radius:7px;background:#f4f4f4;color:#555;gap:4px;min-height:95px;font-size:.72rem}.practice-bar.in-range{background:#fff;color:#171717;border-color:#aaa}.practice-bar[aria-current=true]{outline:2px solid #b72d2d;outline-offset:-2px;background:#fff0ed}.practice-bar-chord{font-size:1.25rem}.practice-bar-notes{font-size:.7rem;line-height:1.4;overflow-wrap:anywhere}.practice-explanation{line-height:1.65;margin-top:16px}.score-canvas{position:relative;min-width:100%;width:100%;line-height:0}.score-canvas img{width:100%;height:auto;display:block}.score-playhead{position:absolute;width:18px;height:18px;transform:translate(-50%,-50%);border:2px solid #b72d2d;border-radius:50%;background:#e8474738;pointer-events:none;box-shadow:0 0 0 3px #fff9}.canti-player button:disabled{opacity:.5;cursor:default}.canti-player :focus-visible{outline:3px solid #b72d2d;outline-offset:3px}.canti-player [hidden],.score-canvas [hidden]{display:none!important}input[type=range],input[type=checkbox]{accent-color:#b72d2d}@media(max-width:700px){.canti-player{padding:14px}.practice-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-heading{display:block}.practice-heading>span{display:block;margin-bottom:14px}.practice-bars{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-current{gap:10px}.practice-current>span{min-width:65px;font-size:1.6rem}}@media(max-width:400px){.practice-bars{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-controls{grid-template-columns:1fr 1fr}.practice-current svg{width:80px}}@media print{.canti-player,.score-playhead{display:none!important}.score-canvas{width:100%!important}.score-canvas img{max-height:none!important}}
.practice-transport label,.practice-options label{flex-direction:row}.practice-transport input[type=checkbox],.practice-options input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0;flex:none}.practice-options input[type=range]{min-height:24px;padding:0}

/* Same restrained typography and controls as Meine Lieder. */
.canti-player,.practice-controls input[type=number],.practice-controls select,.practice-bar{border-radius:0}.canti-player{background:#fff}.practice-transport>button:first-child{background:#161616;border-color:#161616}.canti-player :focus-visible{outline-color:#e84747}.canti-favorites{display:flex;align-items:center;gap:10px;font-size:14px}.canti-favorites input{width:20px;height:20px;min-height:20px}.canti-recording{margin:24px 0;padding:20px;border:1px solid #ccc}.canti-recording label{display:flex;flex-direction:column;gap:8px;margin:14px 0}.canti-recording input,.canti-recording select{font:inherit;width:100%;min-height:44px}.canti-recording audio{width:100%}#canti-practice,#canti-voice,#score-canvas{scroll-margin-top:20px}.canti-focused .canti-intro,.canti-focused .canti-tabs,.canti-focused .filters,.canti-focused .canti-favorites,.canti-focused #results,.canti-focused .repertoire-layout>aside,.canti-focused .unified-nav{display:none}.canti-focused .repertoire-layout{grid-template-columns:1fr}.canti-focused #score-detail{max-width:1100px;margin:auto}.canti-recording p{line-height:1.6}@media print{.canti-recording,.canti-favorites,#practice-availability{display:none!important}}
