:root{--after-hours-accent:#b76cff;--after-hours-bg:#050509}
.pato-after-hours-toggle{
  position:fixed;right:22px;bottom:22px;z-index:1050;
  display:flex;align-items:center;gap:10px;min-height:46px;
  padding:0 16px;border:1px solid rgba(255,255,255,.14);border-radius:999px;
  background:rgba(8,8,12,.82);backdrop-filter:blur(18px);color:#fff;
  box-shadow:0 12px 40px rgba(0,0,0,.38);font-size:10px;font-weight:800;
  letter-spacing:.12em;text-transform:uppercase;transition:.25s ease
}
.pato-after-hours-toggle:hover{transform:translateY(-2px);border-color:var(--after-hours-accent);box-shadow:0 14px 42px color-mix(in srgb,var(--after-hours-accent) 18%,transparent)}
.pato-after-hours-toggle__orb{width:9px;height:9px;border-radius:50%;background:var(--after-hours-accent);box-shadow:0 0 16px var(--after-hours-accent)}
.pato-after-hours-toggle__meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}
.pato-after-hours-toggle__meta small{font-size:7px;font-weight:600;letter-spacing:.16em;color:#ffffff70;margin-top:3px}
body.pato-after-hours{
  background:var(--after-hours-bg)!important;
  color:#e9e5ef;
}
body.pato-after-hours:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 70% 10%,color-mix(in srgb,var(--after-hours-accent) 14%,transparent),transparent 36%),
    linear-gradient(180deg,rgba(3,3,8,.42),rgba(2,2,6,.74));
}
body.pato-after-hours[data-after-hours-background]:before{
  background:
    linear-gradient(180deg,rgba(3,3,8,.66),rgba(2,2,6,.88)),
    var(--after-hours-image) center/cover fixed no-repeat;
}
body.pato-after-hours .page-content{background:transparent!important}
body.pato-after-hours .site-header,
body.pato-after-hours .site-footer{filter:saturate(.72) brightness(.8)}
body.pato-after-hours .pato-now,
body.pato-after-hours .pato-mood{filter:saturate(.84);box-shadow:inset 0 0 90px #0008}
body.pato-after-hours .wow{animation-duration:1.2s!important}
body.pato-after-hours .pato-mood-card:hover,
body.pato-after-hours .pato-share-btn:hover{transform:translateY(-1px)}
body.pato-after-hours .pato-after-hours-toggle{border-color:color-mix(in srgb,var(--after-hours-accent) 55%,transparent);background:#07070de8}
@media(max-width:575px){.pato-after-hours-toggle{right:14px;bottom:14px;max-width:calc(100vw - 28px);padding:0 13px}}
@media(prefers-reduced-motion:reduce){.pato-after-hours-toggle{transition:none}.pato-after-hours-toggle:hover{transform:none}}