:root{color-scheme:light;--bg: #eef3f0;--bg-accent: #d7e6dc;--ink: #14241b;--muted: #4d6356;--surface: #f7fbf8;--line: #c5d5cb;--brand: #1f6b45;--brand-strong: #155234;--danger: #8f2d2d;--success: #1f5d3a;--focus: #2f8f5b;font-family:Segoe UI,Trebuchet MS,sans-serif;line-height:1.5;font-weight:400;color:var(--ink);background:radial-gradient(circle at top left,#cfe3d6 0%,transparent 42%),linear-gradient(160deg,var(--bg),var(--bg-accent));min-height:100%}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}button,input{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.app-header{display:flex;flex-direction:column;gap:.25rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 88%,white)}.brand{margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:.02em;color:var(--brand)}.tagline{margin:0;color:var(--muted);font-size:.95rem}.app-footer{padding:.75rem 1.5rem 1.25rem;color:var(--muted);font-size:.8rem}.app-main{padding:1.25rem 1rem 2rem;width:min(1100px,100%);margin:0 auto}.booking-page{display:grid;gap:1.25rem}.page-intro h1{margin:0 0 .4rem;font-size:clamp(1.4rem,3vw,1.9rem)}.page-intro p{margin:0;color:var(--muted)}.week-nav{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:.75rem}.week-label{margin:0;text-align:center;font-weight:600;text-transform:capitalize}.nav-btn,.btn,.slot-btn{border-radius:.75rem;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}.nav-btn{width:2.5rem;height:2.5rem}.nav-btn:hover,.btn:hover,.slot-btn:hover{border-color:var(--brand)}.slot-grid{display:grid;gap:.75rem}.day-column{background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:.9rem}.day-title{margin:0 0 .65rem;font-size:.95rem;text-transform:capitalize}.day-empty{margin:0;color:var(--muted);font-size:.9rem}.slot-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.slot-btn{width:100%;padding:.7rem .8rem;text-align:left}.slot-btn.is-selected{background:var(--brand);border-color:var(--brand);color:#fff}.booking-form{background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:1.25rem;display:grid;gap:.9rem}.booking-form h2{margin:0;font-size:1.2rem}.form-slot-label{margin:0;color:var(--muted);text-transform:capitalize}.field{display:grid;gap:.35rem}.field span{font-size:.92rem;color:var(--muted)}.field input{border:1px solid var(--line);border-radius:.75rem;padding:.75rem .85rem;background:#fff}.field input:focus,.nav-btn:focus-visible,.btn:focus-visible,.slot-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.form-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.btn{padding:.7rem 1rem;min-width:7.5rem}.btn:disabled,.slot-btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-strong);border-color:var(--brand-strong)}.btn-ghost{background:transparent}.status-message{margin:0;padding:.85rem 1rem;border-radius:.85rem;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 80%,white)}.status-error{border-color:color-mix(in srgb,var(--danger) 35%,var(--line));color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,white)}.status-error-emphasis{border-width:2px;font-weight:600;background:color-mix(in srgb,var(--danger) 14%,white)}.status-success{border-color:color-mix(in srgb,var(--success) 35%,var(--line));color:var(--success);background:color-mix(in srgb,var(--success) 8%,white)}@media(min-width:768px){.app-header{flex-direction:row;align-items:baseline;justify-content:space-between;padding:1.5rem 2rem}.app-main{padding:2rem}.slot-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.65rem}.day-column{min-height:12rem}.booking-form{padding:1.5rem;max-width:32rem}}@media(max-width:767px){.slot-grid{grid-template-columns:1fr}.day-column{display:grid;grid-template-columns:7.5rem 1fr;gap:.75rem;align-items:start}.day-title{margin:0}}