.voice-keepsakes{margin-top:14px;border:1px solid #d9dfd4;border-radius:14px;background:#f7faf5;overflow:hidden}
.voice-keepsakes summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;cursor:pointer;list-style:none;color:#244d3d}
.voice-keepsakes summary::-webkit-details-marker{display:none}
.voice-keepsakes summary span{display:flex;align-items:baseline;gap:8px}
.voice-keepsakes summary small,.voice-keepsakes summary i{font-size:11px;color:#748078;font-style:normal;font-weight:500}
.voice-keepsakes summary:after{content:'⌄';font-size:18px;transition:transform .2s}
.voice-keepsakes[open] summary:after{transform:rotate(180deg)}
.voice-list{border-top:1px solid #dfe5dc}
.voice-row{display:grid;grid-template-columns:42px 1fr 48px;gap:12px;align-items:center;padding:12px 14px}
.voice-row+.voice-row{border-top:1px solid #e5e9e2}
.voice-play{width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#245e49;color:#fff;box-shadow:0 5px 14px #244d3d24;cursor:pointer}
.voice-play.playing{background:#b8862f}
.voice-row>div{min-width:0}
.voice-row small,.voice-row strong,.voice-row em{display:block}
.voice-row>div small{margin-bottom:2px;color:#7b827c;font-size:10px}
.voice-row>div strong{overflow:hidden;text-overflow:ellipsis;color:#294c3f;font-size:13px;white-space:nowrap}
.voice-row>div em{overflow:hidden;margin-top:2px;color:#7b827c;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.voice-score{text-align:center;color:#285ba7;font:700 22px Georgia,serif}
.voice-score small{font:500 9px system-ui;color:#7b827c}
.start-dialog .recording-note{margin:9px 0 0;text-align:center;font-size:10px;color:#7b827c}
.recording-consent{display:flex;align-items:center;gap:10px;margin:16px 0 12px;padding:12px 14px;border:1px solid #d9dfd4;border-radius:15px;background:#f7faf5;font-size:13px;color:#294b42;text-align:left}.recording-consent input{width:19px;height:19px;accent-color:#17684e;flex:0 0 auto}
.class-replay{margin-top:14px;border:1px solid #254e42;border-radius:16px;background:#15372e;color:#fff;overflow:hidden}.class-replay summary{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;list-style:none}.class-replay summary span{display:flex;flex-direction:column;gap:2px}.class-replay summary small{color:#b8d2ca;font-size:11px}.class-replay summary i{color:#d7e6e1;font-size:11px;font-style:normal}.class-replay video{display:block;width:calc(100% - 24px);margin:0 12px 12px;border-radius:12px;background:#091713;aspect-ratio:16/9}.class-replay button{margin:0 12px 14px;padding:9px 15px;border:0;border-radius:999px;background:#f0ce69;color:#173d33;font-weight:800}
@media(max-width:720px){.voice-keepsakes{margin-left:-2px}.voice-row{grid-template-columns:38px 1fr 42px;padding:11px 10px}.voice-row>div strong,.voice-row>div em{white-space:normal}}