:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
body { margin: 0; background: #f6f7f9; color:#111; }
.wrap { max-width: 1000px; margin: 24px auto; padding: 0 16px; }
h1 { margin: 0 0 16px; }
.card { background:#fff; border-radius: 12px; padding: 16px; box-shadow: 0 6px 20px rgba(0,0,0,.06); margin-bottom: 16px; }
.row { display:flex; gap: 10px; flex-wrap: wrap; align-items:center; }
input { padding: 10px 12px; border: 1px solid #d7dbe3; border-radius: 10px; min-width: 220px; }
button, .btn { padding: 10px 14px; border-radius: 10px; border: 1px solid #cfd6e3; background:#fff; cursor:pointer; text-decoration:none; color:#111; display:inline-block; }
button:disabled { opacity: .5; cursor:not-allowed; }
.hint { margin-top: 10px; color:#555; }
.sum { margin-top: 12px; font-weight: 700; }
.item { padding: 12px 0; border-top: 1px solid #eee; }
.itemTitle { font-weight: 700; }
.itemMeta { color:#666; font-size: 13px; margin-top: 2px; }