/* Independent browser protection theme. Edit these variables first. */
:root{color-scheme:dark;--check-background:#15131c;--check-surface:#25212f;--check-text:#f3efff;--check-muted:#bdb3cc;--check-accent:#b9abff;--check-border:#635372}
*{box-sizing:border-box}
body.browser-check{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#44365455,transparent 65%),var(--check-background);color:var(--check-text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
.browser-check-card{width:min(100%,440px);padding:44px 32px;border:1px solid var(--check-border);border-radius:24px;background:var(--check-surface);box-shadow:0 24px 80px #0004;text-align:center;animation:check-appear .2s ease-out}
.browser-check-spinner{width:34px;height:34px;margin:0 auto 28px;border:3px solid #b9abff26;border-top-color:var(--check-accent);border-radius:50%;animation:check-spin .8s linear infinite}
.browser-check-eyebrow{color:var(--check-accent);font-size:10px;letter-spacing:2px}
.browser-check-card h1{font-size:26px;line-height:1.2;letter-spacing:-.7px;margin:14px 0}
.browser-check-card p,.browser-check-card noscript{color:var(--check-muted);font-size:14px;margin:0}
.browser-check-retry{margin-top:24px;padding:12px 24px;border:0;border-radius:10px;background:var(--check-accent);color:#211a32;font:600 14px system-ui;cursor:pointer}
.browser-check-retry:focus-visible{outline:2px solid var(--check-text);outline-offset:4px}
.browser-check [hidden]{display:none!important}
.browser-check[data-state="error"] .browser-check-spinner,.browser-check[data-state="blocked"] .browser-check-spinner{display:none}
@keyframes check-spin{to{transform:rotate(360deg)}}
@keyframes check-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.browser-check-card,.browser-check-spinner{animation:none}}