.swap-page { max-width: 500px; padding-top: calc(24px + env(safe-area-inset-top)); padding-bottom: calc(24px + env(safe-area-inset-bottom)); }
.swap-page .panel { border: 0; border-radius: 16px; box-shadow: 0 10px 30px rgba(12, 54, 62, .1); }
.swap-page .panel-heading { padding: 14px 16px; color: var(--brand-on-primary); background: var(--brand-primary); font-size: 18px; font-weight: 700; }
.swap-page .form-control { height: 48px; border-color: var(--brand-border); border-radius: 10px; font-size: 16px; }
#captcha-box { margin: 15px 0 22px; padding: 12px; border: 1px solid var(--brand-border); border-radius: 10px; background: var(--brand-surface); }
#embed-captcha, #embed-captcha > div { max-width: 100%; }
#wait { margin: 8px 0 0; color: var(--brand-muted); font-size: 14px; }
#notice { margin: 8px 0 0; color: #b42532; font-size: 14px; }
#notice[hidden] { display: none; }
.swap-page .btn-success { display: block; width: 100%; min-height: 50px; border: 0; border-radius: 10px; color: var(--brand-on-primary); background: var(--brand-primary); font-size: 17px; }
.swap-page .btn-success:hover, .swap-page .btn-success:active, .swap-page .btn-success:focus { color: var(--brand-on-primary); background: var(--brand-primary-hover); }
.swap-page .btn-success:focus-visible { outline: 3px solid var(--brand-focus); outline-offset: 2px; }
@media (max-width: 575px) { .swap-page { padding-top: calc(16px + env(safe-area-inset-top)); } }