/* Web-only additions to the desktop reviewer page. */

/* Pages that need the desktop app (home, card list, stats) aren't on the web
   yet, so their links are hidden rather than leading nowhere. */
.topbar a.icon-btn[href="home.html"],
.topbar a.icon-btn[href="cards.html"],
.topbar a.icon-btn[href="stats.html"] { display: none; }
.corner-logo, .topbar .qs-logo { pointer-events: none; }

.web-gate {
  position: fixed; inset: 0; z-index: 1000;
  display: flex; align-items: center; justify-content: center;
  background: var(--bg, #f7f7f8); padding: 16px;
}
.web-gate-box { display: flex; flex-direction: column; align-items: center; gap: 16px; max-width: 100%; }
.web-gate-logo { font-size: 40px; pointer-events: none; }
.web-gate-text { font-family: Rubik, system-ui, sans-serif; color: var(--muted, #666); text-align: center; }

.web-toast {
  position: fixed; left: 50%; bottom: 24px; transform: translateX(-50%); z-index: 1001;
  max-width: calc(100% - 32px); padding: 10px 16px; border-radius: 10px;
  background: #222; color: #fff; font-family: Rubik, system-ui, sans-serif; font-size: 14px;
  box-shadow: 0 6px 24px rgba(0, 0, 0, .25);
}
.web-toast.hidden { display: none; }

/* Opened from the home screen, the page runs edge to edge (viewport-fit=cover):
   keep it clear of the iPhone notch and home bar. */
body {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}
.web-gate-signin { width: 100%; display: flex; justify-content: center; }
.web-gate-box { width: 100%; max-width: 420px; }