.external-browser-dialog {
    box-sizing: border-box;
    width: min(480px, calc(100vw - 32px));
    max-width: calc(100vw - 32px);
    max-height: calc(100dvh - 32px);
    padding: 0;
    margin: auto;
    border: 1px solid #c9d9d6;
    border-radius: 22px;
    background: #fffaf3;
    color: #123f45;
    box-shadow: 0 20px 70px #123f4540;
    overflow: auto;
    font: 16px/1.65 var(--ui-font, sans-serif);
}
.external-browser-dialog::backdrop { background: #123f4573; }
.external-browser-card { padding: 28px; }
.external-browser-dialog .external-browser-kicker { margin: 0 0 8px; font-size: 13px; color: #946428; }
.external-browser-dialog h2 { margin: 0 0 16px; font: 700 26px/1.4 var(--ui-font, sans-serif); color: #123f45; }
.external-browser-dialog p { margin: 0 0 16px; font-size: 15px; line-height: 1.65; }
.external-browser-dialog button {
    box-sizing: border-box;
    width: 100%;
    min-height: 44px;
    margin: 0 0 10px;
    padding: 11px 14px;
    border: 1px solid #a9c1bb;
    border-radius: 10px;
    color: #123f45;
    background: #edf4ee;
    font: 600 15px/1.45 var(--ui-font, sans-serif);
    cursor: pointer;
}
.external-browser-dialog .external-browser-open { color: #fff; background: #123f45; border-color: #123f45; }
.external-browser-dialog button[hidden] { display: none; }
.external-browser-dialog .external-browser-dismiss { margin: 0; border-color: transparent; background: transparent; }
.external-browser-dialog .external-browser-address-label { display: block; font-size: 12px; color: #567176; }
.external-browser-dialog .external-browser-address {
    box-sizing: border-box; display: block; width: 100%; margin: 4px 0 12px; padding: 9px;
    border: 1px solid #c9d9d6; border-radius: 8px; background: #fff; color: #123f45;
    font: 14px/1.5 sans-serif; overflow-wrap: anywhere; resize: none;
}
.external-browser-dialog .external-browser-feedback { font-size: 13px; margin-bottom: 10px; }
.external-browser-reopen {
    position: fixed; left: 16px; bottom: calc(90px + env(safe-area-inset-bottom)); z-index: 400;
    padding: 10px 14px; border: 1px solid #a9c1bb; border-radius: 24px;
    background: #fffaf3; color: #123f45; font: 600 14px/1.4 var(--ui-font, sans-serif); cursor: pointer;
}
.external-browser-dialog button:focus-visible, .external-browser-reopen:focus-visible { outline: 3px solid #d99437; outline-offset: 2px; }
@media (max-width: 500px) {
    .external-browser-card { padding: 22px; }
    .external-browser-dialog h2 { font-size: 22px; }
}