.rdc-wrap { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Noto Sans JP', Meiryo, sans-serif; color:#1f2937; }
.rdc-head { padding:.9rem 1.1rem; background:#166534; color:#fff; border-radius:.6rem; margin-bottom:1rem; }
.rdc-title { font-weight:700; letter-spacing:.04em; }
.rdc-panel { background:#fff; padding:1rem; border-radius:.6rem; box-shadow:0 0 0 1px #e5e7eb inset; }
.rdc-lab { display:block; font-size:.95rem; color:#374151; margin-bottom:.4rem; }
.rdc-row { display:flex; gap:.5rem; align-items:stretch; }
#rdc-input { flex:1; border:1px solid #d1d5db; border-radius:.55rem; padding:.6rem .8rem; font-size:1rem; }
.rdc-btn { background:#e5e7eb; color:#111827; padding:.6rem 1rem; border:none; border-radius:.6rem; cursor:pointer; font-weight:700; }
.rdc-btn:hover { background:#d1d5db; }
.rdc-quick { margin-top:.6rem; display:flex; align-items:center; gap:.4rem; flex-wrap:wrap; font-size:.9rem; color:#6b7280; }
.rdc-chip { background:#f3f4f6; border:1px solid #e5e7eb; border-radius:999px; padding:.25rem .6rem; cursor:pointer; }
.rdc-chip:hover { filter:brightness(0.98); }
.rdc-result { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:.6rem; background:#fff; padding:1rem; border-radius:.6rem; box-shadow:0 0 0 1px #e5e7eb inset; margin-top:.8rem; }
.rdc-metric { display:flex; align-items:center; justify-content:space-between; gap:.6rem; border:1px solid #e5e7eb; border-radius:.6rem; padding:.6rem .8rem; }
.rdc-metric label { font-size:.95rem; color:#374151; }
.rdc-metric input { width:140px; text-align:right; font-weight:700; padding:.4rem .6rem; border:1px solid #d1d5db; border-radius:.55rem; background:#f9fafb; }
.rdc-note { font-size:.85rem; color:#6b7280; margin:.6rem 0 0; }