[hidden] { display: none !important; }
body { margin: 0; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #1f2a37; background: #fff; }
main { padding: 16px; display: grid; gap: 12px; }
h1 { font-size: 18px; margin: 0; }
h2 { font-size: 15px; margin: 0 0 8px; }
.slots { display: grid; gap: 8px; }
.slots button { padding: 10px; border: 1px solid #0f766e; border-radius: 6px; background: #fff; color: #0f766e; font: inherit; cursor: pointer; text-align: left; }
.slots button[aria-pressed="true"] { background: #0f766e; color: #fff; }
form { display: grid; gap: 6px; }
input { font: inherit; padding: 8px; border: 1px solid #cbd5e1; border-radius: 6px; }
#booking-confirm { padding: 10px; border: none; border-radius: 6px; background: #0f766e; color: #fff; font: inherit; cursor: pointer; }
.form-error { color: #b42318; margin: 0; }
.confirmed { color: #0f766e; font-weight: 600; }