:root{--ease-tab:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.2, 1.15, .35, 1);--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--dir:1}[dir=rtl]{--dir:-1}.press{-webkit-tap-highlight-color:transparent;transition:transform .18s,opacity .18s}.press:active:not(:disabled){transform:scale(.96)}.press:focus-visible{outline:2px solid var(--color-brand-600);outline-offset:2px}.btn{border-radius:var(--radius-md);cursor:pointer;height:48px;font:inherit;font-size:var(--font-size-label);line-height:var(--line-height-label);border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;display:inline-flex}.btn--cta{height:52px}.btn--pill{border-radius:var(--radius-full)}.btn--block{width:100%}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--color-brand-600);color:var(--color-on-brand)}.btn--secondary{background:var(--color-brand-100);color:var(--color-ink-900)}.btn--ghost{color:var(--color-brand-600);background:0 0}.btn--dark{background:var(--color-ink-surface);color:var(--color-white)}.btn--danger-ghost{color:var(--color-danger-600);background:0 0}.btn--mint{background:var(--color-brand-300);color:var(--color-on-maybe)}.slot{border-radius:var(--radius-md);border:1.5px solid var(--color-line);background:var(--color-surface-card);height:52px;color:var(--color-ink-900);cursor:pointer;font:inherit;font-size:var(--font-size-label);font-weight:600;transition:background-color .2s,border-color .2s,color .2s,transform .18s}.slot[data-state=available]{background:var(--color-brand-100);border-color:var(--color-brand-100)}.slot[data-state=selected]{background:var(--color-brand-600);border-color:var(--color-brand-600);color:var(--color-on-brand)}.slot[data-state=maybe]{background:var(--color-maybe-500);border-color:var(--color-maybe-500);color:var(--color-on-maybe)}.slot[data-state=full]{background:var(--color-surface-200);color:var(--color-ink-600);cursor:default;border-style:dashed;text-decoration:line-through}.slot-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.day-strip{scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;margin:0 -20px;padding:2px 20px;display:flex;overflow-x:auto}.day-strip::-webkit-scrollbar{display:none}.day-pill{scroll-snap-align:start;border-radius:var(--radius-lg);background:var(--color-surface-200);width:60px;height:76px;color:var(--color-ink-900);cursor:pointer;font:inherit;border:0;flex-direction:column;flex:none;justify-content:center;align-items:center;transition:background-color .2s,color .2s,transform .18s;display:flex}.day-pill__weekday{font-size:12px;font-weight:500;line-height:18px}.day-pill__day{font-size:22px;font-weight:700;line-height:30px}.day-pill[aria-pressed=true]{background:var(--color-brand-600);color:var(--color-on-brand)}.day-pill:disabled{opacity:.4;cursor:default}.select-card{text-align:start;cursor:pointer;width:100%;font:inherit;border-radius:var(--radius-lg);border:1.5px solid var(--color-line);background:var(--color-surface-card);color:var(--color-ink-900);align-items:center;gap:12px;padding:16px;transition:background-color .2s,border-color .2s,transform .18s;display:flex}.select-card[aria-pressed=true],.select-card[aria-checked=true]{border:2px solid var(--color-brand-600);background:var(--color-brand-100);padding:15.5px}.select-card:disabled{opacity:.4;cursor:default}.select-card__title{font-size:16px;font-weight:700;line-height:26px}.select-card__sub{font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);color:var(--color-ink-600)}.radio{border:2px solid var(--color-line);border-radius:999px;flex:none;place-items:center;width:22px;height:22px;display:grid}[aria-checked=true] .radio{border-color:var(--color-brand-600)}[aria-checked=true] .radio:after{content:"";background:var(--color-brand-600);border-radius:999px;width:10px;height:10px}.bento-grid{grid-template-columns:1fr 1fr;grid-auto-rows:156px;gap:12px;display:grid}.bento{cursor:pointer;font:inherit;text-align:start;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);border:0;flex-direction:column;justify-content:space-between;padding:20px;display:flex;position:relative;overflow:hidden}.bento--tall{grid-row:span 2}.bento--brand{background:var(--color-brand-600);color:var(--color-on-brand)}.bento--mint{background:var(--color-brand-100);color:var(--color-ink-900)}.bento--dark{background:var(--color-ink-surface);color:var(--color-white)}.bento__icon{border-radius:var(--radius-md);place-items:center;width:44px;height:44px;display:grid}.bento--brand .bento__icon{background:var(--color-brand-700)}.bento--mint .bento__icon{background:var(--color-surface-card);color:var(--color-brand-600)}.bento--dark .bento__icon{color:var(--color-brand-300)}.bento__watermark{inset-inline-end:-24px;opacity:.14;pointer-events:none;width:150px;position:absolute;bottom:-24px}.bento__title{font-size:var(--font-size-subheading);line-height:var(--line-height-subheading);font-weight:700}.bento__sub{font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);opacity:.8}.tabbar{inset-inline:20px;z-index:20;height:68px;box-shadow:var(--shadow-floating);background:color-mix(in srgb, var(--color-surface-card) 86%, transparent);-webkit-backdrop-filter:blur(18px);border-radius:999px;gap:4px;max-width:440px;margin-inline:auto;padding:8px;display:flex;position:fixed;bottom:28px}.tab{cursor:pointer;min-width:0;font:inherit;color:var(--color-ink-600);font-size:var(--font-size-label);transition:flex-grow .3s var(--ease-tab), background-color .3s var(--ease-tab), color .3s var(--ease-tab), transform .18s ease;background:0 0;border:0;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.tab[aria-selected=true]{background:var(--color-brand-600);color:var(--color-on-brand);flex-grow:2}.tab__label{white-space:nowrap;overflow:hidden}.sheet{inset-inline:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;background:var(--color-ink-surface);max-width:456px;color:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-floating);visibility:hidden;transition:transform .45s var(--ease-spring), visibility 0s linear .45s;flex-direction:column;gap:8px;margin-inline:auto;padding:20px;display:flex;position:fixed;transform:translateY(calc(100% + 24px))}.sheet[data-open=true]{visibility:visible;transition:transform .45s var(--ease-spring);transform:none}.sheet__handle{background:var(--color-white);opacity:.24;border-radius:999px;align-self:center;width:36px;height:4px}.sheet__summary{font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);opacity:.72}.sheet__time{align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.sheet__big{font-size:var(--font-size-display);line-height:var(--line-height-display);font-weight:700}.sheet__meta{color:var(--color-brand-300);font-size:var(--font-size-body-sm)}.success{z-index:50;background:var(--color-brand-600);color:var(--color-on-brand);flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:20px;animation:.2s both fade-in;display:flex;position:fixed;inset:0}.success__circle{background:var(--color-white);width:104px;height:104px;color:var(--color-brand-600);animation:pop .5s var(--ease-pop) both;border-radius:999px;place-items:center;display:grid}.success__content{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:420px;animation:.35s .15s both rise;display:flex}.success__actions{flex-direction:column;align-self:stretch;gap:12px;margin-top:16px;display:flex}@keyframes pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.progress{background:var(--color-surface-200);border-radius:999px;height:10px;overflow:hidden}.progress--card{background:var(--color-surface-card)}.progress__fill{background:var(--color-brand-600);border-radius:999px;height:100%;transition:width .35s}.chip{font-size:var(--font-size-caption);line-height:var(--line-height-caption);border-radius:999px;padding:3px 10px;font-weight:600;display:inline-flex}.chip--confirmed{background:var(--color-brand-100);color:var(--color-ink-900)}.chip--pending{background:var(--color-maybe-500);color:var(--color-on-maybe)}.chip--cancelled{background:var(--color-surface-200);color:var(--color-ink-600);text-decoration:line-through}.chip--tag{background:var(--color-surface-200);color:var(--color-ink-900)}.switch{cursor:pointer;background:var(--color-line);border:0;border-radius:999px;flex:none;width:52px;height:32px;padding:3px;transition:background-color .2s;position:relative}.switch[aria-checked=true]{background:var(--color-brand-600)}.switch:disabled{opacity:.4;cursor:default}.switch__knob{background:var(--color-white);width:26px;height:26px;box-shadow:var(--shadow-card);border-radius:999px;transition:transform .2s;display:block}.switch[aria-checked=true] .switch__knob{transform:translateX(calc(20px * var(--dir)))}.otp{direction:ltr;justify-content:center;gap:12px;display:flex;position:relative}.otp__box{border-radius:var(--radius-md);border:1.5px solid var(--color-line);background:var(--color-surface-card);width:64px;height:72px;font-size:var(--font-size-title);line-height:var(--line-height-title);place-items:center;font-weight:700;transition:border-color .2s,background-color .2s;display:grid}.otp__box[data-filled=true]{background:var(--color-brand-100)}.otp__box[data-current=true]{border:2px solid var(--color-brand-600)}.otp[data-error=true] .otp__box{border:2px solid var(--color-danger-600)}.otp[data-error=true]{animation:.25s linear shake}.otp__input{opacity:.01;color:#0000;caret-color:#0000;letter-spacing:60px;background:0 0;border:0;width:100%;font-size:16px;position:absolute;inset:0}.otp__error{color:var(--color-danger-600);text-align:center;font-size:var(--font-size-body-sm);margin:12px 0 0}@keyframes shake{20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.live-dot{background:var(--color-brand-300);border-radius:999px;width:8px;height:8px;animation:1.8s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.3}}.empty{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;display:flex}.empty__mark{width:64px;height:64px;color:var(--color-brand-600);opacity:.2}.empty__title{font-size:var(--font-size-subheading);line-height:var(--line-height-subheading);margin:0;font-weight:700}.empty__body{font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);color:var(--color-ink-600);margin:0 0 8px}.countdown{font-size:var(--font-size-label);line-height:var(--line-height-label);font-variant-numeric:tabular-nums;background:var(--color-brand-100);color:var(--color-ink-900);border-radius:999px;align-self:flex-start;padding:6px 14px;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.countdown[data-tone=urgent]{background:var(--color-maybe-500);color:var(--color-on-maybe)}.countdown[data-tone=ended]{background:var(--color-surface-200);color:var(--color-ink-600)}.dialog{border-radius:var(--radius-lg);background:var(--color-surface-card);color:var(--color-ink-900);box-shadow:var(--shadow-floating);border:none;width:min(400px,100vw - 40px);padding:24px 20px 20px}.dialog[open]{flex-direction:column;gap:12px;display:flex}.dialog::backdrop{background:color-mix(in srgb, var(--color-ink-surface) 40%, transparent)}.dialog .subheading{margin:0}.dialog__actions{flex-direction:column;gap:8px;margin-top:8px;display:flex}@media (prefers-reduced-motion:reduce){.press:active:not(:disabled){opacity:.75;transform:none}.sheet{opacity:0;transition:opacity .2s,visibility 0s linear .2s;transform:none}.sheet[data-open=true]{opacity:1;transition:opacity .2s}.success__circle,.success__content{animation:.2s both fade-in}.otp[data-error=true],.live-dot{animation:none}.tab,.switch__knob,.progress__fill{transition-duration:0s}}.guest-footer{justify-content:center;padding:8px 20px 32px;display:flex}.guest-footer__link{color:var(--color-ink-600);font-size:var(--font-size-caption);line-height:var(--line-height-caption);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.guest-footer__mark{width:14px;height:14px;color:var(--color-brand-600)}
