
.mmd-vrc{ --card:#fff; --text:#111827; --muted:#6b7280; --border:#e5e7eb; --brand:#c40001; --brand2:#ffc000; --shadow:0 10px 30px rgba(0,0,0,.08); --input:#fff; --inputText:#111827; --btnText:#fff; --note:#f9fafb; }
@media (prefers-color-scheme: dark){ .mmd-vrc{ --card:#0f172a; --text:#f9fafb; --muted:#cbd5e1; --border:#1f2a44; --shadow:0 10px 30px rgba(0,0,0,.35); --input:#0b1220; --inputText:#f9fafb; --note:#0b1220; } }
.mmd-vrc{ font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif; color:var(--text); }
.mmd-vrc__header{ border-left:6px solid var(--brand); padding:10px 14px; margin:0 0 14px; background:linear-gradient(90deg, rgba(196,0,1,.10), rgba(255,192,0,.06)); border-radius:14px; }
.mmd-vrc__title{ margin:0; font-size:20px; line-height:1.2; }
.mmd-vrc__subtitle{ margin:6px 0 0; color:var(--muted); font-size:13px; }
.mmd-vrc__grid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
@media (max-width:860px){ .mmd-vrc__grid{ grid-template-columns:1fr; } }
.mmd-vrc__card{ background:var(--card); border:1px solid var(--border); border-radius:16px; box-shadow:var(--shadow); padding:14px; }
.mmd-vrc__cardTitle{ margin:0 0 10px; font-size:16px; }
.mmd-vrc__field{ margin:0 0 10px; }
.mmd-vrc__label{ display:block; font-size:13px; margin:0 0 6px; color:var(--muted); }
.mmd-vrc__input{ width:100%; box-sizing:border-box; padding:10px 12px; border-radius:12px; border:1px solid var(--border); background:var(--input); color:var(--inputText); outline:none; }
.mmd-vrc__input:focus{ border-color:rgba(196,0,1,.6); box-shadow:0 0 0 3px rgba(196,0,1,.15); }
.mmd-vrc__hint{ margin-top:6px; color:var(--muted); font-size:12px; }
.mmd-vrc__checkbox label{ display:flex; gap:10px; align-items:center; font-size:13px; }
.mmd-vrc__checkbox input{ width:16px; height:16px; }
.mmd-vrc__divider{ height:1px; background:var(--border); margin:12px 0; }
.mmd-vrc__btn{ width:100%; padding:12px 14px; border-radius:14px; border:none; cursor:pointer; background:var(--brand); color:var(--btnText); font-weight:700; }
.mmd-vrc__btn:hover{ filter:brightness(1.05); }
.mmd-vrc__btn:active{ transform:translateY(1px); }
.mmd-vrc__result{ display:flex; flex-direction:column; gap:8px; }
.mmd-vrc__row{ display:flex; justify-content:space-between; gap:10px; padding:10px 12px; border:1px solid var(--border); border-radius:12px; background:rgba(0,0,0,.02); }
@media (prefers-color-scheme: dark){ .mmd-vrc__row{ background:rgba(255,255,255,.03);} }
.mmd-vrc__total{ margin-top:6px; display:flex; justify-content:space-between; padding:12px; border-radius:14px; background:linear-gradient(90deg, rgba(196,0,1,.18), rgba(255,192,0,.10)); border:1px solid rgba(196,0,1,.35); }
.mmd-vrc__total strong{ font-size:18px; }
.mmd-vrc__note{ margin-top:12px; padding:10px 12px; border-radius:14px; border:1px dashed var(--border); background:var(--note); color:var(--muted); font-size:12px; }


.mmd-vrc__radioRow{display:flex;gap:12px;flex-wrap:wrap}
.mmd-vrc__radio{display:flex;align-items:center;gap:8px;color:var(--text);font-size:14px}
.mmd-vrc__radio input{accent-color:var(--btn)}
.mmd-vrc__section{padding:12px;border:1px solid var(--border);border-radius:14px;margin-bottom:12px;background:var(--input)}
.mmd-vrc__sectionHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.mmd-vrc__sectionTitle{margin:0;font-size:14px;color:var(--muted);font-weight:700}
