#clinic{max-width:1100px;margin:0 auto;line-height:1.7}#clinic h1{font-size:clamp(32px,5vw,52px);margin-bottom:22px}#clinic h2{font-size:25px;line-height:1.3;margin:0 0 16px}#clinic h3{line-height:1.4}#clinic p{color:var(--muted)}#clinic a{color:var(--lime)}#clinic button,#clinic .clinic-button{display:inline-block;background:var(--lime);color:var(--bg);border:1px solid var(--lime);border-radius:7px;padding:10px 16px;cursor:pointer;font-weight:600;text-decoration:none}#clinic button:disabled{opacity:.6;cursor:wait}#clinic .secondary{background:transparent;color:var(--lime)}.clinic-card{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin:20px 0}.clinic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.clinic-grid .clinic-card{margin:0}.clinic-path{list-style:none;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:24px 0}.clinic-path a{display:block;height:100%;padding:12px;border:1px solid var(--line);border-radius:7px;font-size:13px;background:var(--panel);color:var(--text)!important}.clinic-path small{display:block;color:var(--lime)}.clinic-path .current{border-color:var(--lime);background:#233a28}.clinic-path .done::after{content:' ✓';color:var(--lime)}.clinic-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}.clinic-source{margin-top:32px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.clinic-source a{text-decoration:underline}.clinic-quiz fieldset{padding:20px;border:1px solid var(--line);border-radius:10px;margin:16px 0;min-width:0;background:var(--panel)}.clinic-quiz legend{padding:0 8px;font-weight:600;line-height:1.5}.clinic-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.clinic-options label{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;padding:11px;cursor:pointer;overflow-wrap:anywhere}.clinic-options label:has(input:checked){border-color:var(--lime);background:#243c28}.clinic-options input{accent-color:var(--lime);width:18px;height:18px;flex-shrink:0}.clinic-feedback{margin:12px 0 0!important;border-left:3px solid var(--lime);padding:8px 12px;background:#1b3428;color:var(--text)!important}.clinic-feedback[data-correct=false]{border-color:#f7cd82}.clinic-staff{max-width:300px;width:100%;height:115px;display:block;color:var(--text);margin:10px 0}.clinic-theory{width:100%;height:1150px;border:1px solid #658461;border-radius:10px;background:#eef4e9;display:block}.clinic-progress{color:var(--lime)!important;font-family:'Space Mono',monospace;font-size:12px}.clinic-form label{display:block;margin:16px 0 6px}.clinic-form input,.clinic-form select,.clinic-form textarea{background:#081816;color:var(--text);border:1px solid #658461;border-radius:6px;padding:12px;width:100%;font:inherit}.clinic-warning{color:#f7cd82!important}.clinic-score{font:700 34px 'Space Mono',monospace;color:var(--lime)!important}.clinic-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.clinic-topics div{border:1px solid var(--line);padding:12px;border-radius:7px}.clinic-topics strong{display:block;color:var(--lime)}.clinic-answer{padding:16px 0;border-bottom:1px solid var(--line)}.clinic-answer p{margin:5px 0}.clinic-table-wrap{overflow:auto}.clinic-table{width:100%;border-collapse:collapse;text-align:left}.clinic-table th,.clinic-table td{padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}.clinic-piano{position:relative;height:160px;width:min(100%,560px);margin:22px 0;touch-action:none;user-select:none}.clinic-key{position:absolute;top:0;height:100%;padding:0!important;border-radius:0 0 5px 5px!important;background:#eff5e8!important;border:1px solid #233d2b!important;color:#132b1f!important;display:flex!important;align-items:flex-end;justify-content:center;padding-bottom:12px!important;touch-action:none}.clinic-key.black{height:65%;background:#091716!important;color:#eff5e8!important;z-index:2}.clinic-key.active{background:#93d86d!important}.clinic-pattern{display:flex;flex-wrap:wrap;gap:7px}.clinic-pattern span{border:1px solid var(--line);padding:8px 12px;border-radius:5px}.clinic-pattern .half{border-color:var(--lime);color:var(--lime)}#clinic summary{cursor:pointer;color:var(--lime);font-weight:600}#clinic details{margin:20px 0}#clinic:empty{min-height:350px}@media(max-width:700px){.clinic-path{grid-template-columns:repeat(3,minmax(0,1fr))}.clinic-grid,.clinic-topics{grid-template-columns:1fr}.clinic-card{padding:18px}.clinic-options{grid-template-columns:1fr}.clinic-path a{padding:9px;font-size:12px}.clinic-theory{height:1500px}.clinic-piano{height:140px}#clinic button,#clinic .clinic-button{font-size:14px;padding:9px 13px}#clinic h1{letter-spacing:-1px}.clinic-quiz fieldset{padding:14px}.clinic-table td,.clinic-table th{padding:9px}}
#clinic .clinic-path{grid-template-columns:repeat(7,minmax(0,1fr))}#clinic .clinic-staff{color:#fff;height:auto;max-width:640px;width:100%}#clinic .clinic-value{max-width:200px;height:150px}#clinic .clinic-task-surface{padding:18px;border:1px solid #3e5d4d;border-radius:10px;background:#0a1d18;color:#fff;min-height:210px}#clinic .clinic-task-card h2{font-size:23px;line-height:1.5}.clinic-task-navigation{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}#clinic .clinic-task-navigation button{min-width:40px;min-height:42px;padding:6px}.clinic-task-navigation .answered{border-color:#d4f580!important;background:#1f3928!important}.clinic-task-navigation .current{outline:2px solid #d4f580;outline-offset:2px}.clinic-task-help{font-size:14px;line-height:1.6}.clinic-answer-status{color:#d4f580!important;overflow-wrap:anywhere}.clinic-acc-tools{display:flex;gap:10px;margin-bottom:12px}#clinic .clinic-acc-tools button{width:58px;padding:6px;color:#fff}#clinic .clinic-acc-tools [aria-pressed=true]{background:#234431;border-width:2px}.clinic-note-editor [data-step]{cursor:crosshair}.clinic-note-editor [data-step]:focus-visible{outline:none}.clinic-note-editor [data-step]:focus-visible rect{fill:#d4f58033}.clinic-edit-staff{overflow-x:auto;scrollbar-width:thin}.clinic-note-editor{min-width:420px}.clinic-rhythm-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}#clinic .clinic-rhythm-palette button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:84px;color:#fff;padding:8px}.clinic-rhythm-palette span{font-size:14px}.clinic-rhythm-answer{color:#fff;overflow:auto;min-height:130px}.clinic-rhythm-answer svg{min-width:300px}.clinic-direct-input{display:block;font-size:16px;max-width:440px}.clinic-direct-input input,.clinic-meter-input input{display:block;width:100%;margin-top:8px;font:inherit;padding:12px;color:#fff;background:#142b22;border:1px solid #78977b;border-radius:6px}.clinic-meter-input{display:grid;grid-template-columns:1fr 20px 1fr;gap:14px;align-items:end;max-width:430px}.clinic-meter-input>span{font-size:36px;line-height:1.4}.clinic-meter-input label{font-size:14px}#clinic .clinic-option-buttons{display:flex;gap:10px;flex-wrap:wrap}#clinic .clinic-option-buttons [aria-pressed=true]{background:#234431}.clinic-review-list{list-style:none;padding:0}.clinic-review-list li{display:grid;grid-template-columns:200px 1fr;gap:16px;margin-bottom:12px;align-items:center;overflow-wrap:anywhere}#clinic .clinic-test-piano{width:min(100%,760px);height:190px}#clinic .clinic-task-surface .clinic-test-piano{margin-top:16px}.clinic-pattern-answer{margin:18px 0}.clinic-pattern-answer button{min-width:40px;min-height:48px}.clinic-answer-preview{border-left:3px solid #d4f580;padding-left:14px}@media(max-width:700px){#clinic .clinic-path{grid-template-columns:repeat(3,minmax(0,1fr))}#clinic .clinic-task-surface{padding:12px}#clinic .clinic-task-card h2{font-size:20px}#clinic .clinic-test-piano{height:155px}.clinic-rhythm-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.clinic-review-list li{grid-template-columns:1fr;gap:6px}.clinic-meter-input{gap:8px}.clinic-pattern-answer{gap:5px}.clinic-pattern-answer button{min-width:30px;padding:7px!important}.clinic-task-navigation{gap:6px}}