/* Isolated sign-in study over the approved Explore page. */
.auth-dialog{position:fixed;inset:0;width:448px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid #c3c9f540;border-radius:12px;background:#1b1e3b;color:#fff;box-shadow:0 24px 90px #10112d88;font:400 14px/21px 'DM Sans',sans-serif;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}
.auth-dialog::backdrop{background:#1011248c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.auth-dialog[open]{animation:auth-appear .15s ease-out}
.auth-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 0;min-height:52px}
.auth-back,#auth-close{display:grid;place-items:center;flex:none;width:36px;height:36px;min-width:36px;min-height:36px;padding:8px;line-height:1;color:#ffffffb3;background:transparent;border:1px solid transparent}
#auth-close{border-radius:50%}.auth-back{border-radius:8px}
.auth-back:hover,#auth-close:hover{color:#fff;background:#ffffff0d;border-color:#ffffff24}
.auth-back svg,#auth-close svg{display:block;width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.auth-toolbar-spacer{width:36px;height:36px}
.auth-content{padding:12px 32px 32px;min-width:0}
.auth-dialog h2{margin:0;color:#fff;font:600 28px/35px 'DM Sans',sans-serif;letter-spacing:-.6px;outline:none}
.auth-description{margin:10px 0 24px;color:#ffffff99;font:400 14px/22px 'DM Sans',sans-serif;overflow-wrap:anywhere}
.auth-field-label{display:block;margin:0 0 8px;font:500 14px/20px 'DM Sans',sans-serif;color:#ffffffd9}
.auth-input{display:block;width:100%;height:46px;min-width:0;padding:11px 13px;border:1px solid #ffffff30;border-radius:8px;background:#ffffff06;color:#fff;font:400 16px/22px 'DM Sans',sans-serif;outline:none;transition:border-color .16s,background .16s;box-sizing:border-box}
.auth-input::placeholder{color:#ffffff66}.auth-input:focus{border-color:#b8acf0;background:#ffffff09}.auth-input[aria-invalid=true]{border-color:#e19aaf}
.auth-error{margin:9px 0 0;color:#e9a0b4;font:400 13px/20px 'DM Sans',sans-serif}
.auth-dialog .auth-primary,.auth-dialog .auth-secondary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;width:100%;padding:11px 16px;border-radius:8px;font:600 15px/22px 'DM Sans',sans-serif;text-align:center;text-decoration:none}
.auth-dialog .auth-primary{margin-top:18px;border:1px solid #ffffffcc;color:#252340;background-color:#fff}
.auth-dialog .auth-secondary{border:1px solid #ffffff30;background:#ffffff04;color:#fff}
.auth-dialog .auth-block-action{margin-top:12px}
.auth-dialog .auth-secondary:not(:disabled):hover{background:#ffffff0d;border-color:#ffffff5c}
.auth-dialog .auth-primary:disabled,.auth-dialog .auth-secondary:disabled{opacity:.5;cursor:default}
.auth-divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:#ffffff66;font:400 12px/18px 'DM Sans',sans-serif}
.auth-divider::before,.auth-divider::after{content:'';height:1px;flex:1;background:#ffffff1c}
.auth-secondary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.auth-footnote{margin:20px 0 0;color:#ffffff66;font:400 12px/19px 'DM Sans',sans-serif;text-align:center}
.auth-wallet-list{display:flex;flex-direction:column;gap:10px}
.auth-dialog .auth-provider{display:flex;align-items:center;gap:12px;width:100%;min-height:66px;padding:12px 14px;border:1px solid #ffffff25;border-radius:8px;background:#ffffff03;text-align:left;color:#fff;font:500 15px/22px 'DM Sans',sans-serif;transition:background .16s,border-color .16s}
.auth-dialog .auth-provider:hover{border-color:#c6b4ff70;background:#ffffff08}
.auth-provider-badge{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #ffffff12;border-radius:8px;background:#ffffff08;color:var(--provider-color,#bfb7ff);font:600 12px/18px 'DM Sans',sans-serif}
.auth-provider-copy{min-width:0;flex:1}.auth-provider-copy small{display:block;margin-top:2px;color:#ffffff80;font:400 12px/18px 'DM Sans',sans-serif}
.auth-provider-arrow{width:15px;height:15px;flex:none;stroke:#ffffff80;stroke-width:1.7;fill:none}
.auth-code{height:58px;padding-left:23px;font-size:25px;font-weight:500;letter-spacing:10px;text-align:center;font-variant-numeric:tabular-nums}
.auth-email-line{display:flex;flex-direction:column;align-items:stretch;padding:12px 0 20px;border-bottom:1px solid #ffffff1c;margin-bottom:22px}
.auth-email-line span{min-width:0;overflow-wrap:anywhere;color:#ffffffd9;font-size:14px}
.auth-state{text-align:center}
.auth-state-icon{display:grid;place-items:center;width:64px;height:64px;margin:4px auto 22px;border:2px solid #ffffff26;border-radius:16px;background:#ffffff05;color:#c6b4ff}
.auth-state-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.auth-state-icon.success{color:#8ee4b8;background:#8ee4b80d;border-color:#8ee4b833}
.auth-state-icon.error{color:#e99aad;background:#e99aad0b;border-color:#e99aad33}
.auth-state-icon.warning{color:#ecd28a;background:#ecd28a0b;border-color:#ecd28a33}
.auth-state-icon.cancelled{color:#fff}
.auth-spinner{display:block;width:28px;height:28px;border:2px solid #ffffff24;border-top-color:#fff;border-radius:50%;animation:auth-spin .8s linear infinite}
.auth-steps{display:flex;align-items:flex-start;justify-content:center;padding:0;margin:24px 0;list-style:none;color:#ffffff66;font-size:12px}
.auth-steps li{position:relative;display:flex;align-items:center;gap:7px;white-space:nowrap}
.auth-steps li+li::before{content:'';display:block;width:44px;height:1px;margin:8px 10px 0;background:#ffffff24;align-self:flex-start}
.auth-steps i{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.auth-steps .is-current{color:#fff}.auth-steps .is-done{color:#8ee4b8}
.auth-detail-card{padding:14px;border:1px solid #ffffff20;border-radius:8px;background:#ffffff04;margin:20px 0;text-align:left}
.auth-detail-card dl{display:flex;flex-direction:column;gap:10px;margin:0}.auth-detail-card dl>div{display:flex;align-items:center;justify-content:space-between;gap:16px}
.auth-detail-card dt{color:#ffffff80;font-size:13px}.auth-detail-card dd{margin:0;min-width:0;color:#ffffffd9;font-size:13px;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.auth-detail-card dd.auth-address{font-size:12px}
.auth-success-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:18px 0 0;color:#8ee4b8;font:400 12px/18px 'DM Sans',sans-serif}
.auth-success-note i{width:5px;height:5px;border-radius:50%;background:currentColor}
/* Match the shared button motion, including primary actions rendered as links. */
:root body #auth-dialog :is(button,a.auth-primary):not(:disabled):not([aria-disabled=true]){--control-y:0px;--control-scale:1;transform:translateY(var(--control-y)) scale(var(--control-scale));transform-origin:center;transition:transform var(--motion-normal,220ms) var(--motion-out,cubic-bezier(.22,.61,.36,1)),opacity var(--motion-fast,160ms),color var(--motion-fast,160ms),border-color var(--motion-fast,160ms),background-color var(--motion-fast,160ms);-webkit-tap-highlight-color:transparent}
@media(hover:hover) and (pointer:fine){:root body #auth-dialog :is(button,a.auth-primary):not(:disabled):not([aria-disabled=true]):hover{--control-scale:1.01}}
:root body #auth-dialog :is(button,a.auth-primary):not(:disabled):not([aria-disabled=true]):active{--control-scale:.995;transition-duration:90ms}
@keyframes auth-spin{to{transform:rotate(360deg)}}
@keyframes auth-appear{from{opacity:0}to{opacity:1}}
@media(max-width:520px){.auth-dialog{inset:auto 0 0;max-width:100%;width:100%;max-height:calc(100dvh - 20px);margin:0;border-radius:16px 16px 0 0;border-bottom:0}.auth-content{padding:12px 24px max(28px,env(safe-area-inset-bottom))}.auth-dialog h2{font-size:26px;line-height:33px}.auth-toolbar{padding-top:12px}.auth-provider{min-height:62px}}
@media(max-width:350px){.auth-content{padding-inline:20px}.auth-dialog h2{font-size:24px;line-height:31px}.auth-steps li+li::before{width:30px;margin-inline:8px}}
@media(prefers-reduced-motion:reduce){.auth-dialog[open],.auth-spinner{animation:none}.auth-dialog *{transition:none!important}:root body #auth-dialog :is(button,a.auth-primary):not(:disabled):not([aria-disabled=true]){--control-scale:1!important}}