: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);font-family:DM Sans,sans-serif}*{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}}.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-step{animation:.3s ease-out step-appear}@keyframes step-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.booking-msg{background:var(--surface-alt);color:var(--text-primary);border-radius:2px 16px 16px;margin-bottom:16px;padding:16px;font-size:16px;line-height:1.5}.booking-msg__name{color:var(--accent);margin-bottom:6px;font-size:13px;font-weight:600}.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-step,.booking-confirmed__check{animation:none}}