.recall-independent{background:#fff5e9;border:1px solid #f1d7b9;padding:18px 22px;border-radius:14px;color:#835c3b;line-height:1.9;margin-bottom:22px}.recall-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}.recall-toolbar label{display:grid;gap:8px;font-size:13px;color:var(--muted)}.recall-toolbar select{max-width:100%;border:1px solid var(--line);border-radius:9px;padding:12px;background:#fff;color:var(--ink)}.recall-mode{display:flex;gap:9px;flex-wrap:wrap}.recall-mode button{padding:13px 19px;border:1px solid #e9c9aa;border-radius:10px;background:white;color:#886040;min-height:46px}.recall-mode button[aria-pressed=true]{background:#a66d42;color:#fff;border-color:#a66d42}.recall-player{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;background:#e9f4ed;padding:27px;border-radius:17px;margin-bottom:22px;border:1px solid #d7e7dc}.recall-player h2{font-size:23px;margin:10px 0 6px}.recall-player p{color:#648574}.recall-player-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.recall-player progress{width:100%;height:9px;accent-color:var(--green)}.recall-player #recall-audio-status{flex-basis:100%;font-size:14px}.recall-covered{text-align:center;padding:38px 16px 46px;color:#789086}.recall-covered>span{display:grid;place-items:center;margin:0 auto 20px;width:88px;height:88px;border-radius:50%;background:#f5e9d7;color:#af8153;font-size:42px}.recall-covered h2{color:var(--ink);margin-bottom:14px}.recall-workspace>.align-end p{color:var(--muted);font-size:14px;margin-top:9px}.recall-picture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:25px 0}.recall-picture{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:13px;padding:13px 13px 17px;border:2px solid #e6ece7;background:white;border-radius:16px;text-align:center;color:var(--ink);font-size:16px;font-weight:600;min-width:0;transition:border-color .15s,box-shadow .15s}.recall-picture img{width:100%;height:auto;aspect-ratio:240/176;object-fit:contain;border-radius:11px}.recall-picture:hover:not(:disabled){border-color:#91b39f;box-shadow:0 5px 18px #345e4110}.recall-picture.recall-selected{border-color:#397f66;background:#f3faf5}.recall-picture-number{position:absolute;top:8px;left:8px;background:#2e745c;color:#fff;min-width:32px;height:32px;padding:3px 8px;display:grid;place-items:center;border-radius:50%;box-shadow:0 1px 7px #0001}.recall-picture.recall-correct{border-color:#73a58b;background:#edf8f0}.recall-picture.recall-wrong{border-color:#d49a86;background:#fff3ef}.recall-picture:disabled{opacity:1;cursor:default}.recall-selection{padding:0;list-style:none;margin:18px 0 24px;display:grid;gap:8px}.recall-selection li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border:1px solid var(--line);border-radius:9px}.recall-selection li>span b{display:inline-grid;place-items:center;background:#e9f3ec;color:#2e745c;width:28px;height:28px;border-radius:50%;margin-right:8px}.recall-selection li>div{display:flex;gap:5px}.recall-selection button{min-width:36px;min-height:36px;padding:5px 9px;background:#f3f6f2;border-radius:7px;color:#3e6758}.recall-feedback{padding:24px;margin-top:25px;border:1px solid #eed5c9;border-radius:13px;background:#fff7f2}.recall-feedback-good{background:#f1f8ee;border-color:#d2e4ce}.recall-feedback>p{margin:10px 0 20px}.recall-feedback h3{margin-bottom:14px}.recall-answer-strip{display:flex;align-items:center;gap:10px;overflow-x:auto;padding-bottom:10px}.recall-answer-strip>div{flex:0 0 130px;max-width:160px}.recall-answer-strip img{width:100%;height:auto;border-radius:10px}.recall-answer-strip p{font-size:12px;line-height:1.6;text-align:center;margin-top:5px}.recall-arrow{color:#74997e;font-size:22px}.recall-transcript{border-top:1px solid #dddccc;margin-top:18px;padding-top:18px}.recall-transcript summary{cursor:pointer;font-weight:600;color:#486c61}.recall-transcript ol{padding-left:22px}.recall-transcript li{padding:12px 0}.recall-transcript li p[lang=en]{font-size:16px;color:var(--ink)}.recall-transcript li p+p{color:#78877e;font-size:13px}.recall-workspace .btn:disabled,.recall-selection button:disabled{opacity:.45;cursor:default}@media(min-width:1400px){.recall-picture-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.recall-picture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.recall-player{padding:22px}.recall-player h2{font-size:21px}.recall-toolbar{align-items:stretch}.recall-toolbar label{width:100%}.recall-workspace{padding:22px}.recall-workspace>.align-end{align-items:flex-start;flex-direction:column}.recall-picture{font-size:14px;padding:8px 8px 13px}.recall-feedback{padding:18px}.recall-selection li{padding:10px;align-items:flex-start;flex-wrap:wrap}.recall-selection li>div{margin-left:auto}.recall-independent{padding:17px}.recall-mode{width:100%}.recall-mode button{flex:1}}@media(max-width:430px){.recall-player-buttons{width:100%}.recall-player-buttons>.btn{flex:1}.recall-picture{font-size:13px}.recall-picture-grid{gap:9px}.recall-workspace{padding:16px}.recall-player{padding:18px}}
