.hominic-camping-split {
  max-width: 720px;
  margin: 28px auto;
  padding: 24px;
  border: 1px solid #e7e7e7;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 6px 24px rgba(0,0,0,.06);
  font-family: -apple-system, BlinkMacSystemFont, "Pretendard", "Noto Sans KR", Arial, sans-serif;
  box-sizing: border-box;
}
.hominic-camping-split * { box-sizing: border-box; }
.hcs-head { text-align:center; margin-bottom:24px; }
.hcs-icon { font-size:40px; }
.hcs-title { margin:6px 0 8px; font-size:26px; }
.hcs-desc { margin:0; color:#777; font-size:14px; line-height:1.6; }
.hcs-label { display:block; font-weight:700; margin-bottom:8px; font-size:15px; }
.hcs-row { display:flex; gap:8px; margin-bottom:10px; }
.hcs-input {
  height:44px; border:1px solid #ddd; border-radius:10px;
  padding:0 12px; font-size:15px; width:100%;
}
.hcs-people-wrap { display:flex; align-items:center; gap:8px; margin-bottom:22px; }
.hcs-btn {
  border:1px solid #ddd; background:#f7f7f7; border-radius:10px;
  cursor:pointer; height:44px; padding:0 14px; font-weight:700;
}
.hcs-btn-dark {
  border:none; background:#222; color:#fff; border-radius:9px;
  cursor:pointer; padding:9px 13px; font-size:13px;
}
.hcs-topline { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
.hcs-name { width:42%; }
.hcs-cost { width:48%; }
.hcs-del { width:10%; min-width:44px; }
.hcs-result {
  margin-top:24px; padding:20px; background:#f6f7f4; border-radius:15px;
}
.hcs-result-line { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; }
.hcs-divider { height:1px; background:#ddd; margin:12px 0; }
.hcs-total { font-size:19px; }
.hcs-per { font-size:27px; letter-spacing:-1px; }
.hcs-note {
  margin-top:18px; padding:14px 16px; border-radius:12px;
  background:#fafafa; color:#777; font-size:13px; line-height:1.7;
}
.hcs-reset {
  width:100%; margin-top:18px; height:46px; border:1px solid #ddd;
  background:#fff; border-radius:11px; cursor:pointer; font-weight:700;
}
@media (max-width: 560px) {
  .hominic-camping-split { padding:18px; border-radius:14px; }
  .hcs-title { font-size:22px; }
  .hcs-row { flex-wrap:wrap; }
  .hcs-name { width:100%; }
  .hcs-cost { width:calc(100% - 54px); }
  .hcs-del { width:46px; }
}