.shadow-top{display:flex;gap:18px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.shadow-top label{display:grid;gap:8px;font-size:12px;color:var(--muted)}.shadow-top select{max-width:100%}.shadow-independent{padding:15px 20px;background:#fff2e5;color:#794724;border:1px solid #efc29b;border-radius:10px;font-size:13px;margin-bottom:22px}.shadow-stepper{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 23px;padding:0}.shadow-stepper li{padding:14px 12px;background:#f0f3ed;border:1px solid var(--line);border-radius:9px;display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}.shadow-stepper li span{font-weight:700}.shadow-stepper .active{background:#fff0e0;border-color:#daa071;color:#80451e;font-weight:600}.shadow-stepper .done{color:var(--green);background:#eaf4eb}.shadow-workspace{padding:28px}.shadow-stage-guide{color:#677f72;font-size:14px;margin:16px 0}.shadow-mic-prompt{font-size:13px;padding:13px 16px;border-left:3px solid #d49767;background:#fffbf3;margin:18px 0}.shadow-player{padding:20px;background:#f1f7f2;border:1px solid var(--line);border-radius:12px;margin:20px 0}.shadow-player-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shadow-player #shadow-status{font-size:12px;color:#607c6a;margin:14px 0 9px}.shadow-player progress{width:100%;height:7px;accent-color:var(--green)}.shadow-blind{padding:30px;text-align:center;border:1px dashed #d7e3d8;border-radius:12px;background:#fafcf7;margin:20px 0}.shadow-blind>span{font-size:32px;color:#d79b69}.shadow-blind h3{margin:10px 0}.shadow-blind p{font-size:13px;color:var(--muted)}.shadow-transcript{padding:20px;border:1px solid var(--line);border-radius:10px}.shadow-transcript h3{font-size:14px;margin-bottom:14px}.shadow-transcript p{font-size:18px;line-height:1.9;min-height:70px;overflow-wrap:anywhere}.shadow-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin:20px 0 12px}.shadow-match{color:#226142;background:#e9f5ec}.shadow-similar{color:#165c9c;background:#eaf3ff}.shadow-wrong{color:#a32e2e;background:#fff0ed}.shadow-legend>span{padding:7px 10px;border-radius:6px}.shadow-comparison{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.shadow-pair{display:grid;gap:7px;min-width:65px;padding:9px;border:1px solid currentColor;border-radius:7px;font-size:13px;overflow-wrap:anywhere}.shadow-pair>span{font-size:11px;opacity:.8}.shadow-pair strong{font-weight:600}.shadow-focus{margin-top:12px;padding:16px;background:#fafbf7;border:1px solid var(--line);border-radius:9px}.shadow-focus>strong{margin-left:12px}.shadow-focus p{font-size:13px;color:#6d7e70;margin:10px 0}.shadow-focus .btn{font-size:11px;padding:8px 12px}.shadow-original{margin-top:25px}.shadow-original>h3{margin-bottom:15px}.shadow-sentence{border-top:1px solid var(--line);padding:18px 0}.shadow-part{font-size:10px;color:#8b9d8d}.shadow-sentence p[lang=en]{font-size:19px;line-height:2.2;margin-top:9px}.shadow-sentence p.shadow-translation{font-size:12px;color:#809183;line-height:1.9;margin-top:8px}.shadow-karaoke [data-shadow-word]{border-radius:4px;padding:3px 1px;transition:background .08s}.shadow-karaoke [data-shadow-word].speaking{background:#ffcf8e;color:#64320e;outline:2px solid #d78c48}.shadow-privacy{font-size:11px;line-height:1.8;color:#849387;padding:18px 3px}.memory-training-area .btn{margin-top:auto}.memory-training-area p+.btn{margin-top:18px}.shadow-workspace .align-end{flex-wrap:wrap}@media(max-width:750px){.shadow-stepper{grid-template-columns:repeat(2,1fr)}.shadow-top{align-items:stretch}.shadow-top label:first-child{width:100%}.shadow-workspace{padding:20px}.shadow-workspace h2{font-size:19px}.shadow-player{padding:15px}.shadow-sentence p[lang=en]{font-size:17px}.shadow-top .tiny{width:100%}.shadow-transcript p{font-size:16px}}
