body {
  --privy-color-background: #111014;
  --privy-color-background-2: #1b1820;
  --privy-color-foreground: #f4f0e9;
  --privy-color-accent: #b8a0ef;
  --privy-border-radius-md: 12px;
  --privy-border-radius-lg: 20px;
}
.reference-header #wallet-button { display:flex;gap:8px;align-items:center }
.reference-header #wallet-button .icon { width:14px;height:14px }
dialog[data-view="signin"] { max-width:416px }
dialog[data-view="signin"] .modal-header { border-bottom:0;padding-bottom:0 }
dialog[data-view="signin"] .modal-body { padding-top:12px }
.signin-intro { display:flex;align-items:center;gap:12px;margin:0 0 27px }
.signin-intro img { height:33px;width:33px }
.signin-intro p { margin:0;font-size:12px;color:#a59aa9;line-height:1.6 }
.signin-socials { display:grid;gap:10px }
.signin-option { display:flex;align-items:center;gap:14px;width:100%;min-height:47px;padding:13px 17px;border:1px solid #3b3343;border-radius:11px;background:#19151e;color:#f0eaf5;font-size:12px;text-align:left;transition:background .15s,border-color .15s }
.signin-option:hover:not(:disabled) { border-color:#79648b;background:#221b2b }
.signin-option svg { height:19px;width:19px;flex-shrink:0 }
.signin-wallet { min-height:62px;border-color:#60506f;background:#211b29 }
.signin-wallet small { display:block;margin-top:4px;font-size:10px;font-weight:400;color:#a89bb4 }
.signin-option:disabled,.signin-submit:disabled { opacity:.45;cursor:not-allowed }
.signin-divider { display:flex;align-items:center;gap:13px;color:#74677f;font-size:10px;margin:20px 0 }
.signin-divider::before,.signin-divider::after { content:"";height:1px;flex:1;background:#302837 }
dialog[data-view="signin"] .form-group { margin-bottom:13px }
dialog[data-view="signin"] .form-group label { font-size:11px;color:#b9adbf }
dialog[data-view="signin"] .form-group input { min-height:45px;font-size:13px;background:#100e13;border-color:#3b3343;border-radius:10px }
.signin-submit { width:100%;min-height:44px;font-size:12px;gap:9px;justify-content:center }
.signin-message { margin:14px 0 0;min-height:16px;font-size:11px;text-align:center;color:#b0a1bc;line-height:1.6 }
.signin-error { color:#e6a09f }
.signin-provider { display:flex;align-items:center;justify-content:center;gap:4px;margin-top:20px;font-size:10px;color:#807487 }
.signin-provider a { color:#b0a4ba }
.signin-provider a:hover { text-decoration:underline }
.signin-lock { display:inline-flex;margin-right:3px }
.signin-lock .icon { width:11px;height:11px }
#privy-dialog button:has(>svg[data-slot="icon"]>path[d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"]) { width:auto;min-width:36px;min-height:28px;padding:0 5px }
#privy-dialog button:has(>svg[data-slot="icon"]>path[d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"])>svg { display:none }
#privy-dialog button:has(>svg[data-slot="icon"]>path[d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18"])::after { content:"Back";font:500 11px var(--font);color:#b5a9c0 }
.signin-code-message { color:#ab9db7;font-size:12px;line-height:1.8;margin-bottom:24px;overflow-wrap:anywhere }
.signin-code-message strong { font-weight:500;color:#e5daec }
#signin-code { font-size:21px;letter-spacing:7px;text-align:center;font-variant-numeric:tabular-nums }
.signin-code-actions { display:flex;justify-content:space-between;gap:12px;margin-top:17px }
.signin-code-actions button { font-size:11px }
.wallet-welcome { min-height:440px;max-width:100%;background:#121015;border-color:#2e2735 }
.wallet-welcome .wallet-brand { height:46px;width:46px;margin:0 0 23px }
.wallet-network { display:flex;align-items:center;gap:8px;color:#a89ab2;font-size:10px;font-weight:500;letter-spacing:.15px }
.wallet-welcome .wallet-network { text-transform:uppercase;font-size:9px;letter-spacing:1.6px;color:#9f88b5 }
.wallet-welcome h2 { margin-top:13px;font-size:27px;letter-spacing:-.85px }
.wallet-welcome p { font-size:12px;margin:11px 0 23px }
.wallet-welcome .btn { min-width:153px;min-height:41px;font-size:12px }
.wallet-login-methods { display:flex;align-items:center;gap:11px;color:#7e7089;font-size:10px;margin-top:19px }
.wallet-login-methods i { height:2px;width:2px;border-radius:50%;background:#57465f }
.wallet-page-heading { display:flex;align-items:center;justify-content:space-between;gap:20px }
.wallet-page-heading p { overflow-wrap:anywhere }
.wallet-signout { font-size:11px;flex-shrink:0;min-height:34px }
.wallet-header-actions { display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap }
.wallet-connect { min-height:34px;font-size:11px }
.wallet-picker { display:grid;gap:8px;margin-top:21px }
.wallet-picker label { color:#9f90aa;font-size:10px }
.wallet-picker select { width:100%;min-width:0;padding:11px;border:1px solid #3b3046;border-radius:10px;background:#100e13;color:#ddd2e5;font:11px var(--font) }
.wallet-source { display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:19px;font-size:10px;color:#aa9cb5 }
.wallet-connection { color:#a094a8 }
.wallet-connection.connected { color:#99bfa9 }
.wallet-source .text-link { font-size:10px }
.wallet-layout { display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px }
.wallet-balance-panel,.wallet-asset-panel,.wallet-activity-panel { border:1px solid #342a3c;border-radius:19px;background:#151119;padding:27px }
.wallet-panel-heading { display:flex;align-items:center;justify-content:space-between;gap:12px }
.wallet-panel-heading .icon-button { width:30px;height:30px }
.wallet-panel-heading .icon-button .icon { width:15px;height:15px }
.wallet-balance-label { display:block;margin-top:30px;color:#9f90aa;font-size:11px }
.wallet-balance-value { display:flex;align-items:baseline;gap:10px;font:600 clamp(25px,3.4vw,40px)/1.5 var(--heading);letter-spacing:-1.4px;overflow-wrap:anywhere;min-height:60px;font-variant-numeric:tabular-nums }
.wallet-balance-value>span { font:500 13px var(--font);letter-spacing:0;color:#9986a7;flex-shrink:0 }
.wallet-update { font-size:10px;color:#8c789b;line-height:1.7;min-height:17px;margin:3px 0 25px }
.wallet-address { border-top:1px solid #302637;padding-top:18px;min-width:0 }
.wallet-address>span { display:block;color:#8f7c9e;font-size:10px;margin-bottom:8px }
.wallet-address>button { display:flex;align-items:center;gap:12px;width:100%;text-align:left;overflow-wrap:anywhere;word-break:break-all;color:#d2c1df;font:11px/1.8 var(--font);padding:0 }
.wallet-address .icon { width:14px;height:14px;flex-shrink:0;color:#9a83ae }
.wallet-actions { display:flex;gap:10px;margin-top:22px }
.wallet-actions .btn { font-size:11px;min-height:38px;justify-content:center;padding:9px 15px }
.wallet-asset-panel h2,.wallet-activity-panel h2 { font:600 16px var(--heading);letter-spacing:-.3px }
.wallet-asset-row { display:flex;align-items:center;gap:12px;margin-top:29px;padding-bottom:22px;border-bottom:1px solid #302637 }
.sol-asset-logo { width:38px;height:38px;border-radius:12px;background:#211a2a;border:1px solid #3b2d48;display:grid;place-items:center;flex-shrink:0 }
.sol-asset-logo .solana-mark { width:19px }
.wallet-asset-row>div { display:flex;flex-direction:column;gap:5px;min-width:0 }
.wallet-asset-row strong { font-size:12px;font-weight:500;overflow-wrap:anywhere;font-variant-numeric:tabular-nums }
.wallet-asset-row span:not(.sol-asset-logo):not(.solana-mark) { color:#8b789a;font-size:10px }
.wallet-asset-row>strong { margin-left:auto;text-align:right }
.wallet-section-note { font-size:10px;color:#8d7b9a;line-height:1.8;margin-top:16px }
.wallet-activity-panel { margin-top:20px }
.wallet-activity-panel .wallet-panel-heading>span { color:#81708e;font-size:10px }
.wallet-activity-empty { text-align:center;padding:46px 12px 27px;color:#8c789a;font-size:12px }
.wallet-activity-list { margin-top:19px }
.wallet-activity-row { display:flex;align-items:center;gap:12px;padding:17px 0;border-top:1px solid #302637 }
.activity-state { width:29px;height:29px;border-radius:9px;background:#192820;color:#8fcba9;display:grid;place-items:center;flex-shrink:0 }
.activity-state.failed { background:#302024;color:#d69b9e }
.activity-state .icon { width:14px;height:14px }
.wallet-activity-row>div { display:flex;flex-direction:column;gap:5px }
.wallet-activity-row strong { font-size:11px;font-weight:500 }
.wallet-activity-row>div>span { font-size:10px;color:#8d789e }
.wallet-activity-row>time { margin-left:auto;text-align:right;color:#8d789e;font-size:10px }
.receive-network { display:flex;align-items:center;gap:12px;font-size:13px;margin:2px 0 17px }
.receive-note { font-size:12px;color:#b1a0bd;line-height:1.8;margin-bottom:25px }
.receive-address-label { display:block;color:#9b87a9;font-size:11px;margin-bottom:10px }
.receive-address { width:100%;font-size:11px;min-height:44px;margin-bottom:19px }
@media(max-width:700px) {
  .wallet-layout { grid-template-columns:1fr;gap:15px }
  .wallet-page-heading { align-items:flex-start;gap:12px }
  .wallet-header-actions { gap:7px }
  .wallet-header-actions .btn { padding:8px 10px;font-size:10px }
  .wallet-welcome { min-height:420px;padding:35px 18px }
  .wallet-welcome h2 { font-size:25px }
  .wallet-balance-panel,.wallet-asset-panel,.wallet-activity-panel { padding:21px;border-radius:16px }
  .wallet-balance-value { font-size:30px }
  .wallet-balance-label { margin-top:22px }
  .wallet-address>button { font-size:10px }
  .wallet-actions { gap:8px }
  .wallet-actions .btn { flex:1;font-size:10px;padding:9px 8px }
  .wallet-activity-row>time { max-width:85px;font-size:9px;line-height:1.7 }
  dialog[data-view="signin"] .modal-body { padding:14px 24px 24px }
}