/* Music Lab 8.4 visual repair — dark navy cards, accessible contrast */
#activity .ml84-panel{background:#1e2b49!important;color:#f5f7ff!important;border:1px solid #405277!important;border-radius:16px;padding:20px 22px;margin:16px 0;min-width:0;box-shadow:0 5px 18px rgba(0,0,0,.09)}
#activity .ml84-panel h4,#activity .ml84-panel h5,#activity .ml84-panel strong,#activity .ml84-panel label{color:#f5f7ff!important}
#activity .ml84-panel h4{margin:0 0 9px;font-size:1.15rem;line-height:1.4}
#activity .ml84-panel p,#activity .ml84-panel span,#activity .ml84-panel div{color:inherit}
#activity .ml84-muted{color:#c2cee8!important;line-height:1.6}
#activity .ml84-example{padding:13px 16px;border-left:4px solid #aa98ff;background:#29365a!important;border-radius:8px;line-height:1.65;color:#f5f7ff!important}
#activity .ml84-vocab,#activity .ml84-pron{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #425273}
#activity .ml84-vocab>div{display:grid;gap:3px;min-width:130px;flex:1}
#activity .ml84-task{margin:15px 0;padding:14px;border:1px solid #485a7b;border-radius:12px;background:#233352}
#activity .ml84-options,#activity .ml84-tilepool,#activity .ml84-footer{display:flex;flex-wrap:wrap;gap:9px;margin:10px 0}
#activity .ml84-btn,#activity .ml84-choice,#activity .ml84-tile{border:1px solid #8179c9;border-radius:10px;padding:10px 13px;cursor:pointer;background:#34436a!important;color:#f8f8ff!important;font:inherit}
#activity .ml84-primary{border:1px solid #a69aff;border-radius:10px;padding:10px 13px;cursor:pointer;background:#6954d1!important;color:#fff!important;font:inherit}
#activity .ml84-btn:hover,#activity .ml84-choice:hover,#activity .ml84-tile:hover{background:#465884!important}
#activity .ml84-btn:focus-visible,#activity .ml84-choice:focus-visible,#activity .ml84-tile:focus-visible,#activity .ml84-primary:focus-visible{outline:3px solid #c5bbff;outline-offset:2px}
#activity .ml84-right{border-color:#53cda1!important;background:#235f55!important}
#activity .ml84-wrong{border-color:#e69c86!important;background:#633d4a!important}
#activity .ml84-good{color:#86ebc1!important;font-weight:600}
#activity .ml84-hint{color:#ffcd99!important}
#activity .ml84-matchrow{display:grid;grid-template-columns:minmax(100px,1fr) minmax(140px,1.3fr) auto;align-items:center;gap:10px;margin:9px 0}
#activity .ml84-matchrow select,#activity .ml84-input,#activity .ml84-textarea{width:100%;max-width:100%;box-sizing:border-box;padding:10px;border:1px solid #8495b8;border-radius:9px;background:#101c34!important;color:#fff!important;font:inherit}
#activity .ml84-matchrow select option{background:#101c34;color:#fff}
#activity .ml84-input::placeholder,#activity .ml84-textarea::placeholder{color:#b6c2dc}
#activity .ml84-tileanswer{min-height:45px;border:1px dashed #aa9cff;border-radius:9px;padding:12px;line-height:1.6;background:#182743}
#activity .ml84-check{display:flex;align-items:center;gap:9px;margin:12px 0}
#activity .ml84-check input{width:17px;height:17px}
@media(max-width:540px){#activity .ml84-panel{padding:14px}#activity .ml84-matchrow{grid-template-columns:1fr}#activity .ml84-vocab{align-items:flex-start}}

/* 8.5: placeholder art and honest recording status */
.ml85-art-pending{display:flex;align-items:center;justify-content:center;font-size:2.8rem;color:#e8e5ff;background:linear-gradient(135deg,#334579,#6d4aa3,#204b67)}.ml85-video-pending{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:240px;text-align:center;padding:26px;color:#f4f6ff;background:#14203c}.ml85-video-pending h3{margin:0;color:#fff}.ml85-video-pending p{color:#b9c9e5;max-width:460px}.ml85-video-search{display:inline-block;background:#6654cf;color:#fff!important;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700}.ml85-video-search:focus-visible{outline:3px solid #fff;outline-offset:3px}