.booking-app{background:#f3f6f7;color:#203631;font-family:"Segoe UI",system-ui,sans-serif}.booking-app .public-header{background:white;border-bottom:1px solid #e0e8e5}.booking-app .public-layout{max-width:1200px;margin:36px auto;gap:32px;align-items:start}.booking-app .public-story{border-radius:20px;background:#e8efec;position:sticky;top:24px}.booking-app .public-content{background:white;border:1px solid #dfe8e3;border-radius:20px;padding:36px;min-width:0}.booking-app h1{font-family:"Segoe UI",system-ui,sans-serif;font-size:32px;font-weight:650;letter-spacing:-1px}.booking-app .choice-card{border-radius:12px;min-height:84px;transition:border-color .15s,background .15s}.booking-app .choice-card:hover{border-color:var(--brand);background:#f5f9f7}.booking-app .choice-card.selected{border:2px solid var(--brand);background:#edf5f1}.booking-app .choice-card[hidden]{display:none}.booking-app .choice-card:focus-visible,.booking-app button:focus-visible{outline:3px solid #a5c5ef;outline-offset:3px}.service-discovery{display:flex;gap:12px;margin:22px 0 16px}.service-discovery .search-field{flex:1;min-width:0}.service-discovery input{width:100%;min-width:0}.service-discovery select{max-width:44%;border:1px solid #dfe8e3;border-radius:10px;padding:10px;background:white}.booking-app .service-description{font-size:12px;line-height:1.5;max-width:360px;margin-top:6px}.booking-app .date-strip{display:flex;overflow:auto;gap:8px;padding:4px 0 12px}.booking-app .date-strip button{flex:1;min-width:72px;min-height:90px;border-radius:12px;padding:10px 7px}.day-availability{white-space:nowrap;font-size:10px!important}.day-full{opacity:.55}.next-slot-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 22px}.next-slot-row>span{font-size:11px;color:#667d75}.booking-app .time-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.booking-app .time-slots .btn{min-height:48px;border-radius:10px;font-variant-numeric:tabular-nums}.confirmation-tools{display:grid;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid #dfe8e3;text-align:left}.confirmation-tools small{color:#65786e;line-height:1.6}.confirmation-tools input{width:100%;min-width:0}.test-mode-label{display:block;margin-top:12px;color:#74857d;font-size:11px}.booking-app .booking-next-dock{background:white;border-top:1px solid #e1e9e5;padding-top:16px}.booking-app .public-footer{line-height:1.7}.booking-app .booking-steps button.current b{box-shadow:0 0 0 5px #edf5f1}.booking-app .public-lead{font-size:15px;color:#64786e}.booking-app .time-groups h3{font-size:14px}.booking-app .salon-summary-header h2{font-family:"Segoe UI",system-ui,sans-serif;font-size:23px}.booking-app .salon-avatar{border-radius:18px}.booking-app .public-content .btn.primary{min-height:50px;font-weight:600}.role-explainer{display:none}
@media(max-width:760px){.booking-app .public-layout{margin:12px auto;gap:14px}.booking-app .public-content{padding:22px 16px;border-radius:16px}.booking-app .public-story{position:static;border-radius:16px}.booking-app h1{font-size:27px}.service-discovery{flex-direction:column}.service-discovery select{max-width:100%;width:100%;min-height:44px}.booking-app .time-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.next-slot-row{align-items:flex-start;flex-direction:column;gap:2px}.booking-app .public-header{padding:14px 16px}.booking-app .public-logo strong{font-size:16px}.booking-app .date-strip button{min-width:67px}.booking-app .booking-next-dock{position:sticky;bottom:0;padding-bottom:12px;z-index:2}.booking-app .public-choices{gap:10px}}
@media(prefers-reduced-motion:reduce){.booking-app *{transition:none!important;scroll-behavior:auto!important}}
#modal label[hidden]{display:none}