:root{ --accent:#111; }
*{ box-sizing:border-box; }
html,body{ margin:0; font-family:Tahoma,Arial,sans-serif; color:#000; background:#fff; }
.hero{ padding:32px 16px; text-align:center; }
.brand{ font-weight:700; font-size:48px; letter-spacing:4px; }
.tag{ margin:8px 0 0; color:#333; }
.card{ max-width:960px; margin:0 auto 48px; padding:24px; border:1px solid #eee; border-radius:16px; box-shadow:0 2px 12px rgba(0,0,0,0.04);} 
.card h1{ margin-top:0; font-size:22px; }
.grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; margin:16px 0; }
label span{ display:block; font-size:12px; color:#555; margin-bottom:6px; }
select,input,textarea{ width:100%; padding:10px; border:1px solid #ddd; border-radius:10px; }
.slots{ grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:8px; }
.slot{ padding:8px 12px; border:1px solid #ddd; border-radius:999px; cursor:pointer; }
.slot.active{ background:#000; color:#fff; border-color:#000; }
button#bookBtn{ padding:12px 18px; background:#000; color:#fff; border:none; border-radius:12px; cursor:pointer; }
.msg{ margin-top:12px; min-height:20px; font-size:14px; }
.full{ grid-column:1 / -1; }
.foot{ text-align:center; padding:24px; color:#777; }
@media (max-width:768px){ .grid{ grid-template-columns:1fr; } .brand{ font-size:36px; } }
 :root{--b:#111;--t:#222;--m:#555;--ok:#0a7;--err:#d33;--bd:#e5e7eb;--focus:#2563eb;}
  body{font:14px/1.4 system-ui,Segoe UI,Roboto,Arial; color:var(--t); margin:0; background:#fafafa}
  .wrap{max-width:720px; margin:24px auto; padding:0 16px;}
  h1{font-size:18px; margin:0 0 12px}
  .grid{display:grid; gap:12px}
  label{display:grid; gap:6px; font-weight:600}
  select,input[type="date"]{
    padding:10px 12px; border:1px solid var(--bd); border-radius:10px; background:#fff; outline:none;
  }
  select:focus, input[type="date"]:focus{border-color:var(--focus); box-shadow:0 0 0 3px rgba(37,99,235,.15)}
  .slots{display:flex; flex-wrap:wrap; gap:8px; margin-top:4px}
  .slot{
    padding:8px 12px; border:1px solid var(--bd); border-radius:999px; cursor:pointer; user-select:none; background:#fff
  }
  .slot.active{outline:2px solid var(--focus)}
  .muted{color:var(--m)}
  .status{margin-top:6px}
  .ok{color:var(--ok)} .err{color:var(--err)}
  .card{background:#fff; border:1px solid var(--bd); border-radius:14px; padding:14px}