.r57-page{max-width:480px;margin:12px auto 30px;padding:24px;border:1px solid #E4E7EC;background:#fff;border-radius:10px}
.r57-overline{font-size:10px;letter-spacing:.08em;color:#667085;font-weight:700}
.r57-page h2{font-size:24px;line-height:1.2;margin:12px 0}
.r57-page h3{font-size:17px;margin:16px 0 8px}
.r57-page p{font-size:13px;line-height:1.55}
.r57-context{display:flex;flex-direction:column;gap:4px;background:#F7F8FA;border:1px solid #E4E7EC;border-radius:6px;margin:16px 0;padding:10px 12px;font-size:13px}
.r57-context span{font-size:12px;color:#4B5563}
.r57-main{width:100%;min-height:44px;margin-top:10px;display:flex;justify-content:center}
.r57-page label{display:block;font-size:13px;font-weight:600;margin:12px 0 6px}
.r57-page input{box-sizing:border-box;width:100%;min-height:46px;border:1px solid #9AA1AF;border-radius:6px;padding:10px 12px;font:inherit;font-size:16px;background:transparent;color:inherit}
.r57-page input:focus-visible{outline:2px solid #7352B8;outline-offset:2px}
.r57-divider{border-top:1px solid #E4E7EC;text-align:center;margin:24px 0 12px;height:1px}
.r57-divider span{position:relative;top:-11px;background:#fff;padding:0 12px;font-size:12px;color:#667085}
.r57-page .r57-fine{font-size:12px;color:#667085}
.r57-later{display:block;text-align:center;margin:18px 0;min-height:44px;align-content:center;font-size:13px}
.r57-free{border-top:1px solid #E4E7EC;padding-top:14px}
.r57-details{font-size:12px;color:#667085}
.r57-actions{display:flex;justify-content:space-between;gap:8px}
.r57-error{padding:10px;border-left:3px solid #DC2626;background:#FEF2F2;color:#991B1B}
.r57-info{padding:10px;border-left:3px solid #BFDBFE;background:#EFF6FF;color:#1D4ED8}
.r57-success{padding:12px;background:#F0FDF4;border:1px solid #BBF7D0;border-radius:6px;color:#166534;font-size:13px}
.r57-success p{margin:6px 0 0}
.r57-nudge{display:flex;align-items:center;gap:10px;background:var(--surface,#fff);border:1px solid var(--line,#E4E7EC);border-radius:6px;padding:10px 12px;margin:8px 0 12px;font-size:12px}
.r57-nudge>span{margin-right:auto}
.r57-nudge .button{flex-shrink:0;min-height:44px}
[data-theme=dark] .r57-page{background:#151C24;border-color:#394452}
[data-theme=dark] .r57-context{background:#202A35;border-color:#394452}
[data-theme=dark] .r57-context span,[data-theme=dark] .r57-page .r57-fine,[data-theme=dark] .r57-details,[data-theme=dark] .r57-overline{color:#B6BFCD}
[data-theme=dark] .r57-divider span{background:#151C24;color:#B6BFCD}
[data-theme=dark] .r57-success{background:#122A20;border-color:#31533F;color:#BAEACB}
[data-theme=dark] .r57-page a,[data-theme=dark] .r57-page .button.text{color:#CED7E7}
[data-theme=dark] .r57-page .button.primary{background:#F7F8FA;color:#111827;border-color:#F7F8FA}
[data-theme=dark] .r57-page .r57-google{background:#202A35;color:#F7F8FA;border-color:#667085}
.r57-page .button.r57-main{min-height:44px}
@media(max-width:600px){.r57-page{padding:16px;margin:8px 0 20px}.r57-page h2{font-size:22px}.r57-nudge{flex-wrap:wrap}.r57-nudge>span{flex-basis:100%}}