.mu170-scene,.mu170-practice{--mu-ink:#20224b;--mu-purple:#6030a5;--mu-teal:#167c78;color:var(--mu-ink);text-align:left}.mu170-hero{border-radius:24px;overflow:hidden;background:#edf3ff;box-shadow:0 10px 28px #34205e14}.mu170-hero svg{display:block;width:100%;height:auto}.mu170-hero>div{padding:18px 24px}.mu170-hero span,.mu170-practice-head span{font-weight:800;font-size:.8rem;letter-spacing:.07em;color:#603b91}.mu170-hero h3{margin:8px 0;font-size:clamp(1.3rem,3vw,2rem)}.mu170-hero p{margin:0;line-height:1.6}.mu170-legend{list-style:none;display:flex;gap:10px;flex-wrap:wrap;padding:0;margin:18px 0}.mu170-legend li{padding:10px 14px;border:1px solid #ccc5e5;border-radius:14px;background:#fff}.mu170-legend b{padding:3px 8px;border-radius:7px;background:#623c9e;color:#fff}.mu170-score{margin:16px 0;padding:15px;background:linear-gradient(135deg,#f1f9f6,#eee8fc);border:1px solid #b9c9d0;border-radius:18px;min-width:0}.mu170-score-title{display:flex;gap:10px;justify-content:space-between;font-size:.95rem;margin-bottom:10px}.mu170-score-title span{color:#504771}.mu170-track>b{display:block;font-size:.86rem;margin:8px 0}.mu170-track ol{list-style:none;display:grid;grid-template-columns:repeat(var(--mu170-cells),minmax(0,1fr));gap:4px;padding:0!important;margin:6px 0 12px}.mu170-track li{display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;min-height:48px;min-width:0;border:2px solid #5d6993;border-radius:9px;font-weight:800;background:#fff;box-shadow:0 3px 0 #2c355314}.mu170-track li span{font-size:clamp(.8rem,2.2vw,1.3rem)}.mu170-track li small{font-weight:500;font-size:.65rem}.mu170-track .mu170-hit{background:#bcf0df;border-color:#397b69}.mu170-track .mu170-rest{background:#f4f0fb;border-color:#827493}.mu170-track .mu170-hold{background:#ffe5aa;border-color:#967234}.mu170-track .mu170-playing{outline:3px solid #7238b4;outline-offset:1px;box-shadow:0 0 0 5px #dec4f4;transform:translateY(-3px)}.mu170-audio{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.mu170-audio button{font-size:.96rem;min-height:44px;padding:10px 15px;border:1px solid #674197;border-radius:12px;background:#fff;color:#492375;font-weight:700;cursor:pointer}.mu170-audio button[data-mu170-play]{background:#66349d;color:#fff}.mu170-audio [role=status]{flex-basis:100%;font-size:.88rem;line-height:1.5;color:#544861}.mu170-note{font-size:.89rem;line-height:1.6}.mu170-practice-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:20px;background:linear-gradient(120deg,#e1f7ef,#eee4fc);border-radius:20px}.mu170-practice-head h3{margin:7px 0}.mu170-practice-head strong{white-space:nowrap;border-radius:14px;padding:10px;background:#fff}.mu170-summary{padding:12px 15px;background:#f5efff;border-left:4px solid #8652b5;border-radius:10px;line-height:1.6}.mu170-practice>ol{padding:0;list-style:none}.mu170-case{padding:20px;margin:18px 0;border:1px solid #d1c6df;border-radius:22px;background:#fff;box-shadow:0 5px 0 #44236908;overflow-wrap:anywhere}.mu170-case-tag{display:flex;align-items:center;gap:10px;color:#693a95;font-size:.79rem;font-weight:800;letter-spacing:.04em}.mu170-case-tag b{display:grid;place-items:center;width:33px;height:33px;background:#eee4ff;border-radius:11px;font-size:1rem}.mu170-source-text{padding:13px;border-radius:12px;background:#f5f7fd;line-height:1.7}.mu170-case h5{font-size:1.12rem;line-height:1.6;margin:14px 0}.mu170-case fieldset{border:0;padding:0;margin:0}.mu170-option{display:flex;align-items:flex-start;gap:12px;line-height:1.55;padding:13px 15px;margin:9px 0;border:1px solid #cbbcdc;border-radius:13px;cursor:pointer;background:#faf8ff}.mu170-option:has(input:checked){border-color:#7241a8;background:#f0e5fc}.mu170-option input{width:19px;height:19px;min-width:19px;margin-top:3px;accent-color:#6a3a98}.mu170-number{width:min(100%,170px);display:block;min-height:46px;font-size:1.1rem;border:2px solid #9775b6;border-radius:12px;padding:8px}.mu170-case details{margin:13px 0}.mu170-case summary{cursor:pointer;font-weight:700}.mu170-feedback{padding:12px 14px;border-radius:12px;background:#fff0d7;line-height:1.6}.mu170-case[data-mu170-status=correct] .mu170-feedback{background:#ddf7e8}.mu170-source{font-size:.84rem;color:#584579}.mu170-practice footer>button{display:block;width:100%;min-height:52px;padding:12px;border:0;border-radius:16px;background:linear-gradient(110deg,#6637a4,#3f737c);color:#fff;font-size:1.05rem;font-weight:800;cursor:pointer}.mu170-practice footer p{font-size:.87rem;line-height:1.6}.mu170-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.mu170-scene button:focus-visible,.mu170-practice button:focus-visible,.mu170-option:focus-within{outline:3px solid #c94c85;outline-offset:3px}@media(max-width:520px){.mu170-case{padding:14px}.mu170-practice-head{display:block}.mu170-practice-head strong{display:inline-block;margin-top:10px}.mu170-hero>div{padding:15px}.mu170-track ol{gap:2px}.mu170-track li{border-radius:5px;border-width:1px;min-height:42px}.mu170-track li span{font-size:.76rem}.mu170-track li small{font-size:.56rem}.mu170-score{padding:11px}}@media(prefers-reduced-motion:reduce){.mu170-playing{transform:none!important}}