@layer components{.booking-section{animation:booking-section-in .4s var(--ease-smooth)}@keyframes booking-section-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.booking-fade-in{animation:.2s ease-out booking-fade-in}@keyframes booking-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.booking-slide-up{animation:booking-slide-up .25s var(--ease-smooth)}@keyframes booking-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.booking-slot-tile{transition:transform .15s,box-shadow .15s,border-color .15s}.booking-slot-tile:active:not(:disabled){transform:scale(.97)!important}.booking-time-slot{transition:transform .1s,box-shadow .1s}.booking-time-slot:active{transform:scale(.97)}}
@layer components{.booking-root{--background:var(--bg);--foreground:var(--fg);--card:var(--bg-elevated);--card-foreground:var(--fg);--popover:var(--bg-elevated);--popover-foreground:var(--fg);--primary:var(--brand-accent);--primary-foreground:var(--brand-accent-fg);--secondary:var(--bg-muted);--secondary-foreground:var(--fg-secondary);--muted:var(--bg-muted);--muted-foreground:var(--fg-tertiary);--accent:var(--bg-hover);--accent-foreground:var(--fg);--destructive:var(--danger);--border:var(--border-line);--input:var(--border-line);--ring:var(--brand-accent);background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.booking-root h1,.booking-root h2,.booking-root h3,.booking-root h4{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg);margin:0}.booking-root button{cursor:pointer;font-family:inherit}.booking-root .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.booking-root .wrap{max-width:1200px;margin:0 auto;padding:0 28px}.booking-root .logo{background:var(--brand-grad);width:36px;height:36px;box-shadow:var(--sh-sm);color:var(--brand-accent-fg);border-radius:11px;flex:none;place-items:center;font-weight:700;display:grid;position:relative;overflow:hidden}.booking-root .logo:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff47,#0000 60%);position:absolute;inset:0}.booking-root .logo img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.booking-root .bk-only-desktop{display:block}.booking-root .bk-only-mobile{display:none}@media (max-width:767px){.booking-root .bk-only-desktop{display:none}.booking-root .bk-only-mobile{display:block}}.booking-root .logo .dot{border-radius:inherit;position:absolute;inset:0}.booking-root .logo .dot:before{content:"";background:#fff;border-radius:3px;width:11px;height:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.booking-root .logo.lg{border-radius:23px;width:82px;height:82px;font-size:30px}.booking-root .logo.lg .dot:before{border-radius:7px;width:24px;height:24px}.booking-root .logo.sm{width:30px;height:30px;font-size:var(--text-13);border-radius:9px}.booking-root .logo.sm .dot:before{border-radius:2.5px;width:9px;height:9px}.booking-root .av{--h:230;background:linear-gradient(140deg, oklch(.72 .13 var(--h)), oklch(.54 .16 var(--h)));color:#fff;letter-spacing:.01em;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff26}.booking-root .av img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.booking-root .av.s{width:28px;height:28px;font-size:10.5px}.booking-root .av.m{width:40px;height:40px;font-size:var(--text-13)}.booking-root .av.l{width:56px;height:56px;font-size:var(--text-17)}.booking-root .av.anyone{background:var(--brand-grad)}.booking-root .av .pulse{background:var(--success);border:2px solid var(--bg-elevated);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.booking-root .btn{border-radius:var(--r-xl);letter-spacing:-.01em;border:0;justify-content:center;align-items:center;gap:9px;width:100%;padding:15px 18px;font-size:15.5px;font-weight:700;transition:all .18s;display:inline-flex}.booking-root .btn-primary{background:var(--brand-grad);color:var(--brand-accent-fg);box-shadow:0 10px 22px -10px color-mix(in oklab, var(--brand-accent) 70%, transparent)}.booking-root .btn-primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 16px 30px -12px color-mix(in oklab, var(--brand-accent) 70%, transparent);transform:translateY(-1px)}.booking-root .btn-primary:disabled{opacity:.5;cursor:not-allowed}.booking-root .btn-ghost{background:var(--bg-elevated);color:var(--fg);border:1px solid var(--border-line)}.booking-root .btn-ghost:hover{border-color:var(--brand-accent-tint-strong);background:var(--bg-muted)}.booking-root .btn-sub{color:var(--fg-tertiary);text-align:center;margin-top:11px;font-size:12.5px}.booking-root .btn-sub b{color:var(--fg-secondary);font-weight:700}.booking-root .chip{align-items:center;gap:var(--s-sm);color:var(--fg-secondary);background:var(--bg-muted);border:1px solid var(--border-subtle);border-radius:var(--r-pill);padding:5px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.booking-root .chip.req{color:var(--warning-fg,var(--warning));background:var(--warning-tint);border-color:color-mix(in oklab, var(--warning) 28%, transparent)}.booking-root .chip.instant{color:var(--success-fg,var(--success));background:var(--success-tint);border-color:color-mix(in oklab, var(--success) 28%, transparent)}.booking-root .card{background:var(--bg-elevated);border:1px solid var(--border-line);border-radius:var(--r-3xl);box-shadow:var(--sh-sm)}.booking-root .fade-up{animation:.4s cubic-bezier(.2,.8,.2,1) booking-fade-up}@keyframes booking-fade-up{0%{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.booking-root .fade-up{animation:none}}@media (max-width:720px){.booking-root .wrap{padding:0 16px}}}
