.voice-card{margin:17px 0;padding:18px;border:1px solid #d0dfec;border-left:4px solid #f3cb32;border-radius:13px;background:#f1f7fc}.voice-card h3{font:700 23px/1.3 Kalam,cursive;margin:0 0 5px;color:#15558c}.voice-card .voice-intro,.voice-card .voice-help{font-size:11px;line-height:1.7;margin:7px 0;color:#4f6577}.voice-parent{font-size:11px;line-height:1.6;display:flex;gap:9px;margin:12px 0}.voice-parent input{flex:none;align-self:flex-start;margin-top:4px;width:17px;height:17px}.voice-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:12px 0 5px}.voice-actions button,.voice-upload{font:700 11px/1.5 Andika,sans-serif;padding:10px 12px;border:1px solid #b9cbda;background:#fff;border-radius:8px;color:#15558c;cursor:pointer}.voice-actions .voice-record{background:#15558c;color:white;border-color:#15558c}.voice-actions .voice-stop{background:#9c3733;color:#fff;border-color:#9c3733}.voice-actions button:disabled{cursor:not-allowed;opacity:.5}.voice-upload:has(input:disabled){opacity:.5;cursor:not-allowed}.voice-upload{display:inline-flex;align-items:center;gap:4px;position:relative}.voice-upload input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.voice-upload:focus-within{outline:3px solid #e6bd2d;outline-offset:3px}.voice-timer{font-variant-numeric:tabular-nums;font-size:12px;color:#8b3431;font-weight:700}.voice-status{font-size:11px;line-height:1.6;min-height:18px;margin:7px 0;color:#15558c}.voice-status.error{color:#96362e}.voice-result audio,.voice-preview audio{display:block;width:100%;height:40px;margin:9px 0}.voice-result a,.voice-preview a{font-size:11px;color:#15558c;text-decoration:underline;text-underline-offset:3px}.voice-result small{display:block;font-size:10px;margin:4px 0;color:#506a7e}.voice-result[hidden],.voice-actions [hidden]{display:none}.voice-preview{margin:12px 0;padding:12px;border:1px solid #d0dfec;border-radius:10px;background:#f1f7fc}.voice-preview strong{font-size:12px;color:#15558c}.voice-preview p{font-size:11px;margin:6px 0}.voice-help a{color:#15558c;text-decoration:underline}.completed-voices:empty{display:none}.completed-voices>p{font-size:12px}.voice-preview button{border:0;background:none;color:#913b34;text-decoration:underline;padding:8px;cursor:pointer;font:inherit;font-size:11px}
@media(max-width:600px){.voice-card{padding:14px}.voice-card h3{font-size:22px}.voice-actions{gap:8px}.voice-actions button,.voice-upload{padding:10px;font-size:10px}}