/* 우리 가족 목소리 녹음 */
.mv-entry{display:flex;flex-direction:column;gap:10px;margin:18px 0;padding:14px;border-radius:20px;background:#fff4f7;border:2px solid #f6d3de}
.mv-entry h3{margin:0;font-family:'Jua',system-ui,sans-serif;font-weight:400;font-size:21px;color:#1d2925}
.mv-entry .pg-lead{margin:4px 0 0}
.mv-entry .btn{align-self:flex-start;display:inline-flex;align-items:center;gap:6px}
.mv-entry .btn .ui-icon{width:18px;height:18px}

.mv-panel{display:flex;flex-direction:column;gap:12px;margin:18px 0}
.mv-panel h3{margin:0;font-family:'Jua',system-ui,sans-serif;font-weight:400;font-size:23px;color:#1d2925}
.mv-summary{display:flex;align-items:center;gap:10px;font-size:14px;color:#4b5a55}
.mv-summary b{font-size:18px;color:#d9587c}
.mv-meter{flex:1;height:12px;border-radius:999px;background:#eee8e0;overflow:hidden}
.mv-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f39ab3,#d9587c)}
.mv-toggle{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;border-radius:14px;background:#f4f5f1;font-size:14px;font-weight:800;color:#3a4540;text-align:left}
.mv-switch{position:relative;flex:none;width:44px;height:26px;border-radius:999px;background:#c9cec9;transition:background .2s}
.mv-switch::after{content:'';position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}
.mv-switch[data-on="1"]{background:#2f8f5f}
.mv-switch[data-on="1"]::after{transform:translateX(18px)}
.mv-tips{margin:0;padding:10px 12px 10px 28px;border-radius:14px;background:#fffaf0;font-size:13px;line-height:1.55;color:#5b4a36}
.mv-notice{margin:0;padding:10px 12px;border-radius:12px;background:#fff0e6;color:#9a4a12;font-size:13px;font-weight:700}

.mv-group{border-radius:18px;background:#fff;border:2px solid #eee8dc;overflow:hidden}
.mv-group summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 14px;cursor:pointer;list-style:none}
.mv-group summary::-webkit-details-marker{display:none}
.mv-group summary b{font-size:16px;color:#23302c}
.mv-group summary span{padding:3px 10px;border-radius:999px;background:#f4ede2;font-size:12px;font-weight:800;color:#7a6446}
.mv-group[open] summary{border-bottom:1px solid #f0ebe2}
.mv-group>.pg-lead{margin:8px 0 0;padding:0 14px}
.mv-list{margin:0;padding:6px 10px 10px;list-style:none}
.mv-row{display:flex;flex-direction:column;gap:8px;padding:10px 4px;border-bottom:1px dashed #ece6da}
.mv-row:last-child{border-bottom:0}
.mv-text small{display:block;font-size:11px;font-weight:800;color:#a08a66}
.mv-text p{margin:2px 0 0;font-size:15px;line-height:1.5;color:#23302c}
.mv-row.done .mv-text p::before{content:'✓ ';color:#2f8f5f;font-weight:900}
.mv-actions{display:flex;flex-wrap:wrap;gap:6px}
.mv-actions button{display:inline-flex;align-items:center;gap:5px;min-height:42px;padding:0 14px;border-radius:12px;font-size:14px;font-weight:800}
.mv-actions button:disabled{opacity:.4}
.mv-actions .ui-icon{width:15px;height:15px}
.mv-rec{background:#ffe3ea;color:#b0304f}
.mv-row.done .mv-rec{background:#f4f5f1;color:#5b6661}
.mv-dot{width:12px;height:12px;border-radius:50%;background:#e2355f}
.mv-stop{width:12px;height:12px;border-radius:2px;background:#fff}
.mv-row.rec{background:#fff5f8;border-radius:12px}
.mv-row.rec .mv-rec{background:#e2355f;color:#fff;animation:mvPulse 1s ease-in-out infinite}
.mv-rec b{font-weight:800;font-variant-numeric:tabular-nums}
.mv-play{background:#e6f4ec;color:#256b47}
.mv-play .ui-icon{fill:currentColor}
.mv-sample{background:#f4f5f1;color:#5b6661}
.mv-del{background:transparent;color:#9aa19d}
.mv-del[data-confirm="1"]{background:#fff0e6;color:#b0450f}
@keyframes mvPulse{50%{box-shadow:0 0 0 6px rgba(226,53,95,.2)}}
@media (prefers-reduced-motion:reduce){.mv-row.rec .mv-rec{animation:none}}
