#action-confirmation{position:fixed;inset:0;width:min(520px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;margin:auto;border:1px solid #615083;border-radius:24px;background:#181227;color:#f4efff;box-shadow:0 28px 110px #000a;overflow:auto;overscroll-behavior:contain}
#action-confirmation::backdrop{background:#070410b8;backdrop-filter:blur(6px)}
.confirmation-body{padding:28px}.confirmation-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.confirmation-symbol{display:grid;place-items:center;width:44px;height:44px;border:1px solid #8f73bd;border-radius:14px;background:#302044;color:#ff875b;font-size:24px}
#action-confirmation h2{font-family:var(--font-display,'Sora',sans-serif);font-size:25px;line-height:1.25;margin:8px 0 12px;overflow-wrap:anywhere}#action-confirmation p{font-size:14px;line-height:1.65;color:#cdc1df}#action-confirmation .eyebrow{font-size:11px;color:#ba9ee9;letter-spacing:.12em;margin:0}
.confirmation-costs{margin:22px 0;border:1px solid #493a60;border-radius:14px;padding:4px 16px}.confirmation-costs>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #3c2f50;font-size:14px}.confirmation-costs>div:last-child{border-bottom:0;font-weight:700}.confirmation-costs dt{color:#cfc2df}.confirmation-costs dd{margin:0;text-align:right;overflow-wrap:anywhere;max-width:65%}
#action-confirmation .confirmation-note{border-left:2px solid #ff875b;padding-left:12px}#action-confirmation .confirmation-mode{font-size:12px;color:#c8b2ea;background:#261a39;padding:10px 12px;border-radius:10px}#confirmation-error{color:#ffd4d8!important;background:#421c30;padding:12px;border-radius:10px}
.confirmation-buttons{display:flex;gap:10px;margin-top:22px}.confirmation-buttons .button{flex:1;min-height:48px;white-space:normal;padding:12px}.confirmation-buttons .primary{background:#ff7b46;color:#20100a}.confirmation-buttons :focus-visible{outline:3px solid #d7b8ff;outline-offset:3px}
.first-steps{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px;color:#d4c5e5;font-size:12px}.first-steps span{padding:6px 10px;background:#a97bff0c;border:1px solid #a97bff26;border-radius:20px}.trading-fees{margin:16px 0}.trading-fees summary{cursor:pointer;font-size:13px;color:var(--muted);padding:12px 0}.trading-fees .notice{margin-top:0}
@media(max-width:480px){.confirmation-body{padding:20px}.confirmation-buttons{flex-direction:column-reverse}.confirmation-costs{padding:4px 12px}.confirmation-costs>div{gap:12px}#action-confirmation h2{font-size:22px}}