/* KX-V88-FOLLOW (v36, 14 Nov 2026) Follow buttons on real club pages (Follow Venue) and DJ pages (Follow artist).
   NEW - needs Niko's approval: the "no account yet" pop-up. Minimal dark glass panel, one sentence + one small line,
   one Close button (the house small Liquid Glass recipe = "Show 12 more"). Loaded together with /assets/kx-follow.js.
   The Follow Venue button itself is the pattern button (/pattern/club/: third hero button, .button.button-ghost). */
.kx-follow-pop{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:16px;box-sizing:border-box;
  background:rgba(6,6,8,.46);opacity:0;transition:opacity 160ms ease}
.kx-follow-pop[hidden]{display:none!important}
.kx-follow-pop.is-open{opacity:1}
.kx-follow-panel{position:relative;box-sizing:border-box;width:min(380px,100%);margin:0;padding:22px 22px 18px;border:1px solid rgba(255,255,255,.18);border-radius:14px;
  color:#fff8ef;text-align:center;font:400 15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0;
  background:radial-gradient(circle at 16% 0%,rgba(255,255,255,.10),transparent 46%),linear-gradient(135deg,rgba(255,255,255,.06),rgba(237,28,36,.04) 50%,rgba(255,255,255,.03)),rgba(16,16,19,.86);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 22px 48px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04);
  -webkit-backdrop-filter:blur(18px) saturate(128%);backdrop-filter:blur(18px) saturate(128%);
  transform:translateY(6px);transition:transform 160ms ease}
.kx-follow-pop.is-open .kx-follow-panel{transform:none}
.kx-follow-panel p{margin:0;color:#fff8ef;font:inherit;text-transform:none}
.kx-follow-panel .kx-follow-sub{margin-top:6px;color:#aeb2be;font-size:13px;line-height:1.45}
.kx-follow-close{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:16px;padding:9px 18px;
  border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff8ef;font:500 13px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;
  background:radial-gradient(circle at 16% 12%,rgba(255,255,255,.12),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(237,28,36,.055) 50%,rgba(255,255,255,.04)),rgba(255,255,255,.04);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.06),0 7px 16px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.05);
  -webkit-backdrop-filter:blur(14px) saturate(128%);backdrop-filter:blur(14px) saturate(128%);transition:color 300ms ease,border-color 300ms ease,background 300ms ease}
.kx-follow-close:hover{color:#fff;border-color:rgba(255,255,255,.52);
  background:radial-gradient(circle at 16% 12%,rgba(255,255,255,.18),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.12),rgba(237,28,36,.23) 58%,rgba(255,255,255,.08)),rgba(237,28,36,.24)}
.kx-follow-close:focus-visible{outline:3px solid #fff;outline-offset:2px}
/* pressed state for later (accounts on): the pattern's red pressed recipe, label "Following <Venue>" */
.kx-follow-venue[aria-pressed="true"]{color:#fff!important;border-color:rgba(237,28,36,.74)!important;
  background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.16),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.1),rgba(237,28,36,.38) 58%,rgba(255,255,255,.07)),rgba(237,28,36,.5)!important}
@media(max-width:420px){.kx-follow-panel{padding:20px 18px 16px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.kx-follow-pop,.kx-follow-panel,.kx-follow-close{transition:none}}