.browser-handoff { box-sizing: border-box; width: min(28rem, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); overflow-y: auto; margin: auto; padding: 1.5rem; border: 1px solid rgba(212,168,87,.45); border-radius: 1.25rem; background: #18171d; color: #f8fafc; box-shadow: 0 1.5rem 5rem rgba(0,0,0,.65); font-family: inherit; font-size: 1rem; line-height: 1.6; }
.browser-handoff::backdrop { background: rgba(0,0,0,.8); }
.browser-handoff__title { margin: 0 0 .75rem; color: #f4c45f; font-size: 1.4rem; font-weight: 800; }
.browser-handoff__description { margin: 0 0 .75rem; }
.browser-handoff__instruction { margin: 0 0 1.25rem; color: #cbd5e1; font-size: .9rem; }
.browser-handoff__actions { display: grid; gap: .65rem; }
.browser-handoff__action { display: block; width: 100%; box-sizing: border-box; padding: .85rem 1rem; border: 1px solid #55515c; border-radius: .85rem; background: #29262e; color: #f8fafc; font: inherit; text-align: center; text-decoration: none; cursor: pointer; }
.browser-handoff__action--primary { background: linear-gradient(#ffe0b8,#f6ae5c,#b5631a); color: #2a1203; border-color: #b97710; font-weight: 800; }
.browser-handoff__status { margin: .8rem 0; color: #e7d0a1; font-size: .9rem; }
.browser-handoff__address { box-sizing: border-box; width: 100%; min-height: 5rem; border: 1px solid #55515c; border-radius: .5rem; background: #101014; color: #f8fafc; padding: .65rem; font: inherit; overflow-wrap: anywhere; }
.browser-handoff__address[hidden] { display: none; }
.browser-handoff__close { display: block; margin: .75rem auto 0; padding: .5rem 1rem; border: 0; background: transparent; color: #cbd5e1; font: inherit; cursor: pointer; }
.browser-handoff :is(a,button,textarea):focus-visible { outline: 2px solid #f4c45f; outline-offset: 3px; }
.ios-browser-guide { width: min(24rem, calc(100% - 2rem)); max-height: calc(100dvh - 2rem); padding: 1.5rem; background: #1c1b22; color: #f2edf5; border-color: #65543a; }
.ios-browser-guide__logo { display: block; width: 7rem; height: auto; margin: 0 auto 1.1rem; }
.ios-browser-guide__title { margin: 0 0 1.6rem; text-align: center; color: #f3d892; font-size: 1.1rem; font-weight: 700; line-height: 1.65; word-break: keep-all; }
.ios-browser-guide__title span { display: block; }
.ios-browser-guide__steps { display: grid; gap: 1.4rem; margin: 0; padding: 0; list-style: none; }
.ios-browser-guide__steps li { display: flex; align-items: flex-start; gap: .7rem; }
.ios-browser-guide__steps p { margin: 0; font-size: 1rem; line-height: 1.7; word-break: keep-all; overflow-wrap: break-word; }
.ios-browser-guide__number { display: grid; place-items: center; flex: 0 0 auto; width: 1.65rem; height: 1.65rem; border-radius: 50%; background: #3b3323; color: #f5d990; font-size: .875rem; line-height: 1; font-weight: 700; }
@media (max-width: 350px) { .ios-browser-guide { padding: 1.25rem .9rem; } }