/* A plain white surface for inspecting the optical edges without a texture. */
.glass-ui[data-theme=white]{color-scheme:light;--ink:#2d383e;--muted:#69767d;--line:#8b9ba52d;--faint:#73858f1c;--glass:#ffffff80;--secondary:#f3f6f840;--accent:#465861;--on-accent:#fff;--control-top:#ffffffb5;--control-bottom:#eef2f44a;--rim:#a9b5bc75;--inner-dark:#586d7c2b;--depth:#4258671d;--shine:#fff;--sheet-bg:linear-gradient(145deg,#fffffff2,#edf2f4eb);background:#fff}
.glass-ui[data-theme=white] .backdrop{background:#fff}
.glass-ui[data-theme=white] .backdrop:before,.glass-ui[data-theme=white] .backdrop:after{content:none}
.glass-ui[data-theme=white] .glass{box-shadow:inset 0 1px 1px #fff,inset 0 -2px 3px var(--inner-dark),0 4px 8px var(--depth),0 16px 35px #42586707}
.glass-ui[data-theme=white] .field-label :is(input,textarea){background:linear-gradient(150deg,#edf1f344,#ffffffa6)}
.glass-ui[data-theme=white] .service-choice[aria-pressed=true]>svg{color:var(--ink)}
.glass-ui[data-theme=white] .primary-button,.glass-ui[data-theme=white] .calendar-day[aria-pressed=true],.glass-ui[data-theme=white] .client-choice .service-choice[aria-pressed=true]{background:linear-gradient(145deg,#fff,#edf3f577 60%,#ffffffbf)}
.glass-ui[data-theme=white] .form-error{color:#9a3c3a}
.glass-ui[data-theme=white] .sheet[data-workdays-focus=true]::backdrop{background:#bac6cc40}
.glass-ui[data-theme=white] :is(button,a,input,textarea):focus-visible{outline-color:#607f91}
.glass-ui[data-theme=white] .app-footer{background:linear-gradient(0deg,#ffffffd9,#ffffff00)}
.desktop-only{display:none}
.demo-scenarios{display:grid;gap:10px;margin:22px 0 14px}
.message-preview{background:linear-gradient(155deg,var(--control-top),var(--control-bottom));border:1px solid var(--rim);border-radius:21px;padding:17px;box-shadow:inset 0 1px 1px var(--shine),0 6px 20px var(--depth)}
.message-preview>small{display:block;color:var(--muted);font-size:10px;margin-bottom:15px}
.message-preview article h3{font-size:17px;margin-bottom:15px;font-weight:550}
.message-preview article p{font-size:13px;line-height:1.65;margin:11px 0;overflow-wrap:anywhere}
.message-preview-action{font-size:12px;text-align:center;padding:12px 5px;border-top:1px solid var(--line);color:var(--ink)}
.reminder-preview-times{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.reminder-preview-times span{font-size:10px;border:1px solid var(--line);border-radius:20px;padding:7px 9px;color:var(--muted)}

@media(min-width:1000px){
 .glass-ui .backdrop,.refined .backdrop{width:100%;max-width:none;left:0;transform:none}
 .glass-ui .app{display:grid;grid-template-columns:218px minmax(0,1fr);grid-template-rows:87px minmax(0,1fr);gap:0;max-width:1440px;width:100%;height:100dvh;min-height:600px;margin:0 auto;border:0}
 .glass-ui .app-header{grid-column:1/-1;grid-row:1;padding:20px 32px;border-bottom:1px solid var(--faint);margin:0;min-height:0}
 .glass-ui .brand{font-size:27px}.glass-ui .header-actions{gap:19px}.glass-ui .demo-chip{min-height:32px;padding-inline:11px;font-size:11px}
 .glass-ui .scroll{grid-column:2;grid-row:2;min-height:0;min-width:0;padding:30px 36px 42px;overflow:auto}
 .glass-ui .page-content{width:100%;max-width:1120px;margin:0 auto}
 .glass-ui .app-footer{grid-column:1;grid-row:2;position:static;align-self:stretch;display:flex;flex-direction:column;padding:30px 17px;border-right:1px solid var(--faint);background:none;backdrop-filter:none;-webkit-backdrop-filter:none}
 .glass-ui .bottom-tabs{order:0;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,52px);gap:4px;width:100%;padding:5px;border-radius:21px;background:linear-gradient(165deg,var(--control-top),var(--control-bottom))}
 .glass-ui .bottom-tabs .nav-button{display:flex;flex-direction:row;justify-content:flex-start;gap:12px;font-size:12px;min-height:52px;padding:0 12px;line-height:1.3}
 .glass-ui .bottom-tabs .nav-button svg{width:19px;height:19px;flex-shrink:0}
 .glass-ui .nav-indicator{left:5px;top:5px;bottom:auto;width:calc(100% - 10px);height:52px;transform:translateY(0)}
 .glass-ui .bottom-tabs[data-active="1"] .nav-indicator{transform:translateY(56px)}
 .glass-ui .bottom-tabs[data-active="2"] .nav-indicator{transform:translateY(112px)}
 .glass-ui .app-footer>.primary-button{order:1;margin:20px 0 0;width:100%;font-size:12px;padding-inline:10px;gap:7px;border-radius:18px;min-height:48px}
 .desktop-only{display:block}.desktop-page-title{font-size:31px;font-weight:520;letter-spacing:-1px;margin:0 0 24px}
 .glass-ui .date-row{max-width:430px;margin-bottom:6px}.glass-ui .date-row .date-button{font-size:14px;min-height:46px}.glass-ui .date-caption{max-width:430px;margin-bottom:18px}
 .desktop-day-columns{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:25px;align-items:start}
 .glass-ui .record-list{gap:10px}.glass-ui .record{grid-template-columns:54px minmax(0,1fr) auto;min-height:80px;padding:15px 17px;gap:14px;border-radius:19px}
 .glass-ui .record-time{font-size:16px}.glass-ui .record-time small{font-size:12px}.glass-ui .record-person strong{font-size:14px}.glass-ui .record-person small{font-size:12px}.glass-ui .record-meta strong{font-size:13px}.glass-ui .record-meta small{font-size:11px}
 .day-sidebar{display:grid;gap:17px}.day-summary{border-radius:21px;padding:20px}.day-summary h2{font-size:13px;font-weight:550;line-height:1.5;margin-bottom:16px}.day-summary dl{margin:0}.day-summary dl>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;padding:11px 0;border-bottom:1px solid var(--faint)}.day-summary dl>div:last-child{border:0;padding-bottom:0}.day-summary dt{color:var(--muted)}.day-summary dd{font-weight:550;white-space:nowrap;margin:0}.day-summary p{font-size:12px;line-height:1.6;margin:9px 0;color:var(--muted)}.day-summary>small{font-size:11px;color:var(--muted);display:block;margin-top:6px}.next-visit-time{font-size:29px;font-weight:500;letter-spacing:-1px}.day-summary .secondary-button{font-size:11px;margin-top:17px;min-height:42px}.day-summary .text-button{margin-top:11px;font-size:11px}
 .glass-ui .page-title{font-size:31px;margin:0 0 26px}.glass-ui .client-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.glass-ui .client-entry{min-height:77px}.glass-ui .search-field{max-width:560px;margin-bottom:24px}
 .glass-ui .page-content:has(>.profile-card){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 25px;align-items:start}
 .glass-ui .page-content:has(>.profile-card)>.page-title,.glass-ui .page-content:has(>.profile-card)>.profile-card{grid-column:1/-1}
 .glass-ui .profile-card{max-width:100%;margin-bottom:25px;padding:20px}.glass-ui .settings-group.glass{gap:12px}.glass-ui .settings-row{min-height:80px;padding:18px}.glass-ui .settings-row strong{font-size:14px}.glass-ui .settings-row small{font-size:12px}.glass-ui .sharing-card{padding:23px}.glass-ui .sharing-card .share-note{font-size:11px;line-height:1.6}
 .glass-ui .sheet{width:min(calc(100% - 48px),530px)}.glass-ui .sheet-body{padding:25px 29px 28px}.glass-ui .sheet-head h2{font-size:23px}.glass-ui .calendar-grid{gap:7px}.glass-ui .calendar-day{font-size:14px}
 .glass-ui .app[data-page=client]{grid-template-columns:1fr}
 .glass-ui .app[data-page=client] .app-header{width:100%;max-width:1080px;margin:0 auto}
 .glass-ui .app[data-page=client] .scroll{grid-column:1;padding-top:32px}
 .glass-ui .app[data-page=client] .page-content{max-width:1016px}
 .client-booking-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:start}
 .glass-ui .client-hero{position:sticky;top:0;padding:26px;margin:0}.glass-ui .client-hero h1{font-size:27px;line-height:1.2}.glass-ui .client-hero .subtitle{line-height:1.65}.glass-ui .client-hero .profile-about{margin-top:18px;line-height:1.7}
 .client-booking-flow>h2{font-size:24px;font-weight:520;letter-spacing:-.5px;margin:0 0 22px}.glass-ui .client-booking-flow .client-choice{padding:23px;margin-top:0;margin-bottom:20px}.glass-ui .client-choice .service-choice{min-height:76px}.glass-ui .client-choice .service-choice strong{font-size:14px}.glass-ui .client-choice .service-choice small{font-size:11px}.glass-ui .client-choice .time-slots{grid-template-columns:repeat(5,minmax(0,1fr))}
 .glass-ui .success-state{max-width:600px;margin:35px auto}
 .glass-ui .toast{bottom:30px;left:calc(50% + 100px)}
}
@media(min-width:1000px) and (max-width:1180px){.glass-ui .scroll{padding-inline:24px}.desktop-day-columns{grid-template-columns:minmax(0,1fr) 230px;gap:18px}.glass-ui .app{grid-template-columns:198px minmax(0,1fr)}.glass-ui .record{padding-inline:13px;gap:10px}.glass-ui .record-person strong{font-size:13px}.glass-ui .record-meta strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.message-preview,.glass-ui .nav-indicator{transition:none}}