/* Shared dialogs use the same neutral canvas as the application. */
#modal { background:linear-gradient(145deg,#191c1e,#101214 72%); border:1px solid #ffffff21; color:#f0f1f2; box-shadow:0 28px 100px #0007; }
#modal::backdrop { background:rgb(0 0 0 / .72); backdrop-filter:blur(5px); }
#modal p { color:#979da2; }
#modal .wallet-dialog { scrollbar-color:#61676b transparent; }
#modal .dialog-close { color:#92999e; border-radius:8px; }
#modal .dialog-close:hover { color:#f4f5f6; background:#ffffff09; }
#modal .button { background:#ffffff04; border-color:#ffffff26; }
#modal :is(.field input,.field textarea,.field select,.qr-address) { background:#0b0d0f99; border-color:#ffffff26; }
#modal[data-kind="wallet-connect"] { width:min(480px,calc(100vw - 32px)); padding:0; border-radius:24px; }
#modal[data-kind="wallet-connect"] .wallet-dialog { padding:32px 30px 26px; max-height:calc(100dvh - 42px); scrollbar-gutter:auto; }
#modal[data-kind="wallet-connect"] .dialog-close { top:15px; right:15px; width:28px; height:28px; display:grid; place-items:center; padding:5px; }
.wallet-connect-header { display:flex; align-items:center; gap:15px; margin:0 0 32px; padding-right:10px; }
.wallet-connect-header>img { width:44px; height:44px; flex:none; }
#modal .wallet-connect-header h2 { font-size:23px; letter-spacing:-.85px; line-height:1.2; margin:0 0 8px; }
#modal .wallet-connect-header p { font-size:13px; margin:0; line-height:1.4; }
.wallet-connect-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.wallet-connect-heading h3 { font-size:15px; margin:0; }
.wallet-connect-heading>span { font-size:10px; color:#62d8ed; font-weight:600; }
#modal .wallet-connect-section>p { font-size:12px; margin:9px 0 19px; }
.wallet-connect-network { display:flex; align-items:center; gap:8px; font-size:12px; margin:23px 0 12px; }
.wallet-connect-network>span:last-child { color:#868e93; margin-left:auto; font-size:10px; }
.wallet-connect-list { display:grid; gap:10px; }
.wallet-connect-choice { display:flex; align-items:center; gap:12px; text-align:left; width:100%; padding:16px; min-height:72px; border-radius:14px; border:1px solid #ffffff24; background:#ffffff03; transition:background .18s,border-color .18s; }
.wallet-connect-choice:hover { background:#ffffff08; border-color:#ffffff45; }
.wallet-connect-choice:focus-visible { outline:2px solid #62d8ed; outline-offset:3px; }
.wallet-connect-choice strong { font-size:14px; }
.wallet-connect-avatar { width:32px; height:32px; border-radius:9px; display:grid; place-items:center; background:#ffffff09; overflow:hidden; flex:none; }
.wallet-connect-avatar img { width:100%; height:100%; object-fit:contain; }
.wallet-connect-detected { font-size:10px; color:#929b9f; margin-left:auto; }
.wallet-connect-arrow { color:#90999e; }
#modal .wallet-connect-empty { padding:16px; border:1px solid #ffffff18; border-radius:12px; }
#modal .wallet-connect-status:empty,#modal .wallet-connect-section .error-message:empty { display:none; }
#modal .wallet-connect-status { color:#79dcee; margin:12px 0 0; }
#modal .wallet-connect-section .error-message { color:#ffb0b0; overflow-wrap:anywhere; }
.wallet-connect-footer { border-top:1px solid #ffffff14; margin-top:26px; padding-top:20px; }
.wallet-connect-footer>a { display:flex; justify-content:space-between; font-size:12px; font-weight:600; color:#c7cdd0; }
#modal .wallet-connect-footer>p { margin:20px 0 0; font-size:11px; line-height:1.7; text-align:center; color:#858d92; }
/* The currency symbol is shared by page content and detached dialogs. */
.raised-sol-icon { display:inline-block; width:14px; height:12px; vertical-align:-1px; flex-shrink:0; color:#8bdfef; background:currentColor; -webkit-mask:url('/brand/solana.svg') center/contain no-repeat; mask:url('/brand/solana.svg') center/contain no-repeat; }
.currency-amount { display:inline-flex; align-items:center; gap:.35em; white-space:nowrap; }
.project-stat-unit .raised-sol-icon { width:20px; height:17px; }
html[data-theme="light"] #modal { background:linear-gradient(145deg,#fff,#f5f7f8); color:#17232b; border-color:#17232b26; }
html[data-theme="light"] #modal::backdrop { background:#17232b70; }
html[data-theme="light"] #modal p { color:#5b6770; }
html[data-theme="light"] #modal .dialog-close { color:#5b6770; }
html[data-theme="light"] #modal .wallet-connect-choice { background:#ffffffb3; border-color:#17232b26; color:#17232b; }
html[data-theme="light"] #modal .wallet-connect-choice:hover { background:#edf3f5; border-color:#17232b55; }
html[data-theme="light"] #modal :is(.wallet-connect-heading>span,.wallet-connect-status,.raised-sol-icon) { color:#087b94; }
html[data-theme="light"] #modal .wallet-connect-footer { border-color:#17232b20; }
html[data-theme="light"] #modal :is(.wallet-connect-footer>a,.wallet-connect-detected) { color:#4b5964; }
html[data-theme="light"] #modal :is(.field input,.field textarea,.field select,.qr-address) { background:#fff; color:#17232b; border-color:#17232b30; }
html[data-theme="light"] #modal .button:not(.primary) { background:#fff; color:#17232b; border-color:#17232b30; }
html[data-theme="light"] #modal .wallet-connect-section .error-message { color:#a12736; }
.based-ui .raised-earned { flex-wrap:wrap;row-gap:2px; }
.based-ui .raised-earned>span>small { margin-left:9px;color:inherit;font-size:10px;opacity:.85; }
@media(max-width:650px) { .based-ui .raised-earned>span>small { display:block;margin:3px 0 0; } }
@media(max-width:520px) { #modal[data-kind="wallet-connect"] .wallet-dialog { padding:30px 22px 24px; }.wallet-connect-header { gap:12px; }#modal .wallet-connect-header h2 { font-size:21px; }.wallet-connect-header>img { width:35px; height:35px; } }
@media(prefers-reduced-motion:reduce) { .wallet-connect-choice { transition:none; } }