/* Notice shown before the preview: IP notice (and the shared overlay button) */
.notice-overlay{ position:fixed; inset:0; z-index:99999; background:rgb(var(--scrim-rgb) / .94); backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); display:none; align-items:center; justify-content:center; padding:24px; }
#ip-warning-overlay{ display:flex; }
.notice-card{ max-width:420px; width:100%; background:var(--surface); border:1px solid var(--line-strong); border-radius:20px; padding:28px 24px; box-shadow:0 30px 80px -20px rgb(var(--shade-rgb) / .5); font-family:var(--font-site); }
.notice-card.legal{ border-color:var(--danger); }
.notice-card h2{ margin:0 0 14px; font-family:var(--font-site); font-size:19px; color:var(--text); }
.notice-card.legal h2{ margin-bottom:6px; color:var(--danger); }
.notice-text{ margin:0 0 22px; font-size:13.5px; line-height:1.6; color:var(--muted); }
.notice-copy{ margin:0 0 14px; font-size:11px; font-family:var(--font-mono, monospace); letter-spacing:.02em; color:var(--muted); }
.overlay-btn{ width:100%; padding:13px 16px; border-radius:999px; border:none; background:var(--accent); color:var(--on-accent); font-family:var(--font-site); font-weight:700; font-size:14px; cursor:pointer; }