:root{
  --app-width:100vw;
  --app-height:100dvh;
  --safe-top:env(safe-area-inset-top,0px);
  --safe-right:env(safe-area-inset-right,0px);
  --safe-bottom:env(safe-area-inset-bottom,0px);
  --safe-left:env(safe-area-inset-left,0px)
}
html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%}
#external-browser-gate{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:calc(18px + var(--safe-top)) calc(16px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(16px + var(--safe-left));background:rgba(1,10,16,.94);backdrop-filter:blur(18px);font-family:Inter,"Segoe UI",Arial,sans-serif;color:#f2fbff;transition:opacity .2s}
#external-browser-gate.closing{opacity:0;pointer-events:none}
.external-browser-card{width:min(520px,100%);max-height:calc(var(--app-height) - 36px - var(--safe-top) - var(--safe-bottom));overflow:auto;padding:24px;border:1px solid rgba(92,232,189,.42);border-radius:22px;background:linear-gradient(145deg,rgba(5,29,42,.98),rgba(3,16,26,.98));box-shadow:0 24px 90px rgba(0,0,0,.55);text-align:center}
.external-browser-icon{width:64px;height:64px;margin:0 auto 12px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#56e8ba,#65c9ff);color:#03202a;font-weight:950;font-size:21px;letter-spacing:.05em}
.external-browser-kicker{margin:0 0 8px;color:#68e7bc;font-size:10px;font-weight:900;letter-spacing:.17em}
.external-browser-card h1{margin:0;font-size:clamp(23px,6vw,34px);line-height:1.12;letter-spacing:-.025em}
.external-browser-copy{margin:14px 0;color:#b7ced8;font-size:14px;line-height:1.55}
.external-browser-steps{display:flex;flex-direction:column;gap:5px;margin:16px 0;padding:13px 14px;border:1px solid rgba(96,222,186,.22);border-radius:12px;background:rgba(16,52,67,.56);font-size:13px;line-height:1.45;text-align:left}.external-browser-steps b{color:#6ff0c4}.external-browser-steps strong{color:#fff}
.external-browser-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:8px}.external-browser-actions button,.external-browser-continue{min-height:46px;border:1px solid transparent;border-radius:11px;padding:10px 12px;font:850 12px/1.2 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.045em;cursor:pointer}.external-browser-actions button:first-child{background:linear-gradient(135deg,#51e2b1,#35c994);color:#032019}.external-browser-actions .secondary{border-color:rgba(105,226,191,.32);background:#092b39;color:#eafff8}.external-browser-continue{width:100%;margin-top:8px;border-color:transparent;background:transparent;color:#8baab6;font-weight:700}.external-browser-status{min-height:18px;margin:7px 0 0;color:#80e9c5;font-size:12px;line-height:1.4}
@media(max-width:420px){.external-browser-card{padding:19px 16px;border-radius:17px}.external-browser-actions{grid-template-columns:1fr}.external-browser-card h1{font-size:24px}.external-browser-copy{font-size:13px}}