
.mf-wrap{--bg:#E8EBF0;--card:#E8EBF0;--shadow:10px 10px 20px #D1D5DB, -10px -10px 20px #FFFFFF;--inset:inset 7px 7px 14px #D1D5DB, inset -7px -7px 14px #FFF;--text:#2F3540;--accent:#7C3AED;font-family:Inter, system-ui, sans-serif;color:var(--text);background:var(--bg);border-radius:24px;padding:18px;max-width:1200px;margin:auto}
.mf-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.mf-logo{font-family:Cormorant Garamond, serif;font-size:22px;font-weight:700}.mf-badge{font-size:10px;background:#7C3AED;color:#fff;padding:2px 8px;border-radius:999px;vertical-align:middle}
.mf-panel{background:var(--card);box-shadow:var(--shadow);border-radius:20px;padding:14px;margin-bottom:14px}
.mf-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:16px} @media(max-width:900px){.mf-grid{grid-template-columns:1fr}}
.mf-label{font-size:11px;letter-spacing:1px;opacity:0.6;margin-bottom:6px;text-transform:uppercase}
#mf-titulo{width:100%;border:none;background:var(--card);box-shadow:var(--inset);border-radius:12px;padding:10px 14px;font-family:Cormorant Garamond, serif;font-size:18px}
#mf-texto{width:100%;min-height:280px;border:none;background:var(--card);box-shadow:var(--inset);border-radius:16px;padding:16px;font-family:Cormorant Garamond, serif;font-size:18px;line-height:1.6;resize:vertical}
.mf-toggles{display:flex;flex-wrap:wrap;gap:10px;font-size:13px}
.mf-toggles label{background:var(--card);box-shadow:var(--shadow);padding:6px 10px;border-radius:999px;cursor:pointer}
.mf-viva{display:flex;flex-direction:column;gap:8px}
.mf-verse{padding:8px 10px;border-radius:12px;transition:all .3s}
.mf-verse.active{box-shadow:var(--inset)}
.mf-div{font-family:monospace;font-size:12px;opacity:.7}
.mf-count{font-weight:700}.mf-ok{color:#7C3AED}.mf-licencia{color:#059669}.mf-libre{color:#D97706}
.mf-dots{display:flex;gap:3px;margin:4px 0}.mf-dot{width:14px;height:14px;border-radius:50%;background:var(--card);box-shadow:var(--inset);display:grid;place-items:center;font-size:8px}.mf-dot.on{background:#7C3AED;color:#fff;box-shadow:0 2px 6px rgba(124,58,237,.4)}
.mf-actions{display:flex;gap:8px;flex-wrap:wrap}
.mf-actions button, #mf-forma{border:none;background:var(--card);box-shadow:var(--shadow);border-radius:999px;padding:8px 14px;cursor:pointer;font-size:13px}
.mf-actions button:active{box-shadow:var(--inset)}
.mf-illust{font-size:12px;opacity:.7;line-height:1.5}
