/* Gold Hours — Skeleton 01 / Average
   Literal wireframe pass: white fill, black stroke, no brand color skin. */
:root {
  --sk-bg:#fff;
  --sk-ink:#0a0a0a;
  --sk-muted:#555;
  --sk-line:#111;
  --sk-radius:12px;
}
html[data-skeleton="01"],
html[data-skeleton="01"] body {
  background:var(--sk-bg)!important;
  color:var(--sk-ink)!important;
  color-scheme:light;
}
html[data-skeleton="01"] body,
html[data-skeleton="01"] button,
html[data-skeleton="01"] input,
html[data-skeleton="01"] textarea {
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif!important;
}
html[data-skeleton="01"] body { text-transform:lowercase; }
html[data-skeleton="01"] .access-screen,
html[data-skeleton="01"] .app-shell,
html[data-skeleton="01"] .step,
html[data-skeleton="01"] .first-time-intro {
  background:#fff!important;
  color:#0a0a0a!important;
  background-image:none!important;
  box-shadow:none!important;
}
html[data-skeleton="01"] .app-shell {
  width:min(100%,430px)!important;
  max-width:430px!important;
  min-height:100dvh!important;
  margin:0 auto!important;
  border-left:1px solid #111!important;
  border-right:1px solid #111!important;
  box-sizing:border-box!important;
}
html[data-skeleton="01"] .access-panel {
  width:min(86vw,390px)!important;
}
html[data-skeleton="01"] .emblem-origin,
html[data-skeleton="01"] .emblem,
html[data-skeleton="01"] .emblem-complete {
  filter:grayscale(1) contrast(8) brightness(0)!important;
}
html[data-skeleton="01"] .emblem-origin {
  width:152px!important;
  height:152px!important;
  border:1.5px solid #111!important;
  border-radius:50%!important;
  box-sizing:border-box!important;
}
html[data-skeleton="01"] .access-panel>p {
  margin-top:34px!important;
  color:#111!important;
  font-size:22px!important;
  line-height:1.2!important;
  font-weight:500!important;
}
html[data-skeleton="01"] .access-form {
  margin-top:22px!important;
}
html[data-skeleton="01"] .access-form label {
  display:block!important;
  border:1.5px solid #111!important;
  border-radius:10px!important;
  padding:0 12px!important;
}
html[data-skeleton="01"] .access-form input {
  height:58px!important;
  border:0!important;
  color:#111!important;
  background:#fff!important;
  font-size:28px!important;
}
html[data-skeleton="01"] .app-header {
  height:64px!important;
  min-height:64px!important;
  border-bottom:1px solid #111!important;
  background:#fff!important;
  box-shadow:none!important;
}
html[data-skeleton="01"] .emblem-inside {
  width:34px!important;
  height:34px!important;
}
html[data-skeleton="01"] .flow {
  width:100%!important;
  max-width:none!important;
  padding:0!important;
}
html[data-skeleton="01"] .step {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  min-height:calc(100dvh - 64px)!important;
  padding:28px 16px 24px!important;
}
html[data-skeleton="01"] .step h1,
html[data-skeleton="01"] .step h2,
html[data-skeleton="01"] .eyebrow,
html[data-skeleton="01"] .field-help,
html[data-skeleton="01"] .status-line,
html[data-skeleton="01"] .selected-time,
html[data-skeleton="01"] p,
html[data-skeleton="01"] small,
html[data-skeleton="01"] strong,
html[data-skeleton="01"] span {
  color:#111!important;
  text-shadow:none!important;
}
html[data-skeleton="01"] .step h1 {
  margin:8px 0 22px!important;
  font-size:27px!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
  font-weight:650!important;
}
html[data-skeleton="01"] .eyebrow {
  font-size:12px!important;
  letter-spacing:.04em!important;
  font-weight:600!important;
}
html[data-skeleton="01"] button,
html[data-skeleton="01"] .choice-button,
html[data-skeleton="01"] .time-chip,
html[data-skeleton="01"] .host-choice,
html[data-skeleton="01"] .review-card,
html[data-skeleton="01"] .optional-panel,
html[data-skeleton="01"] .selected-place-card,
html[data-skeleton="01"] input,
html[data-skeleton="01"] textarea,
html[data-skeleton="01"] gmp-place-autocomplete {
  border:1.25px solid #111!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  background-image:none!important;
}
html[data-skeleton="01"] button {
  min-height:48px;
  font-weight:600!important;
}
html[data-skeleton="01"] button:disabled {
  opacity:.38!important;
}
html[data-skeleton="01"] .choice-list {
  gap:9px!important;
}
html[data-skeleton="01"] #day-list {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  align-items:stretch!important;
}
html[data-skeleton="01"] #day-list .choice-button {
  min-width:0!important;
  min-height:72px!important;
  padding:8px 4px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  text-align:center!important;
}
html[data-skeleton="01"] #day-list .choice-button b,
html[data-skeleton="01"] #day-list .human-row-arrow { display:none!important; }
html[data-skeleton="01"] .time-period-group {
  margin:0 0 18px!important;
}
html[data-skeleton="01"] .time-period-group h2 {
  margin:0 0 7px!important;
  font-size:11px!important;
  font-weight:650!important;
  letter-spacing:.04em!important;
}
html[data-skeleton="01"] .time-period-grid {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}
html[data-skeleton="01"] .time-chip {
  min-height:44px!important;
  padding:8px 6px!important;
}
html[data-skeleton="01"] .host-grid {
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
html[data-skeleton="01"] .selected-time {
  border:1px solid #111!important;
  border-radius:10px!important;
  padding:12px!important;
  margin-bottom:16px!important;
}
html[data-skeleton="01"] .optional-panel {
  padding:12px!important;
}
html[data-skeleton="01"] .place-search-shell,
html[data-skeleton="01"] .place-autocomplete-mount {
  background:#fff!important;
}
html[data-skeleton="01"] .privacy-mini,
html[data-skeleton="01"] .location-explainer { color:#444!important; }
html[data-skeleton="01"] .primary-action,
html[data-skeleton="01"] .gold-word,
html[data-skeleton="01"] .flow-continue,
html[data-skeleton="01"] .note-primary-exit {
  width:100%!important;
  background:#fff!important;
  color:#111!important;
  border:1.5px solid #111!important;
}
html[data-skeleton="01"] .confirmed-step {
  text-align:center!important;
  justify-content:center!important;
}
html[data-skeleton="01"] #step-note .emblem-complete {
  width:118px!important;
  height:118px!important;
  margin:16px auto 28px!important;
}
html[data-skeleton="01"] #form-notes {
  width:100%!important;
  box-sizing:border-box!important;
  min-height:104px!important;
  padding:12px!important;
}
html[data-skeleton="01"] .toast-card {
  background:#fff!important;
  color:#111!important;
  border:1px solid #111!important;
  box-shadow:none!important;
}
@media (min-width:700px) {
  html[data-skeleton="01"] .app-shell { max-width:520px!important; }
  html[data-skeleton="01"] .step { padding-left:28px!important; padding-right:28px!important; }
}
@media (prefers-reduced-motion:reduce) {
  html[data-skeleton="01"] *,html[data-skeleton="01"] *::before,html[data-skeleton="01"] *::after {
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.12s!important;
  }
}


/* Keep the roller and edit controls legible in the active white wireframe skin. */
html[data-skeleton="01"] .picker-label,
html[data-skeleton="01"] .picker-label small {
  background:#fff!important;
  color:#111!important;
  text-shadow:none!important;
}
html[data-skeleton="01"] .picker-rollers {
  border-color:#111!important;
  background:#fff!important;
}
html[data-skeleton="01"] .picker-value {
  color:#111!important;
}
html[data-skeleton="01"] .picker-value.selected {
  color:#111!important;
  font-weight:750!important;
  text-shadow:none!important;
}


/* Request-sent surfaces must stay on the active white Book skin. */
html[data-skeleton="01"] #step-note {
  background:#fff!important;
  color:#111!important;
}
html[data-skeleton="01"] #step-note #confirmed-copy,
html[data-skeleton="01"] #step-note .note-help {
  color:#111!important;
  text-shadow:none!important;
}
html[data-skeleton="01"] .request-management-actions {
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  width:100%!important;
  margin-top:14px!important;
}
html[data-skeleton="01"] .request-management-actions .text-button {
  width:100%!important;
  min-height:48px!important;
  padding:10px 12px!important;
  border:1.25px solid #111!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
html[data-skeleton="01"] .request-management-actions .request-cancel {
  font-weight:500!important;
}
html[data-skeleton="01"] #guest-booking-state {
  top:64px!important;
  right:auto!important;
  bottom:0!important;
  left:50%!important;
  width:min(100%,430px)!important;
  box-sizing:border-box!important;
  transform:translateX(-50%)!important;
  padding:28px 16px calc(24px + env(safe-area-inset-bottom))!important;
  border-right:1px solid #111!important;
  border-left:1px solid #111!important;
  background:#fff!important;
  background-image:none!important;
  color:#111!important;
  box-shadow:none!important;
}
html[data-skeleton="01"] #guest-booking-state .guest-state-inner {
  width:100%!important;
  min-height:0!important;
  gap:14px!important;
}
html[data-skeleton="01"] #guest-booking-state .guest-state-kicker,
html[data-skeleton="01"] #guest-booking-state .guest-state-when,
html[data-skeleton="01"] #guest-booking-state .guest-state-copy,
html[data-skeleton="01"] #guest-booking-state h1 {
  color:#111!important;
  text-shadow:none!important;
}
html[data-skeleton="01"] #guest-booking-state .guest-state-kicker {
  margin:0!important;
  font-size:12px!important;
  letter-spacing:.04em!important;
  font-weight:600!important;
}
html[data-skeleton="01"] #guest-booking-state h1 {
  margin:8px 0 8px!important;
  font-size:27px!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
  font-weight:650!important;
}
html[data-skeleton="01"] #guest-booking-state .guest-state-when {
  padding:12px!important;
  border:1.25px solid #111!important;
  border-radius:10px!important;
  background:#fff!important;
  font-size:18px!important;
}
html[data-skeleton="01"] #guest-booking-state .guest-state-copy {
  font-size:14px!important;
  line-height:1.45!important;
}
html[data-skeleton="01"] #guest-booking-state .guest-state-actions {
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:8px!important;
}
html[data-skeleton="01"] #guest-booking-state .guest-state-action {
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  padding:10px 12px!important;
  border:1.25px solid #111!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  font-size:15px!important;
  font-weight:600!important;
}