:root { font-family: -apple-system, system-ui, Segoe UI, Roboto, Helvetica, Arial, sans-serif; }
body { max-width: 860px; margin: 24px auto; padding: 0 16px; }
h1 { margin: 0 0 10px 0; }
.muted { color: #666; }

.panel { border: 1px solid #e6e6e6; border-radius: 10px; padding: 16px; margin: 12px 0; }
.row { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.row > * { flex: 0 0 auto; }

label { font-weight: 600; }
input[type="number"] { width: 120px; padding: 6px; }
button { padding: 10px 14px; border: 1px solid #ccc; border-radius: 8px; cursor: pointer; background: #fff; }
button:active { transform: translateY(1px); }

.big { font-size: 1.15rem; font-weight: 600; }

table { width: 100%; border-collapse: collapse; margin-top: 8px; }
th, td { border: 1px solid #eee; padding: 8px; text-align: center; }
th { background: #fafafa; }