.hud-control-dialog { box-sizing:border-box; width:320px; max-width:calc(100% - 24px); max-height:calc(100% - 24px); padding:16px; border:1px solid #91b9e7; border-radius:0; color:#243c61; background:#edf4ff; font:13px/1.4 "Segoe UI",sans-serif; overflow:auto; }
:root[data-theme="dark"] .hud-control-dialog { background:#17243a; color:#e0eaff; border-color:#537498; }
.hud-control-dialog::backdrop { background:#07132380; }
.hud-control-dialog header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.hud-control-dialog h2 { font:600 14px/1.3 "Segoe UI",sans-serif; margin:0; }
.hud-control-dialog button { font:inherit; color:inherit; background:transparent; border:1px solid #668cb6; padding:8px 10px; cursor:pointer; border-radius:0; }
.hud-control-dialog button:focus-visible { outline:2px solid #27bfff; outline-offset:-2px; }
.hud-control-options { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.hud-control-options button[aria-pressed="true"] { background:#3a69b6; color:white; }
.hud-control-content label { display:grid; grid-template-columns:45px 1fr; align-items:center; gap:10px; margin:12px 0; }
.hud-control-content input { box-sizing:border-box; width:100%; min-width:0; accent-color:#547ee8; }
.hud-control-content input[type="text"] { padding:8px; background:transparent; color:inherit; border:1px solid #668cb6; }
 .hud-color-preview { width:34px; height:34px; flex:none; border:1px solid #668cb6; }
.hud-color-palette { position:relative; height:150px; background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent); touch-action:none; cursor:crosshair; overflow:hidden; }
.hud-color-palette span { position:absolute; width:10px; height:10px; border:2px solid white; border-radius:50%; box-shadow:0 0 2px 1px #000; transform:translate(-50%,-50%); pointer-events:none; }
.hud-control-content .hud-color-hue { appearance:none; height:14px; margin:16px 0; background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red); border:0; border-radius:0; }
.hud-color-hue::-webkit-slider-thumb { appearance:none; width:10px; height:20px; background:transparent; border:2px solid white; box-shadow:0 0 2px #000; cursor:ew-resize; }
.hud-color-value { display:flex; align-items:center; gap:12px; }
.hud-color-palette:focus-visible { outline:2px solid #27bfff; outline-offset:2px; }

/* Wallet recipients use a searchable Neura directory within the HUD. */
.hud-avatar-dialog { width:380px; padding:20px; background:linear-gradient(145deg,#f4f8ff,#e7effd); border-color:#7ba8ef; box-shadow:0 16px 48px #07132350,inset 0 3px #65d7ff; }
:root[data-theme="dark"] .hud-avatar-dialog { background:linear-gradient(145deg,#202f4b,#142035); }
.hud-avatar-dialog header { margin-bottom:4px; }
.hud-avatar-dialog h2 { font-size:19px; font-weight:700; }
.hud-avatar-dialog header button { padding:6px 10px; font-size:11px; border-color:#83a4d080; }
.hud-avatar-subtitle { margin:0 0 14px; font-size:11px; opacity:.8; }
.hud-avatar-search { box-sizing:border-box; width:100%; padding:10px 12px; margin:0 0 12px; border:1px solid #83a4d080; color:inherit; background:#ffffff55; font:inherit; border-radius:0; }
:root[data-theme="dark"] .hud-avatar-search { background:#0c182955; }
.hud-avatar-search:focus { outline:2px solid #568eff; outline-offset:-2px; }
.hud-avatar-dialog .hud-control-options { grid-template-columns:1fr; gap:6px; max-height:225px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#6e95db transparent; }
.hud-avatar-dialog .hud-control-options button { display:flex; align-items:center; gap:11px; min-height:48px; padding:7px 10px; text-align:left; border:1px solid #83a4d050; background:#ffffff40; }
.hud-avatar-dialog .hud-control-options button[hidden] { display:none; }
.hud-avatar-dialog .hud-control-options button:hover { background:#568eff25; border-color:#568eff; }
.hud-avatar-dialog .hud-control-options button[aria-pressed="true"] { background:linear-gradient(110deg,#245aa1,#6551a9); color:#fff; box-shadow:inset 3px 0 #62d5ff; }
.hud-avatar-initials { display:grid; place-items:center; flex:none; width:32px; height:32px; background:linear-gradient(135deg,#337edb,#7861c5); box-shadow:inset 0 1px #ffffff60; color:white; font-size:11px; font-weight:700; }
.hud-avatar-name { flex:1; min-width:0; overflow-wrap:anywhere; font-size:12px; font-weight:600; }
.hud-avatar-indicator { font-size:19px; color:#6297ee; }
.hud-avatar-dialog button[aria-pressed="true"] .hud-avatar-indicator { color:#85e6ff; }
.hud-avatar-empty { font-size:12px; text-align:center; padding:12px; }

.hud-avatar-brand { width:42px; height:42px; object-fit:contain; filter:drop-shadow(0 2px 4px #477bca35); }
.hud-avatar-dialog header h2 { flex:1; }
.hud-avatar-dialog header { gap:10px; }
.hud-avatar-initials { border-radius:50%; border:1px solid #87cfff; background:radial-gradient(circle at 25% 15%,#64d9ff,#337edb 45%,#7861c5); }

.hud-avatar-dialog[open] { display:flex; flex-direction:column; overflow:hidden; }
.hud-avatar-dialog header,.hud-avatar-subtitle,.hud-avatar-search,.hud-avatar-navigation { flex-shrink:0; }
.hud-avatar-dialog .hud-control-options { flex:1 1 auto; min-height:0; overscroll-behavior:contain; }
.hud-avatar-navigation { display:flex; justify-content:space-between; gap:10px; padding-top:12px; }
.hud-avatar-navigation button { min-height:34px; font-size:11px; font-weight:600; border-color:#83a4d080; background:#568eff18; }
.hud-avatar-navigation button:disabled { opacity:.35; cursor:default; }
.hud-avatar-dialog .hud-control-options::-webkit-scrollbar { width:12px; }
.hud-avatar-dialog .hud-control-options::-webkit-scrollbar-thumb { background:#6e95db; border:3px solid transparent; background-clip:padding-box; }

/* A focused money-app directory in Neura's blue and violet palette. */
.hud-avatar-dialog { width:420px; padding:20px; border:1px solid #7cafff; background:radial-gradient(ellipse at top right,#d9e5ff,transparent 65%),#f6f9ff; box-shadow:0 20px 60px #07132366,inset 0 4px #65d7ff; }
:root[data-theme="dark"] .hud-avatar-dialog { background:radial-gradient(ellipse at top right,#273866,transparent 65%),#131f34; }
.hud-avatar-dialog header { margin-bottom:6px; }
.hud-avatar-dialog h2 { font-size:24px; letter-spacing:-.6px; }
.hud-avatar-brand { width:48px; height:48px; }
.hud-avatar-subtitle { margin-bottom:16px; font-size:12px; }
.hud-avatar-search { padding:12px 14px; border:0; border-bottom:2px solid #779ee9; background:#dde7f680; font-size:13px; }
.hud-avatar-dialog .hud-control-options { gap:0; }
.hud-avatar-dialog .hud-control-options button { min-height:60px; padding:9px 8px; gap:14px; border:0; border-bottom:1px solid #83a4d030; background:transparent; }
.hud-avatar-initials { width:40px; height:40px; font-size:13px; box-shadow:inset 0 2px 3px #ffffff70,0 3px 8px #3263ad30; }
.hud-avatar-name { font-size:14px; font-weight:650; }
.hud-avatar-indicator { width:24px; height:24px; display:grid; place-items:center; border:1px solid #83a4d070; border-radius:50%; font-size:18px; }
.hud-avatar-navigation { gap:8px; }
.hud-avatar-navigation button { flex:1; min-height:38px; border:0; background:linear-gradient(110deg,#245aa1,#6551a9); color:white; box-shadow:inset 0 -2px #62d5ff; }
.hud-avatar-navigation button:disabled { background:#83a4d020; color:inherit; box-shadow:none; }

.hud-avatar-group { margin:10px 8px 5px; font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--nav-accent,#477bca); }

/* Profile choices have individual visual identities, sized for the HUD. */
.hud-profile-picker { width:460px; padding:18px; color:#203b60; background:radial-gradient(ellipse at top right,#dce8ff,transparent 65%),#f3f7ff; border-color:#93b5ed; box-shadow:0 16px 48px #07132355,inset 0 3px #80dfff; }
:root[data-theme="dark"] .hud-profile-picker { color:#e5efff; background:radial-gradient(ellipse at top right,#28335c,transparent 65%),#152238; }
.hud-profile-picker h2 { font-size:20px; font-weight:700; }
.picker-intro { margin:0 0 14px; font-size:11px; opacity:.75; }
.hud-profile-picker .hud-control-options { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.hud-profile-picker .hud-control-options button { position:relative; display:flex; align-items:center; flex-direction:column; justify-content:center; gap:3px; padding:8px 5px; border:1px solid #87a9df55; background:#88b0ec0d; min-width:0; box-shadow:inset 0 1px #ffffff22; }
.hud-profile-picker button strong { font-size:11px; line-height:1.2; }
.hud-profile-picker button small { font-size:8px; opacity:.7; }
.hud-profile-picker .hud-control-options button:hover { border-color:#60b5ff; background:#609cff20; }
.hud-profile-picker .hud-control-options button[aria-pressed="true"] { color:white; border-color:#8abfff; background:linear-gradient(135deg,#246db5,#6959ac); box-shadow:inset 0 -3px #74deff,0 2px 7px #274a7325; }
.picker-graphic { position:relative; display:grid; place-items:center; color:#548be0; }
[aria-pressed="true"] .picker-graphic { color:#b1ecff; }
.picker-zodiac .picker-graphic { font-size:25px; height:29px; text-shadow:0 0 12px #8583e955; }
.picker-zodiac { background-image:radial-gradient(circle at 12% 15%,#9890ef22,transparent 45%); }
.picker-sex .hud-control-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
.picker-sex .hud-control-options button { padding:16px 8px; }
.picker-sex .picker-graphic { width:48px; height:48px; border-radius:50%; font-size:31px; background:radial-gradient(circle at 25% 15%,#94e9ff55,#9681e522); border:1px solid #8bb9ef66; margin-bottom:5px; }
.picker-sex button strong { font-size:14px; }
.picker-location .hud-control-options button { min-height:130px; background-image:linear-gradient(160deg,#69d3dc15,#8476ed15); }
.picker-location .picker-graphic svg { width:62px; height:62px; margin-bottom:10px; filter:drop-shadow(0 3px 4px #4479bc30); }
.picker-birthMonth .picker-graphic svg { width:35px; height:35px; }
.picker-birthMonth .picker-graphic b { position:absolute; top:16px; font-size:10px; }
.picker-birthMonth .hud-control-options { gap:7px; }
.picker-birthMonth .hud-control-options button { padding:6px; }

.hud-profile-picker .hud-control-options button { min-height:0; }
.hud-profile-picker.picker-zodiac .hud-control-options,.hud-profile-picker.picker-birthMonth .hud-control-options { grid-template-columns:repeat(4,minmax(0,1fr)); }

/* Compact field-anchored sex choices, with room for the surrounding form. */
.hud-profile-picker.picker-sex { width:320px; padding:10px; border-radius:10px; }
.picker-sex::backdrop { background:transparent; }
.picker-sex header { margin-bottom:8px; }
.picker-sex h2 { font-size:14px; }
.picker-sex header button { padding:4px 8px; font-size:11px; border-radius:5px; }
.picker-sex .picker-intro,.picker-sex .hud-control-options small { display:none; }
.picker-sex .hud-control-options { gap:6px; }
.picker-sex .hud-control-options button { flex-direction:row; justify-content:flex-start; gap:8px; padding:7px 9px; border-radius:7px; }
.picker-sex .picker-graphic { width:28px; height:28px; margin:0; font-size:21px; flex:none; }
.picker-sex button strong { font-size:12px; }
/* Home choices open at their field without covering the profile. */
.hud-profile-picker.picker-location { width:320px; padding:10px; border-radius:10px; }
.picker-location::backdrop { background:transparent; }
.picker-location header { margin-bottom:8px; }
.picker-location h2 { font-size:14px; }
.picker-location header button { padding:4px 8px; font-size:11px; border-radius:5px; }
.picker-location .picker-intro { display:none; }
.picker-location .hud-control-options { gap:6px; }
.picker-location .hud-control-options button { padding:8px 4px; border-radius:7px; }
.picker-location .picker-graphic svg { width:32px; height:32px; margin-bottom:3px; }
.picker-location button strong { font-size:11px; }
.picker-location button small { font-size:8px; }
:is(.picker-zodiac,.picker-birthMonth,.hud-avatar-dialog) header > button { display:grid; place-items:center; width:32px; height:32px; padding:0; flex:none; border-radius:7px; font-size:23px; line-height:1; color:inherit; background:#dce8fa; border-color:#93b5ed; }
:is(.picker-zodiac,.picker-birthMonth,.hud-avatar-dialog) header > button:hover { background:#cbdffc; }
:root[data-theme="dark"] :is(.picker-zodiac,.picker-birthMonth,.hud-avatar-dialog) header > button { background:#20304a; border-color:#537498; }
:root[data-theme="dark"] :is(.picker-zodiac,.picker-birthMonth,.hud-avatar-dialog) header > button:hover { background:#2c4060; }


.hud-avatar-dialog .hud-control-options { overflow:hidden; max-height:none; }
.hud-avatar-dialog .hud-avatar-navigation { align-items:center; }
.hud-avatar-navigation span { flex:none; font-size:11px; }
.hud-avatar-recents { display:flex; flex-wrap:wrap; gap:5px; flex:none; margin:0 0 10px; }
.hud-avatar-recents .hud-avatar-group { flex-basis:100%; margin:0 0 2px; }
.hud-avatar-recents button { display:flex; align-items:center; gap:5px; padding:5px 7px; max-width:115px; min-width:0; border-radius:7px; background:#9867c51a; border-color:#a282d5; }
.hud-avatar-recents .hud-avatar-initials { width:22px; height:22px; flex:none; font-size:10px; border-color:#d2b3ff; background:linear-gradient(135deg,#a25ed5,#7042ac); }
.hud-avatar-recents .hud-avatar-name { font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.hud-avatar-recents .hud-avatar-indicator { display:none; }
.hud-avatar-dialog .hud-avatar-subtitle { margin-bottom:10px; }
.hud-avatar-dialog .hud-avatar-search { margin-bottom:5px; padding:9px 12px; }