/* One frosted shell, quiet content, and a restrained reflected edge. */
:root{
 --glass-tint:rgb(255 255 255 / 64%);
 --glass-edge:rgb(255 255 255 / 82%);
 --glass-rim:rgb(255 255 255 / 90%);
 --glass-shade:rgb(24 49 52 / 11%);
 --glass-wash:rgb(8 128 136 / 17%);
 --glass-light:rgb(255 255 255 / 92%);
 --glass-control:rgb(255 255 255 / 45%);
}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){
 --glass-tint:rgb(23 28 32 / 68%);--glass-edge:rgb(255 255 255 / 14%);--glass-rim:rgb(255 255 255 / 23%);--glass-shade:rgb(0 0 0 / 32%);--glass-wash:rgb(8 128 136 / 23%);--glass-light:rgb(157 184 186 / 15%);--glass-control:rgb(255 255 255 / 4%);
}}
:root[data-theme=dark]{
 --glass-tint:rgb(23 28 32 / 68%);--glass-edge:rgb(255 255 255 / 14%);--glass-rim:rgb(255 255 255 / 23%);--glass-shade:rgb(0 0 0 / 32%);--glass-wash:rgb(8 128 136 / 23%);--glass-light:rgb(157 184 186 / 15%);--glass-control:rgb(255 255 255 / 4%);
}
body{
 background-color:var(--bg);
 background-image:radial-gradient(ellipse 65% 72% at 4% 18%,var(--glass-wash),transparent 78%),radial-gradient(ellipse 58% 48% at 96% 82%,var(--glass-wash),transparent 78%),linear-gradient(125deg,transparent 22%,var(--glass-light) 48%,transparent 70%);
 background-attachment:fixed;
}
.booking-experience,.booking-panel,.request-card,.share-preview,.email-shell{
 background:var(--surface);border:1px solid var(--glass-edge);border-radius:28px;
 box-shadow:inset 0 1px 0 var(--glass-rim),inset 1px 0 0 color-mix(in srgb,var(--glass-rim) 40%,transparent),inset 0 -1px 0 color-mix(in srgb,var(--glass-rim) 30%,transparent),0 24px 64px -20px var(--glass-shade),0 2px 8px rgb(0 0 0 / 3%);
}
.host-introduction{background:transparent;border-bottom-color:color-mix(in srgb,var(--text) 9%,transparent)}
.time-panel{border-inline-start-color:color-mix(in srgb,var(--text) 9%,transparent)}
.date-picker .slot,.field input,.field textarea,.field select,.availability-row input[type=time]{
 background:var(--glass-control);border-color:color-mix(in srgb,var(--text) 22%,transparent);box-shadow:none;
}
.date-picker .slot:hover{background:color-mix(in srgb,var(--primary) 8%,var(--surface));border-color:var(--primary)}
.date-picker .slot[aria-pressed=true]{background:color-mix(in srgb,var(--primary) 13%,var(--surface));border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}
.calendar-day:not(:disabled):not([aria-pressed=true]){background:color-mix(in srgb,var(--text) 6%,transparent)}
.calendar-day:not(:disabled):not([aria-pressed=true]):hover{background:color-mix(in srgb,var(--primary) 15%,var(--surface))}
.button:not(.secondary):not(.danger){background-image:none;box-shadow:inset 0 1px 0 rgb(255 255 255 / 16%),0 4px 12px -6px var(--glass-shade)}
.button.secondary{background:var(--glass-control)}
.language-popover{background:var(--surface);border-color:var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-rim),0 16px 48px var(--glass-shade)}
@supports ((backdrop-filter:blur(16px)) or (-webkit-backdrop-filter:blur(16px))){
 .booking-experience,.booking-panel,.request-card,.share-preview,.email-shell{background:linear-gradient(135deg,color-mix(in srgb,var(--glass-rim) 12%,transparent),transparent 42%),var(--glass-tint);-webkit-backdrop-filter:blur(28px) saturate(115%);backdrop-filter:blur(28px) saturate(115%)}
 .language-popover{background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
}
@media(max-width:700px){.booking-experience{border-radius:24px}}
@media(prefers-reduced-transparency:reduce){
 body{background-image:none}
 .booking-experience,.booking-panel,.request-card,.share-preview,.email-shell,.language-popover,.date-picker .slot:not([aria-pressed=true]),.field input,.field textarea,.field select{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}
}