/* NextoBig - the "Open in Chrome" prompt shown only inside in-app browsers.
   Styles live here rather than inline so the rule set stays readable and cached.
   Nothing below applies until nextobig-inapp.js decides to insert the element. */

.nb-openbar{
  position:fixed;left:50%;top:84px;z-index:99998;
  transform:translateX(-50%) translateY(-8px);
  display:flex;align-items:center;gap:10px;
  max-width:calc(100vw - 22px);
  padding:7px 7px 7px 16px;border-radius:999px;
  background:rgba(11,22,38,.94);
  border:1px solid rgba(148,163,184,.30);
  box-shadow:0 18px 44px rgba(2,8,20,.60);
  font-family:"DM Sans",system-ui,-apple-system,sans-serif;
  opacity:0;transition:opacity .35s ease,transform .35s ease;
}
.nb-openbar.is-on{opacity:1;transform:translateX(-50%) translateY(0)}

.nb-openbar-t{
  font-size:13px;line-height:1.2;color:#CBD5E1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.nb-openbar-b{
  flex:0 0 auto;font-size:13px;font-weight:600;color:#fff;text-decoration:none;
  padding:9px 17px;border-radius:999px;
  background:linear-gradient(90deg,#2563EB,#00D4FF);
}
.nb-openbar-x{
  flex:0 0 auto;width:28px;height:28px;padding:0;
  border:0;background:transparent;color:#94A3B8;
  font-size:19px;line-height:1;cursor:pointer;
}

@media(max-width:430px){
  .nb-openbar{top:74px;padding-left:13px;gap:7px}
  .nb-openbar-t{font-size:12px}
  .nb-openbar-b{padding:8px 13px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .nb-openbar{transition:none}
}