/* Gate visual language matches Track USDT intro: deep navy, neon teal, radar HUD. */
#safari-gate{--gate-bg:#020b11;--gate-card:rgba(4,14,22,.78);--gate-ink:#eef9f7;--gate-muted:#8fb4b0;--gate-accent:#2dffce;--gate-accent-ink:#031210;--gate-alert:#ff3b4a;position:fixed;inset:0;z-index:200000;display:none;isolation:isolate}
html.safari-gate-open,html.safari-gate-open body,body.safari-gate-open{overflow:hidden!important}
#safari-gate.open{display:block}
#safari-gate[dir="rtl"] .gate-card,#site-legal[dir="rtl"] .box{direction:rtl}
#safari-gate[dir="rtl"] .gate-urlrow input{direction:ltr;text-align:left}
#safari-gate .gate-stage{position:absolute;inset:0;overflow:hidden;background:var(--gate-bg)}
#safari-gate .gate-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.55;filter:saturate(1.05) brightness(.72)}
#safari-gate .gate-stage::before{content:"";position:absolute;inset:-20%;z-index:1;background:repeating-radial-gradient(circle at 68% 42%,transparent 0 11%,rgba(49,255,207,.08) 11.1% 11.35%,transparent 11.5% 22%);animation:gateRadar 12s linear infinite;pointer-events:none;mix-blend-mode:screen}
#safari-gate .gate-stage::after{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse at 50% 38%,rgba(0,20,28,.18),rgba(0,6,12,.72) 58%,rgba(0,4,8,.92) 100%),linear-gradient(180deg,rgba(2,11,17,.35),rgba(2,11,17,.82));pointer-events:none}
#safari-gate .veil{display:none}
#safari-gate .gate-scroll{position:absolute;inset:0;z-index:3;overflow:auto;display:flex;align-items:center;justify-content:center;padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}
#safari-gate .gate-card{position:relative;width:100%;max-width:400px;overflow:hidden;border-radius:20px;color:var(--gate-ink);background:linear-gradient(160deg,rgba(8,24,34,.88),rgba(3,12,20,.92));border:1px solid rgba(45,255,206,.28);box-shadow:0 0 0 1px rgba(45,255,206,.06),0 18px 50px rgba(0,0,0,.45),inset 0 1px 0 rgba(133,255,239,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
#safari-gate .gate-card::before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(133,255,239,.85),transparent);pointer-events:none}
#safari-gate .gate-band{padding:18px 18px 12px;text-align:center;background:linear-gradient(180deg,rgba(20,255,210,.08),transparent)}
#safari-gate .g-brand{font-size:10px;letter-spacing:.2em;color:var(--gate-accent);font-weight:750;text-transform:uppercase}
#safari-gate .gate-band h2{color:#fff;font-weight:780;font-size:1.42rem;margin:10px 0 0;line-height:1.22;letter-spacing:-.02em;text-shadow:0 0 24px rgba(45,255,206,.22)}
#safari-gate .gate-body{padding:8px 18px 16px}
#safari-gate .gate-line{text-align:center;margin:0 0 14px;color:#c6e8e3;font-size:14px;line-height:1.5}
#safari-gate .gate-perks{display:flex;justify-content:space-between;gap:8px;margin-bottom:16px}
#safari-gate .perk{flex:1;text-align:center;font-size:11px;font-weight:700;line-height:1.35;color:var(--gate-muted)}
#safari-gate .p-ring{width:42px;height:42px;margin:0 auto 6px;border-radius:50%;border:1.5px solid rgba(45,255,206,.55);display:flex;align-items:center;justify-content:center;color:var(--gate-accent);background:radial-gradient(circle,rgba(45,255,206,.14),transparent 70%);box-shadow:0 0 18px rgba(45,255,206,.12)}
#safari-gate .p-ring svg{width:18px;height:18px}
#safari-gate .gate-urlrow{display:flex;gap:8px;align-items:stretch;margin-bottom:10px}
#safari-gate .gate-urlrow input{flex:1;min-width:0;border:1px dashed rgba(45,255,206,.45);border-radius:10px;background:rgba(0,10,16,.55);color:var(--gate-ink);padding:9px 11px;font-size:12px;direction:ltr;text-align:left}
#safari-copy-link,#safari-open-link{border:0!important;border-radius:11px;background:linear-gradient(100deg,#3dffd4,#18c9a8)!important;color:var(--gate-accent-ink)!important;font-weight:780;cursor:pointer;box-shadow:0 8px 22px rgba(24,255,203,.22)!important}
#safari-copy-link{padding:9px 14px}
#safari-open-link{display:block;width:100%;box-sizing:border-box;text-align:center;text-decoration:none;font-size:1.05rem;padding:13px 12px}
#safari-copy-status{text-align:center;font-size:12px;color:var(--gate-accent);font-weight:700;min-height:1.2em;margin:8px 0 0}
#safari-gate .gate-perf{border-top:1px solid rgba(45,255,206,.14);margin:4px 18px 0;padding:12px 0 16px;text-align:center}
#safari-gate .gate-tease{margin:0;font-weight:750;color:#dffaf4}
#safari-gate .gate-en{font-size:12px;color:var(--gate-muted);margin:5px 0 0}
#safari-gate .gate-alert-pill{display:inline-flex;align-items:center;justify-content:center;margin:10px auto 0;padding:5px 12px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#fff;background:rgba(255,59,74,.92);box-shadow:0 0 16px rgba(255,59,74,.35)}
@keyframes gateRadar{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#safari-gate .gate-stage::before{animation:none}}
nav.site-legal-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;padding:8px 16px 22px}
html.safari-gate-open nav.site-legal-foot{display:none!important}
.site-legal-foot button{background:none!important;border:0!important;color:#2dffce!important;font:inherit;font-size:13px;font-weight:650;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px 2px;box-shadow:none!important}
#site-legal{position:fixed;inset:0;z-index:200001;display:none}
#site-legal.open{display:flex;align-items:center;justify-content:center}
#site-legal .veil{position:absolute;inset:0;background:rgba(0,8,14,.72)}
#site-legal .box{position:relative;background:linear-gradient(160deg,#0b1a22,#071018);color:#e8f7f4;max-width:520px;width:calc(100% - 28px);max-height:78vh;overflow:auto;border-radius:16px;padding:22px 20px 18px;border:1px solid rgba(45,255,206,.25)}
#site-legal h3{margin:0 36px 10px 0;font-size:1.2rem;color:#2dffce}
#site-legal p{margin:0 0 10px;line-height:1.6;font-size:.95rem;color:#c5ddd8}
#site-legal .x{position:absolute;top:8px;inset-inline-end:10px;border:0!important;background:none!important;color:#2dffce!important;font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:none!important}
@media (max-height:480px){#safari-gate .gate-perks{display:none}#safari-gate .gate-band h2{font-size:1.25rem}#safari-gate .gate-alert-pill{display:none}}