.slot-picker{--sp-accent:var(--fn-accent,var(--brand-solid,#7739ea));--sp-on-accent:var(--fn-on-accent,var(--on-brand,#fff));--sp-ink:var(--fn-ink,var(--ink,#272632));--sp-muted:var(--fn-muted,var(--muted,#777582));--sp-card:var(--fn-card,var(--surface,#fff));--sp-line:var(--fn-line,var(--line,#ecebf1));--sp-line-strong:var(--fn-line-strong,var(--line-strong,#e0dce8));--sp-field:var(--fn-field,var(--surface-subtle,#faf9fc));--sp-option-hover:var(--fn-option-hover,var(--surface-hover,#f5f2fa));--sp-soft:var(--fn-accent-soft,var(--purple-soft,#f2ecfc));--sp-tint:var(--fn-accent-tint,var(--purple-soft,#eadffc));--sp-accent-ink:var(--fn-accent-ink,var(--purple,#7739ea));--sp-radius:14px;--sp-ease:cubic-bezier(.2, .8, .2, 1);min-width:0;color:var(--sp-ink);font-family:var(--fn-font,inherit);grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.slot-picker>*{min-width:0}.slot-picker .sp-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.slot-picker button{-webkit-tap-highlight-color:transparent}.slot-picker button:focus:not(:focus-visible){outline:none}.slot-picker button:focus-visible{outline:2px solid var(--sp-accent-ink);outline-offset:2px}.slot-picker .sp-toolbar{justify-content:space-between;align-items:center;gap:10px;min-height:36px;display:flex}.slot-picker .sp-month-label{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:650}.slot-picker .sp-nav{align-items:center;gap:6px;display:flex}.slot-picker .sp-icon-button,.slot-picker .sp-view-toggle{border:1px solid var(--sp-line-strong);background:var(--sp-card);height:36px;color:var(--sp-ink);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex}.slot-picker .sp-icon-button{width:36px;padding:0}.slot-picker .sp-view-toggle{padding:0 12px 0 10px}.slot-picker .sp-icon-button:hover:not(:disabled),.slot-picker .sp-view-toggle:hover{border-color:var(--sp-accent);background:var(--sp-soft)}.slot-picker .sp-view-toggle[aria-pressed=true]{border-color:var(--sp-accent);background:var(--sp-soft);color:var(--sp-ink)}.slot-picker .sp-icon-button:disabled{opacity:.35;cursor:default}.slot-picker .sp-strip-wrap{margin:0 -4px;position:relative}.slot-picker .sp-strip{overscroll-behavior-x:none;scroll-snap-type:x mandatory;scrollbar-width:none;gap:6px;margin-bottom:-8px;padding:4px 4px 12px;scroll-padding:4px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),#0000 100%)}.slot-picker .sp-strip::-webkit-scrollbar{display:none}.slot-picker .sp-day{border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:var(--sp-card);height:76px;color:var(--sp-ink);font:inherit;cursor:pointer;scroll-snap-align:start;transition:background-color .14s, border-color .14s, transform .16s var(--sp-ease), box-shadow .16s var(--sp-ease);flex:0 0 58px;align-content:center;justify-items:center;gap:2px;padding:0;display:grid;position:relative}.slot-picker .sp-day-dow{letter-spacing:.06em;text-transform:uppercase;color:var(--sp-muted);font-size:11px;font-weight:600}.slot-picker .sp-day-num{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1.1}.slot-picker .sp-dots{gap:3px;height:5px;display:flex}.slot-picker .sp-dots i{background:var(--sp-accent-ink);border-radius:999px;width:5px;height:5px}.slot-picker .sp-day:hover:not(.active){border-color:var(--sp-accent);background:var(--sp-soft)}.slot-picker .sp-day.empty{background:0 0;border-color:#0000}.slot-picker .sp-day.empty .sp-day-num{color:var(--sp-muted);opacity:.6;font-weight:500}.slot-picker .sp-day.empty:hover:not(.active){border-color:var(--sp-line);background:var(--sp-field)}.slot-picker .sp-day.active{border-color:var(--sp-accent);background:var(--sp-accent);color:var(--sp-on-accent);box-shadow:0 4px 10px color-mix(in srgb, var(--sp-accent) 30%, transparent)}.slot-picker .sp-day.active .sp-day-dow{color:inherit;opacity:.8}.slot-picker .sp-day.active .sp-day-num{color:inherit;opacity:1}.slot-picker .sp-day.active .sp-dots i{background:var(--sp-on-accent)}.slot-picker .sp-day:active{transform:scale(.97)}.slot-picker .sp-month{border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:var(--sp-card);gap:4px;padding:10px;display:grid}.slot-picker .sp-month-dow,.slot-picker .sp-month-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.slot-picker .sp-month-dow span{text-align:center;letter-spacing:.06em;color:var(--sp-muted);padding:4px 0;font-size:11px;font-weight:600}.slot-picker .sp-mday,.slot-picker .sp-mday-pad{font-variant-numeric:tabular-nums;border-radius:12px;place-items:center;height:44px;font-size:14px;display:grid;position:relative}.slot-picker .sp-mday-pad.out{color:var(--sp-muted);opacity:.35}.slot-picker .sp-mday{background:var(--sp-soft);color:var(--sp-ink);font:inherit;cursor:pointer;border:1px solid #0000;font-weight:650;transition:background-color .14s,border-color .14s}.slot-picker .sp-mday i{background:var(--sp-accent-ink);border-radius:999px;width:4px;height:4px;position:absolute;bottom:6px}.slot-picker .sp-mday:hover:not(.active){border-color:var(--sp-accent)}.slot-picker .sp-mday.empty{color:var(--sp-muted);background:0 0;font-weight:500}.slot-picker .sp-mday.active{background:var(--sp-accent);color:var(--sp-on-accent)}.slot-picker .sp-mday.active i{background:var(--sp-on-accent)}.slot-picker .sp-day-heading{border-top:1px solid var(--sp-line);justify-content:space-between;align-items:baseline;gap:10px;padding-top:14px;display:flex}.slot-picker .sp-day-heading p{margin:0;font-size:15px;font-weight:650}.slot-picker .sp-day-heading span{color:var(--sp-muted);font-variant-numeric:tabular-nums;font-size:13px}.slot-picker .sp-groups{gap:14px;display:grid}.slot-picker .sp-group{gap:8px;display:grid}.slot-picker .sp-group-label{color:var(--sp-muted);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600;display:flex}.slot-picker .sp-group-label span{background:var(--sp-field);min-width:20px;box-shadow:inset 0 0 0 1px var(--sp-line);color:var(--sp-muted);letter-spacing:0;text-align:center;border-radius:999px;padding:1px 6px;font-size:11px}.slot-picker .sp-times{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.slot-picker .sp-time{border:1px solid var(--sp-line-strong);background:var(--sp-card);min-height:46px;color:var(--sp-ink);font:inherit;font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer;transition:background-color .14s, border-color .14s, color .14s, transform .16s var(--sp-ease), box-shadow .16s var(--sp-ease);border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.slot-picker .sp-time:hover:not(.active){border-color:var(--sp-accent);background:var(--sp-soft)}.slot-picker .sp-time:active{transform:scale(.97)}.slot-picker .sp-time.active{border-color:var(--sp-accent);background:var(--sp-accent);color:var(--sp-on-accent);box-shadow:0 6px 16px color-mix(in srgb, var(--sp-accent) 30%, transparent)}.slot-picker .sp-state{border:1px dashed var(--sp-line-strong);border-radius:var(--sp-radius);background:var(--sp-field);color:var(--sp-muted);text-align:center;justify-items:center;gap:10px;padding:28px 18px;font-size:14px;line-height:1.5;display:grid}.slot-picker .sp-state p{max-width:360px;margin:0}.slot-picker .sp-state.compact{padding:20px 16px}.slot-picker .sp-state-icon{background:var(--sp-soft);width:40px;height:40px;color:var(--sp-accent-ink);border-radius:999px;place-items:center;display:grid}.slot-picker .sp-state-action{border:1px solid var(--sp-line-strong);background:var(--sp-card);min-height:40px;color:var(--sp-ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.slot-picker .sp-state-action:hover{border-color:var(--sp-accent);background:var(--sp-soft)}.slot-picker .sp-tz{color:var(--sp-muted);flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0;font-size:12.5px;display:flex}.slot-picker .sp-tz-toggle{min-height:28px;color:var(--sp-accent-ink);font:inherit;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 4px;font-weight:600}.slot-picker .sp-tz-toggle:hover{text-decoration-color:currentColor}.slot-picker .sp-skel{background:linear-gradient(90deg, var(--sp-field) 0%, color-mix(in srgb, var(--sp-line) 70%, var(--sp-field)) 45%, var(--sp-field) 90%);background-size:300% 100%;border-radius:10px;animation:1.4s ease-in-out infinite sp-shimmer;display:block}.slot-picker .sp-skel-title{width:128px;height:18px}.slot-picker .sp-skel-toggle{border-radius:999px;width:120px;height:36px}.slot-picker .sp-strip-skel{gap:6px;display:flex;overflow:hidden}.slot-picker .sp-skel-day{border-radius:var(--sp-radius);flex:0 0 58px;height:76px}.slot-picker .sp-skel-heading{width:180px;height:18px;margin-top:6px}.slot-picker .sp-skel-time{border-radius:999px;height:46px}@keyframes sp-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.slot-picker-spin{animation:.9s linear infinite slot-picker-spin}@keyframes slot-picker-spin{to{transform:rotate(360deg)}}@media (max-width:480px){.slot-picker .sp-day{flex-basis:calc(18.5185% - 5.55556px);min-width:50px;height:72px}.slot-picker .sp-skel-day{flex-basis:52px}.slot-picker .sp-times{grid-template-columns:repeat(3,minmax(0,1fr))}.slot-picker .sp-time{padding:0 6px;font-size:13.5px}.slot-picker .sp-view-toggle span{display:none}.slot-picker .sp-view-toggle{width:36px;padding:0}}@media (max-width:340px){.slot-picker .sp-times{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.slot-picker-spin,.slot-picker .sp-skel{animation:none}.slot-picker .sp-day,.slot-picker .sp-time,.slot-picker .sp-mday,.slot-picker .sp-icon-button,.slot-picker .sp-view-toggle{transition:none}.slot-picker .sp-day:active,.slot-picker .sp-time:active{transform:none}}.bkp-page{background:var(--fn-bg,var(--bg,#f7f8fa));min-height:100dvh;color:var(--fn-ink,var(--ink,#272632));font-family:var(--fn-font,inherit);box-sizing:border-box;justify-content:center;align-items:flex-start;padding:32px 16px 48px;display:flex}.bkp-card.bkp-card-message{align-self:center}.bkp-card{background:var(--fn-card,var(--surface,#fff));border:1px solid var(--fn-line,var(--line,#ecebf1));border-radius:18px;width:100%;max-width:560px;overflow:hidden;box-shadow:0 12px 36px #0000000f}.bkp-header{border-bottom:1px solid var(--fn-line,var(--line,#ecebf1));justify-content:center;padding:18px 20px;display:flex}.bkp-logo{object-fit:contain;max-width:200px;max-height:40px}.bkp-company{font-size:16px}.bkp-body{grid-template-columns:minmax(0,1fr);gap:14px;padding:22px 20px 24px;display:grid}.bkp-body h1,.bkp-done h1{margin:0;font-size:22px;line-height:1.25}.bkp-body h2{margin:4px 0 0;font-size:15px}.bkp-meta,.bkp-small{color:var(--fn-muted,var(--muted,#777582));margin:0;font-size:14px}.bkp-current{background:var(--fn-field,var(--surface-subtle,#faf9fc));border:1px solid var(--fn-line,var(--line,#ecebf1));border-radius:12px;gap:2px;padding:12px 14px;display:grid}.bkp-current span,.bkp-current small{color:var(--fn-muted,var(--muted,#777582));font-size:12.5px}.bkp-button{border:1px solid var(--fn-accent,var(--brand-solid,#7739ea));background:var(--fn-accent,var(--brand-solid,#7739ea));min-height:46px;color:var(--fn-on-accent,var(--on-brand,#fff));font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.bkp-button:disabled{opacity:.55;cursor:not-allowed}.bkp-button.secondary{color:var(--fn-accent-ink,var(--purple,#7739ea));background:0 0}.bkp-button.danger{color:#fff;background:#c14b56;border-color:#c14b56;min-height:38px}.bkp-button:focus-visible,.bkp-link:focus-visible{outline:2px solid var(--fn-accent,var(--brand-solid,#7739ea));outline-offset:2px}.bkp-confirm{width:100%}.bkp-confirm:not(:disabled){box-shadow:0 8px 20px color-mix(in srgb, var(--fn-accent,#7739ea) 28%, transparent)}@media (max-width:600px){.bkp-confirm{z-index:2;position:sticky;bottom:12px}}.bkp-link{color:var(--fn-muted,var(--muted,#777582));font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:14px;text-decoration:underline}.bkp-cancel{justify-self:center}.bkp-cancel-confirm{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.bkp-error{color:#b43d49;background:#c14b561a;border-radius:10px;margin:0;padding:10px 12px;font-size:14px}.bkp-done{text-align:center;justify-items:center;gap:10px;padding:32px 20px 30px;display:grid}.bkp-done>svg{color:var(--fn-accent-ink,var(--purple,#7739ea))}.bkp-done p{color:var(--fn-muted,var(--muted,#777582));max-width:400px;margin:0}.bkp-done .bkp-when{color:inherit;font-size:17px;font-weight:600}.bkp-done a:not(.bkp-button){color:var(--fn-accent-ink,var(--purple,#7739ea))}.bkp-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.bkp-where{color:inherit;align-items:flex-start;gap:6px;margin:0;font-size:14px;display:flex}.bkp-where svg{color:var(--fn-accent-ink,var(--purple,#7739ea));flex:none;margin-top:2px}.bkp-address{gap:6px;display:grid;position:relative}.bkp-address label{align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.bkp-address small{color:var(--fn-muted,var(--muted,#777582));font-size:12.5px}.bkp-input{border:1px solid var(--fn-line-strong,var(--line,#ecebf1));background:var(--fn-field,var(--surface,#fff));width:100%;min-height:46px;color:inherit;font:inherit;border-radius:12px;padding:0 14px;font-size:16px}.bkp-input:focus-visible{outline:2px solid var(--fn-accent,var(--brand-solid,#7739ea));outline-offset:1px}.bkp-suggestions{border:1px solid var(--fn-line,var(--line,#ecebf1));background:var(--fn-card,var(--surface,#fff));border-radius:12px;margin:0;padding:4px;list-style:none}.bkp-suggestions button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;gap:2px;padding:8px 10px;display:grid}.bkp-suggestions button:hover,.bkp-suggestions button:focus-visible{background:var(--fn-option-hover,var(--surface-subtle,#faf9fc));outline:none}.bkp-suggestions span{color:var(--fn-muted,var(--muted,#777582));font-size:13px}.slot-picker .sp-notice{border:1px solid var(--sp-line);background:var(--sp-field);color:var(--sp-ink);border-radius:10px;align-items:flex-start;gap:6px;margin:0 0 10px;padding:8px 10px;font-size:13px;line-height:1.4;display:flex}.slot-picker .sp-notice svg{color:var(--sp-accent);flex:none;margin-top:2px}
