/* Pairpop risk notice: modal plate, breathing glow, restrained pointer tilt. */
body.gated{overflow:hidden}
.gback{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:24px;
  background:rgba(12,26,42,.46);backdrop-filter:blur(9px);opacity:0;transition:opacity 280ms var(--ease,ease)}
.gback.gin{opacity:1}
.gback.gout{opacity:0}
.gwrap{position:relative;width:100%;max-width:540px;display:flex}
.gglow{position:absolute;inset:0;opacity:0;transition:opacity 700ms ease;pointer-events:none}
.gin .gglow{opacity:1}
.gglow>i{position:absolute;display:block;border-radius:50%;filter:blur(58px);opacity:.42;will-change:transform}
.gglow>i:nth-child(1){width:340px;height:190px;bottom:-84px;left:2%;background:#6fb4ea;animation:gdrift1 17s ease-in-out infinite}
.gglow>i:nth-child(2){width:300px;height:170px;bottom:-104px;right:2%;background:#9fd0f7;animation:gdrift2 21s ease-in-out infinite}
.gglow>i:nth-child(3){width:280px;height:150px;bottom:-62px;left:50%;margin-left:-140px;background:#c9e4fb;animation:gdrift3 26s ease-in-out infinite}
@keyframes gdrift1{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(22px,10px,0)}}
@keyframes gdrift2{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-20px,-12px,0)}}
@keyframes gdrift3{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-16px,14px,0)}}
.gbox{position:relative;width:100%;max-width:500px;max-height:90vh;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;padding:22px 24px 20px;border-radius:24px;
  background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 70px rgba(12,40,70,.24);
  transform:perspective(1000px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateY(14px);
  transition:transform 320ms var(--ease,ease);outline:none}
.gin .gbox{transform:perspective(1000px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateY(0)}
.gin .gbox.card-tracking{transition-duration:150ms}
.gbox::-webkit-scrollbar{width:0;height:0;display:none}
.ghead{display:flex;align-items:center;margin-bottom:13px}
.gmark{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;
  background:rgba(43,143,230,.12);color:var(--blue)}
.gtitle{font-size:23px;line-height:1.15;margin:0 0 5px;letter-spacing:-.03em;color:var(--ink)}
.gsub{margin:0 0 16px;font-size:12.5px;color:var(--muted)}
.gsec{margin-bottom:11px}
.gsec h3{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--ink)}
.gsec p{margin:0;font-size:12px;line-height:1.55;color:var(--muted)}
.gnote{margin:11px 0 0;font-size:11px;line-height:1.55;color:var(--muted);opacity:.8}
.grule{height:1px;border:0;background:var(--line);margin:15px 0 13px}
.grow{display:flex;align-items:flex-start;gap:11px;margin-bottom:10px;cursor:pointer}
.grow input{position:absolute;opacity:0;width:0;height:0}
.gtick{flex:0 0 auto;width:19px;height:19px;margin-top:1px;border-radius:6px;border:1.5px solid var(--line);
  display:inline-flex;align-items:center;justify-content:center;transition:background 160ms ease,border-color 160ms ease}
.gtick:after{content:"";width:9px;height:5px;margin-top:-3px;border-left:2px solid var(--panel);border-bottom:2px solid var(--panel);
  opacity:0;transform:rotate(-45deg) scale(.6);transition:opacity 140ms ease,transform 180ms var(--ease,ease)}
.grow:hover .gtick{border-color:var(--blue)}
.grow input:checked+.gtick{background:var(--blue);border-color:var(--blue)}
.grow input:checked+.gtick:after{opacity:1;transform:rotate(-45deg) scale(1)}
.grow input:focus-visible+.gtick{outline:3px solid var(--blue);outline-offset:2px}
.gtext{font-size:12.5px;line-height:1.5;color:var(--ink)}
.gbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:4px;
  border-radius:99px;background:var(--ink);color:var(--panel);font-size:12px;font-weight:600;letter-spacing:.01em;
  transition:transform 160ms var(--ease,ease),background 160ms ease,opacity 160ms ease}
.gbtn:hover:not([disabled]){background:var(--blue);color:#fff}
.gbtn:active:not([disabled]){transform:scale(.985)}
.gbtn[disabled]{opacity:.32;cursor:not-allowed}
.gbtn .arw{transition:transform 200ms var(--ease,ease)}
.gbtn:hover:not([disabled]) .arw{transform:translateX(3px)}
.glink{display:inline-block;margin-top:11px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);
  transition:color 160ms ease,border-color 160ms ease}
.glink:hover{color:var(--blue);border-bottom-color:var(--blue)}
.gfull{display:block;text-align:center;border:0}
@media(max-width:600px){.gback{padding:14px}.gbox{padding:20px 17px 17px;max-height:93vh;border-radius:22px}.gtitle{font-size:21px}}
@media(prefers-reduced-motion:reduce){
  .gback,.gbox,.gbtn,.gtick:after{transition:none}
  .gbox{transform:none!important}
  .gglow>i{animation:none}
}

/* cookie consent card, bottom right, plus the most-launched-pair note */
.ckbox{position:fixed;right:20px;bottom:20px;z-index:940;width:min(340px,calc(100vw - 32px));
  padding:16px 17px 14px;border-radius:18px;background:var(--panel,#fff);border:1px solid var(--line,#dbe8f5);
  box-shadow:0 18px 44px rgba(18,42,68,.16);opacity:0;transform:translateY(14px);
  transition:opacity 320ms var(--ease,ease),transform 320ms var(--ease,ease)}
.ckbox.ckin{opacity:1;transform:translateY(0)}
.ckttl{margin:0 0 6px;font-size:14px;font-weight:600;color:var(--ink)}
.cktxt{margin:0 0 13px;font-size:11.5px;line-height:1.6;color:var(--muted)}
.ckrow{display:flex;gap:8px}
.ckbtn{flex:1;min-height:36px;border:0;border-radius:99px;background:var(--ink);color:var(--panel,#fff);
  font-size:11.5px;font-weight:600;cursor:pointer;transition:background 160ms ease,color 160ms ease,transform 160ms ease}
.ckbtn:hover{background:var(--blue);color:#fff}
.ckbtn:active{transform:scale(.985)}
.ckbtn.ghost{background:transparent;color:var(--muted);border:1px solid var(--line,#dbe8f5)}
.ckbtn.ghost:hover{background:transparent;color:var(--blue);border-color:var(--blue)}
.popular-pair{display:inline-flex;align-items:center;gap:8px;margin:10px 0 0;padding:6px 13px 6px 11px;
  border-radius:99px;background:rgba(111,180,234,.13);border:1px solid rgba(111,180,234,.32);
  font-size:11.5px;color:var(--ink)}
.popular-pair strong{font-weight:600}
.popular-dot{width:6px;height:6px;border-radius:50%;background:var(--blue,#6fb4ea)}
.popular-count{color:var(--muted)}
@media(max-width:600px){.ckbox{right:12px;left:12px;bottom:12px;width:auto}}
@media(prefers-reduced-motion:reduce){.ckbox{transition:none}}