:root {
  --mioim-neutral-50: #f7f8f9;
  --mioim-neutral-100: #f0f2f3;
  --mioim-neutral-200: #e2e5e8;
  --mioim-neutral-500: #747b84;
  --mioim-neutral-800: #34383e;
  --mioim-neutral-900: #25282d;
}

.network-pill {
  appearance: none;
  color: #34383e;
  background: var(--mioim-neutral-100);
  border-color: var(--mioim-neutral-200);
  box-shadow: none;
}
.network-pill i,
.chain-chip i { font-size: 10px; font-style: normal; opacity: .58; }
.app-shell[data-screen="chat"] .network-pill i { display: none; }
.round-button,
.icon-button { background: var(--mioim-neutral-50); border-color: var(--mioim-neutral-200); box-shadow: 0 7px 20px rgba(36,40,46,.06); }
.boundary-note {
  appearance: none;
  border: 0;
  background: transparent;
  width: 100%;
  justify-content: center;
}
.boundary-note b { font-size: 11px; color: #718097; }
.boundary-note i { margin-left: 2px; font-size: 10px; color: var(--blue); font-style: normal; font-weight: 850; }
.boundary-note span,
.eyebrow,
.empty-art span { background: var(--mioim-neutral-100); border-color: var(--mioim-neutral-200); }

.balance-card {
  background: radial-gradient(circle at 88% 2%, rgba(255,255,255,.12), transparent 31%), linear-gradient(145deg, #4b5057, var(--mioim-neutral-900));
  box-shadow: 0 18px 38px rgba(34,38,44,.22);
}
.balance-card::after { border-color: rgba(255,255,255,.07); }
.chain-chip { appearance: none; border: 0; padding: 0; color: #fff; background: transparent; }
.action-grid span,
.token-letter,
.empty-list > span,
.activity-icon,
.settings-list > button > span,
.wallet-summary > span,
.resource-links button > span,
.contact-row > span,
.token-manage-row > span,
.group-avatar,
.group-profile .group-profile-icon,
.meeting-picker button > span,
.ucard-action-grid button > span,
.ucard-deposit-row > span,
.ucard-gate-icon,
.ucard-boundary > span { background: var(--mioim-neutral-100); border-color: var(--mioim-neutral-200); }
.action-grid button:first-child span { background: #eceff1; border-color: #d9dde1; }
.section-block,
.settings-list,
.full-list,
.receive-page-card,
.market-section,
.dapp-card,
.ucard-intro { box-shadow: 0 10px 30px rgba(35,40,46,.045); }
.search-field,
.form-stack input,
.form-stack textarea,
.form-stack select { background: var(--mioim-neutral-50); border-color: var(--mioim-neutral-200); }
.info-banner,
.contact-intro,
.identity-ready,
.ucard-flow,
.ucard-boundary,
.ucard-detail-card { background: #f1f3f3; border-color: #e0e4e4; }
.security-hero,
.dapp-featured {
  background: linear-gradient(145deg, #4b5057, var(--mioim-neutral-900));
}
.ucard-preview-card,
.ucard-live-card {
  background: radial-gradient(circle at 90% 6%, rgba(255,255,255,.13), transparent 30%), linear-gradient(145deg, #4b5057, #24272c);
  box-shadow: 0 18px 42px rgba(35,39,45,.22);
}
.meeting-picker button { background: #f5f6f7; border-color: var(--mioim-neutral-200); }

.chain-center-intro { display: flex; align-items: flex-start; gap: 10px; padding: 13px; border: 1px solid var(--mioim-neutral-200); border-radius: 17px; background: var(--mioim-neutral-50); margin-bottom: 14px; }
.chain-center-intro > span { width: 36px; height: 36px; border-radius: 13px; background: #fff; display: grid; place-items: center; flex: 0 0 auto; }
.chain-center-intro img { width: 22px; height: 22px; }
.chain-center-intro p { margin: 0; display: flex; flex-direction: column; gap: 4px; }
.chain-center-intro b { font-size: 11px; }
.chain-center-intro small { font-size: 8px; line-height: 1.55; color: var(--muted); }
.chain-section-title { display: flex; align-items: center; justify-content: space-between; margin: 15px 2px 8px; }
.chain-section-title b { font-size: 12px; }
.chain-section-title small { font-size: 8px; color: var(--muted); }
.chain-list { display: grid; gap: 8px; }
.chain-row { width: 100%; display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 10px; border: 1px solid var(--mioim-neutral-200); background: #fff; border-radius: 17px; padding: 11px; text-align: left; }
.chain-row.active { border-color: #9da4ac; box-shadow: inset 0 0 0 1px #9da4ac; background: #f7f8f9; }
.chain-row.planned { background: #f7f8f9; }
.chain-logo { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #e7ebee; border-radius: 14px; color: #fff; font-size: 14px; font-style: normal; font-weight: 900; background: #fff; overflow: hidden; }
.chain-logo img { width: 100%; height: 100%; object-fit: contain; }
.chain-row > span { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.chain-row > span b { font-size: 12px; }
.chain-row > span small { color: var(--muted); font-size: 8px; line-height: 1.45; overflow: hidden; text-overflow: ellipsis; }
.chain-row > em { font-style: normal; font-size: 8px; font-weight: 850; border-radius: 999px; padding: 6px 8px; color: #4d555e; background: var(--mioim-neutral-100); white-space: nowrap; }
.chain-row.active > em { background: #e5f7ee; color: #14855a; }
.chain-row.planned > em { color: #7f858d; }
.chain-architecture-note { margin: 12px 2px 0; font-size: 8px; line-height: 1.6; color: var(--muted); }

html[data-theme="dark"] .network-pill,
html[data-theme="dark"] .chain-row,
html[data-theme="dark"] .chain-center-intro,
html[data-theme="dark"] .meeting-picker button { background: #202c33; border-color: #34434b; color: var(--ink); }
html[data-theme="dark"] .chain-row.active { background: #26343c; border-color: #687780; box-shadow: inset 0 0 0 1px #687780; }
html[data-theme="dark"] .chain-row.planned { background: #18242b; }
html[data-theme="dark"] .chain-logo { background: #fff; border-color: #34434b; }
html[data-theme="dark"] .chain-row > em,
html[data-theme="dark"] .action-grid span,
html[data-theme="dark"] .token-letter,
html[data-theme="dark"] .empty-list > span { background: #27353d; color: #aebbc2; border-color: #34434b; }
html[data-theme="dark"] .balance-card,
html[data-theme="dark"] .security-hero,
html[data-theme="dark"] .dapp-featured { background: linear-gradient(145deg, #3a4248, #20262b); }