html.surd-migration-open{overflow:hidden}
dialog.surd-migration{position:fixed;inset:0;margin:auto;width:540px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:42px;border:1px solid #ffffffb3;border-radius:20px;background:rgba(249,251,255,.9);color:#0a1235;box-shadow:0 28px 100px #06163833,0 1px 0 #fff inset;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);text-align:left;font-family:inherit;box-sizing:border-box;overflow:auto;animation:surd-migration-in .24s ease-out}
dialog.surd-migration:not([open]){display:none}
dialog.surd-migration::backdrop{background:rgba(21,35,65,.28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.surd-migration .surd-migration-brand{margin:0 40px 25px 0;color:#155dff;font-size:12px;font-weight:600;line-height:1.5;letter-spacing:.18em}
.surd-migration h2{margin:0 0 8px;font-size:27px;font-weight:500;line-height:1.35;letter-spacing:-.03em}
.surd-migration .surd-migration-domain{margin:0 0 22px;color:#155dff;font-size:clamp(32px,6vw,44px);font-weight:500;line-height:1.2;letter-spacing:-.04em;overflow-wrap:anywhere}
.surd-migration .surd-migration-description{margin:0 0 30px;color:#56647f;font-size:14px;line-height:1.85}
.surd-migration .surd-migration-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.surd-migration .surd-migration-link,.surd-migration .surd-migration-stay{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border-radius:7px;font:inherit;font-size:13px;line-height:1.5;box-sizing:border-box;cursor:pointer;white-space:normal}
.surd-migration .surd-migration-link{border:1px solid #155dff;background:#155dff;color:#fff;text-decoration:none}
.surd-migration .surd-migration-link:hover{background:#034deb}
.surd-migration .surd-migration-stay{border:1px solid #cdd8eb;background:transparent;color:#42516b}
.surd-migration .surd-migration-stay:hover{background:#eaf1ff}
.surd-migration .surd-migration-close{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;color:#64728e;font-family:inherit;font-size:26px;line-height:1;cursor:pointer}
.surd-migration .surd-migration-close:hover{background:#eaf1ff}
.surd-migration a:focus-visible,.surd-migration button:focus-visible{outline:2px solid #155dff;outline-offset:4px}
html[data-theme=dark] dialog.surd-migration{background:rgba(18,28,48,.9);color:#e8efff;border-color:#6d86ae55;box-shadow:0 28px 100px #0006,0 1px 0 #8da3c422 inset}
html[data-theme=dark] .surd-migration::backdrop{background:rgba(2,7,18,.5)}
html[data-theme=dark] .surd-migration .surd-migration-brand,html[data-theme=dark] .surd-migration .surd-migration-domain{color:#86adff}
html[data-theme=dark] .surd-migration .surd-migration-description,html[data-theme=dark] .surd-migration .surd-migration-stay,html[data-theme=dark] .surd-migration .surd-migration-close{color:#a9b9d4}
html[data-theme=dark] .surd-migration .surd-migration-stay{border-color:#53678466}
html[data-theme=dark] .surd-migration .surd-migration-stay:hover,html[data-theme=dark] .surd-migration .surd-migration-close:hover{background:#263854}
@keyframes surd-migration-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:480px){dialog.surd-migration{padding:32px 24px;border-radius:16px}.surd-migration h2{font-size:23px}.surd-migration .surd-migration-brand{margin-bottom:22px}.surd-migration .surd-migration-actions{align-items:stretch;flex-direction:column}.surd-migration .surd-migration-link,.surd-migration .surd-migration-stay{width:100%}}
@media(prefers-reduced-motion:reduce){dialog.surd-migration{animation:none}}
