:root{--background:#faf8f5;--surface:#fff;--surface-alt:#f5ede4;--text-primary:#2d3436;--text-secondary:#4a5354;--border:#ede3d6;--error:#d4726a;--success:#7bae8e;--warning:#e0c07a;--info:#6ba5a0;--blush:#e8b4a2;--lavender:#b8a9c9;--accent:#7bae8e;--accent-hover:color-mix(in srgb, var(--accent) 85%, black);--accent-light:color-mix(in srgb, var(--accent) 12%, white);--radius:12px;--radius-sm:6px;--radius-md:8px;--radius-lg:16px;--radius-pill:20px;--shadow-card:0 1px 3px #0000000f;--shadow-card-hover:0 2px 8px #0000001a;--shadow-elevated:0 4px 16px #00000014;--shadow-sheet:0 -4px 16px #00000014;--transition-hover:.12s ease-out;--transition-appear:.2s ease-out;--transition-page:.25s ease-in-out;--ease-sheet:cubic-bezier(.32, .72, 0, 1);--ease-calm:cubic-bezier(.2, .8, .2, 1);--font-serif:"DM Serif Display", "Cambria", Georgia, serif;--font-sans:"DM Sans", system-ui, sans-serif;--font-mono:"Inter", ui-monospace, SFMono-Regular, monospace;--text-micro:clamp(.75rem, .7rem + .25vw, .875rem);--text-caption:clamp(.8125rem, .75rem + .3vw, .9375rem);--text-body:clamp(.9375rem, .88rem + .3vw, 1.0625rem);--text-lede:clamp(1.0625rem, 1rem + .4vw, 1.25rem);--text-heading:clamp(1.25rem, 1.1rem + .75vw, 1.75rem);--text-display:clamp(1.75rem, 1.5rem + 1.5vw, 2.75rem);--measure:64ch;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;font-family:var(--font-sans)}*{box-sizing:border-box}body{background:var(--background);color:var(--text-primary);margin:0;font-size:16px;line-height:1.5}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}::view-transition-group(*){animation-duration:.28s;animation-timing-function:var(--ease-calm)}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 65%, transparent);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 65%, transparent);outline-offset:3px}.btn-calm{transition:transform .18s var(--ease-calm), box-shadow .18s var(--ease-calm), background-color .16s var(--ease-calm), border-color .16s var(--ease-calm), filter .16s var(--ease-calm);will-change:transform}.btn-calm:hover:not(:disabled){filter:brightness(.96);transform:translateY(-1px)}.btn-calm:active:not(:disabled){filter:brightness(.92);transition-duration:80ms;transform:translateY(0)scale(.98)}.btn-calm:disabled{cursor:not-allowed;opacity:.5}.card-interactive{transition:transform .22s var(--ease-calm), box-shadow .22s var(--ease-calm), border-color .16s var(--ease-calm)}.card-interactive:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2d343614}.card-chevron{transition:transform .22s var(--ease-calm);display:inline-block}.card-interactive:hover .card-chevron{transform:translate(4px)}.day-pill{transition:background-color .16s var(--ease-calm), border-color .16s var(--ease-calm), color .16s var(--ease-calm)}.day-pill:hover:not([aria-pressed=true]){background-color:color-mix(in srgb, var(--accent) 10%, transparent);border-color:color-mix(in srgb, var(--accent) 35%, transparent)}input.calm-input,textarea.calm-input{transition:border-color .18s var(--ease-calm), box-shadow .18s var(--ease-calm)}input.calm-input:focus,textarea.calm-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}@keyframes stagger-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger-in>.stagger-item{animation:stagger-rise .32s var(--ease-calm) both}.stagger-in>.stagger-item:first-child{animation-delay:0s}.stagger-in>.stagger-item:nth-child(2){animation-delay:40ms}.stagger-in>.stagger-item:nth-child(3){animation-delay:80ms}.stagger-in>.stagger-item:nth-child(4){animation-delay:.12s}.stagger-in>.stagger-item:nth-child(5){animation-delay:.16s}.stagger-in>.stagger-item:nth-child(6){animation-delay:.2s}.stagger-in>.stagger-item:nth-child(7){animation-delay:.24s}.stagger-in>.stagger-item:nth-child(8){animation-delay:.28s}@media (prefers-reduced-motion:reduce){.btn-calm,.btn-calm:hover,.btn-calm:active,.card-interactive,.card-interactive:hover,.card-chevron,.card-interactive:hover .card-chevron,.day-pill,.day-pill:hover,.calm-input,.calm-input:focus{transition:none!important;transform:none!important}.stagger-in>.stagger-item{animation:none!important}}.class-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-hover);flex-direction:column;gap:8px;padding:16px;display:flex}.class-card:hover{box-shadow:var(--shadow-card-hover)}.class-card__name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:DM Serif Display,serif;font-size:18px;line-height:1.3;overflow:hidden}.class-card__time{color:var(--text-secondary);margin:0;font-family:DM Sans,sans-serif;font-size:14px}.class-card__description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.class-card__badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.class-card__day-badge,.class-card__level-badge{border-radius:var(--radius-pill);background:var(--accent-light);color:var(--accent);padding:2px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;line-height:1.5;display:inline-block}.class-card__capacity{margin:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.class-card__capacity--available{color:var(--success)}.class-card__capacity--low{color:var(--warning)}.class-card__capacity--full{color:var(--error)}.class-card__actions{justify-content:flex-end;margin-top:auto;padding-top:4px;display:flex}.class-card__btn{border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-hover);padding:8px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;line-height:1}.class-card__btn:active{opacity:.8}.class-card__btn--book{background:var(--accent);color:#fff;border:none}.class-card__btn--book:hover{background:var(--accent-hover)}.class-card__btn--waitlist{border:1px solid var(--accent);color:var(--accent);background:0 0}.class-card__btn--waitlist:hover{background:var(--accent-light)}.class-card__btn--enrolled{background:var(--accent-light);color:var(--accent);cursor:default;opacity:.85;border:none}.booking-overlay{z-index:100;background:#2d343666;justify-content:center;align-items:flex-end;animation:.2s ease-out overlay-fade-in;display:flex;position:fixed;inset:0}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.booking-sheet{background:var(--surface);width:100%;max-width:640px;max-height:85vh;box-shadow:var(--shadow-sheet);padding:24px 24px 32px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;animation:.3s cubic-bezier(.32,.72,0,1) sheet-slide-up;overflow-y:auto}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.booking-sheet__handle{background:var(--border);border-radius:2px;width:32px;height:4px;margin:0 auto 20px}.booking-sheet__close{background:var(--surface-alt);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;z-index:2;border:none;border-radius:50%;font-size:22px;line-height:1;position:absolute;top:12px;right:12px}.booking-sheet{position:relative}.booking-chat{scroll-behavior:smooth;flex-direction:column;gap:12px;max-height:50vh;padding:4px 4px 16px;display:flex;overflow-y:auto}.chat-msg{max-width:85%;animation:chat-msg-rise .26s var(--ease-calm) both;flex-direction:column;display:flex}.chat-msg--thea{align-self:flex-start}.chat-msg--you{align-self:flex-end;align-items:flex-end}.chat-msg__name{color:var(--accent);letter-spacing:.02em;margin-bottom:4px;font-size:12px;font-weight:600}.chat-msg__bubble{font-size:var(--text-body);line-height:1.5;font-family:var(--font-sans);border-radius:16px;padding:12px 16px}.chat-msg--thea .chat-msg__bubble{background:var(--surface-alt);color:var(--text-primary);border-radius:4px 16px 16px}.chat-msg--you .chat-msg__bubble{background:var(--accent);color:#fff;border-radius:16px 16px 4px}.chat-msg__bubble--typing{align-items:center;gap:5px;padding:14px 18px;display:inline-flex}.typing-dot{background:var(--text-secondary);opacity:.4;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typing-pulse}.typing-dot:nth-child(2){animation-delay:.18s}.typing-dot:nth-child(3){animation-delay:.36s}@keyframes typing-pulse{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:.9;transform:translateY(-2px)}}@keyframes chat-msg-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.booking-input-area{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.booking-label{color:var(--text-secondary);font-size:13px;font-family:var(--font-sans);margin-bottom:6px;display:block}.booking-input{border:1px solid var(--border);width:100%;color:var(--text-primary);background:var(--surface);height:48px;transition:border-color var(--transition-hover);border-radius:8px;outline:none;margin-bottom:12px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:16px}.booking-input:focus{border-color:var(--accent)}.booking-input--error{border-color:var(--error)}.booking-phone-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.booking-phone-prefix{color:var(--text-secondary);white-space:nowrap;padding:12px 0;font-size:16px;font-weight:500}.booking-phone-row .booking-input{flex:1;margin-bottom:0}.booking-btn{cursor:pointer;width:100%;height:48px;transition:opacity var(--transition-hover);border:none;border-radius:8px;margin-top:8px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:500}.booking-btn:disabled{opacity:.5;cursor:not-allowed}.booking-btn--primary{background:var(--accent);color:#fff}.booking-btn--text{color:var(--text-secondary);background:0 0;height:auto;padding:8px 0;font-size:14px}.booking-error{color:var(--error);margin-bottom:8px;font-size:13px}.booking-otp-grid{justify-content:center;gap:8px;margin:16px 0;display:flex}.booking-otp-digit{border:1px solid var(--border);text-align:center;width:48px;height:56px;color:var(--text-primary);transition:border-color var(--transition-hover);border-radius:8px;outline:none;font-family:Inter,DM Sans,sans-serif;font-size:24px;font-weight:600}.booking-otp-digit:focus{border-color:var(--accent)}.booking-confirmed{text-align:center;padding:24px 0}.booking-confirmed__check{background:var(--success);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;animation:.2s ease-out check-scale;display:flex}@keyframes check-scale{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.booking-resend{text-align:center;color:var(--text-secondary);margin-top:12px;font-size:14px}.booking-resend button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500}.booking-resend button:disabled{color:var(--text-secondary);cursor:not-allowed}@media (prefers-reduced-motion:reduce){.booking-overlay,.booking-sheet,.booking-confirmed__check,.chat-msg,.typing-dot{animation:none!important}.booking-chat{scroll-behavior:auto}}@supports (animation-timeline:scroll()){.hero-image{will-change:transform;animation:linear both hero-drift;animation-timeline:scroll(root);animation-range:0 60vh}.hero-title{will-change:transform, opacity;animation:linear both hero-rise;animation-timeline:scroll(root);animation-range:0 40vh}}@keyframes hero-drift{to{transform:translateY(48px)scale(1.02)}}@keyframes hero-rise{to{opacity:.85;transform:translateY(-24px)}}@media (prefers-reduced-motion:reduce){.hero-image,.hero-title{will-change:auto;animation:none!important}}.schedule-flash{border-radius:var(--radius-lg);animation:1.1s cubic-bezier(.2,.8,.2,1) schedule-flash}@keyframes schedule-flash{0%{background-color:#0000;box-shadow:0 0 #0000}15%{background-color:color-mix(in srgb, var(--accent) 28%, transparent);box-shadow:0 0 0 8px color-mix(in srgb, var(--accent) 22%, transparent)}60%{background-color:color-mix(in srgb, var(--accent) 14%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 10%, transparent)}to{background-color:#0000;box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.schedule-flash{animation:none}}
