:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #080b12;
  color: #f2f5f7;
  font-synthesis: none;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 80% 10%, #13223a 0, transparent 32rem), #080b12; }
header, footer, main { width: min(1120px, calc(100% - 40px)); margin-inline: auto; }
header { height: 82px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #202631; }
.brand { display: flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; font-weight: 700; letter-spacing: -.02em; }
.mark { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #87f7d4; border-radius: 50%; color: #87f7d4; }
.network, .step { color: #94a0b2; font: 600 12px/1.2 ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; }
.header-tools { display: flex; align-items: center; gap: 18px; }
.install-app { min-height: 36px; padding: 8px 13px; white-space: nowrap; }
.language-picker { display: flex; grid: none; align-items: center; gap: 8px; color: #8994a2; font-size: 11px; }
.language-picker select { width: auto; min-width: 108px; padding: 8px 28px 8px 10px; border: 1px solid #303946; border-radius: 8px; background: #090e16; color: #e5ebef; font: inherit; }
.update-banner { position: sticky; z-index: 20; top: 12px; width: min(560px, calc(100% - 40px)); margin: 12px auto -58px; padding: 12px 12px 12px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid #55806f; border-radius: 12px; background: #14251f; box-shadow: 0 16px 50px #0009; }
.update-banner span { font-weight: 650; }
.update-banner button { padding: 9px 14px; }
main { padding-block: 72px; }
.hero { max-width: 780px; }
.eyebrow { color: #87f7d4; font: 600 12px/1.4 ui-monospace, monospace; letter-spacing: .13em; }
h1 { margin: 18px 0 24px; font-size: clamp(58px, 10vw, 120px); line-height: .84; letter-spacing: -.075em; }
h2 { margin: 12px 0; font-size: 24px; letter-spacing: -.035em; }
p { color: #a9b1bd; line-height: 1.65; }
.intro { max-width: 650px; font-size: 18px; }
.status { margin: 42px 0 22px; padding: 13px 16px; border: 1px solid #25313d; background: #0d131d; border-radius: 10px; font: 500 13px/1.4 ui-monospace, monospace; }
.status[data-error="true"] { color: #ff9e9e; border-color: #6b3535; }
.onboarding { width: min(100%, 520px); margin-inline: auto; }
.entry-panel, .balance-card { padding: 28px; border: 1px solid #252c37; border-radius: 18px; background: rgb(14 19 28 / 82%); backdrop-filter: blur(16px); }
.entry-panel { min-height: 360px; }
.entry-panel > h2 { margin-top: 4px; font-size: 32px; }
.entry-heading { padding: 0 4px 12px; }
.entry-heading h2 { margin-top: 4px; font-size: 32px; }
.entry-heading p:last-child { margin-bottom: 0; }
.entry-menu { display: grid; gap: 8px; margin: 18px 0 12px; }
.entry-option { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 12px; width: 100%; padding: 15px 16px; border: 1px solid #303946; background: #0b1018; color: #d9e0e6; text-align: left; }
.entry-option:hover { border-color: #526171; background: #101822; color: #f4f7f9; }
.entry-option.active { border-color: #63a88f; background: #14251f; color: #f3fff9; }
.entry-option span { color: #87f7d4; font: 600 11px/1 ui-monospace, monospace; }
.entry-option strong { font-size: 15px; }
.entry-option small { color: #8994a2; }
.flow-panel { min-height: 430px; border-radius: 12px 12px 18px 18px; }
.text-action, .back-action { padding: 0; background: transparent; color: #9fe7d0; font-weight: 600; text-align: left; }
.text-action { margin-top: 28px; font-size: 13px; }
.text-action:hover, .back-action:hover { background: transparent; color: #d0ffef; text-decoration: underline; }
.back-action { margin-bottom: 22px; color: #9aa6b5; font-size: 12px; }
.replace-warning { padding: 12px 14px; border-left: 2px solid #d6ab62; background: #211b12; color: #d9c39e; font-size: 12px; }
.form-error { margin: 0; padding: 11px 13px; border: 1px solid #703f43; border-radius: 8px; background: #261316; color: #ffb7bd; font-size: 13px; line-height: 1.45; }
details summary { cursor: pointer; color: #dbe0e5; }
.advanced { padding: 12px 0 4px; border-top: 1px solid #252c37; }
.advanced[open] > summary { margin-bottom: 20px; }
.advanced label { margin: 0; }
.advanced .field-help { margin: 8px 0 22px; color: #8994a2; font-size: 12px; line-height: 1.55; }
.advanced .field-help:last-child { margin-bottom: 0; }
form { display: grid; gap: 16px; margin-top: 22px; }
label { display: grid; gap: 7px; color: #b9c1cc; font-size: 13px; }
input, textarea, .send-card select { width: 100%; border: 1px solid #303946; border-radius: 9px; padding: 12px; background: #090e16; color: #f2f5f7; font: inherit; resize: vertical; }
input:focus, textarea:focus, .send-card select:focus { outline: 2px solid #87f7d4; outline-offset: 2px; }
.send-card select:disabled { cursor: wait; opacity: .65; }
button { border: 0; border-radius: 9px; padding: 13px 17px; background: #87f7d4; color: #07110e; font-weight: 750; cursor: pointer; }
button:hover { background: #b2ffe7; }
button.secondary { border: 1px solid #38424f; background: transparent; color: #d7dde3; }
.install-app.secondary { border-color: #87f7d4; background: #87f7d4; color: #07110e; box-shadow: 0 0 0 1px rgb(135 247 212 / 14%), 0 8px 24px rgb(69 221 175 / 18%); }
.install-app.secondary::before { content: "↓"; margin-right: 7px; font-size: 14px; }
.install-app.secondary:hover { border-color: #b2ffe7; background: #b2ffe7; color: #07110e; transform: translateY(-1px); }
button.security-action { border: 1px solid #d6ab62; background: #2a2113; color: #ffe2a8; box-shadow: inset 0 0 0 1px rgb(255 226 168 / 8%); }
button.security-action::before { content: "◈"; margin-right: 8px; color: #f0bd68; }
button.security-action:hover { border-color: #f0c577; background: #3a2c17; color: #fff2d6; }
.wallet { display: grid; gap: 16px; }
.balance-card { min-height: 260px; display: flex; flex-direction: column; justify-content: space-between; }
.amount-card { min-height: 230px; background: linear-gradient(145deg, #13251f, #0e131c 75%); }
.amount { margin: 4px 0; color: #f3fff9; font-size: clamp(42px, 8vw, 78px); font-weight: 760; letter-spacing: -.06em; line-height: 1; }
.pending-balance { margin: 12px 0 0; font-family: ui-monospace, monospace; }
.sync-info, .section-heading { display: flex; justify-content: space-between; gap: 20px; color: #7f8997; font-size: 12px; }
.section-heading { align-items: start; }
.history { display: grid; gap: 1px; max-height: 360px; margin: 20px 0; padding: 0 8px 0 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; list-style: none; }
.history li { display: grid; grid-template-columns: 1fr auto; gap: 6px 18px; padding: 14px 0; border-top: 1px solid #252c37; }
.history code { overflow: hidden; color: #dbe2e8; text-overflow: ellipsis; }
.history .value { color: #87f7d4; font-family: ui-monospace, monospace; }
.history .spent { color: #ffb4a6; }
.history small { color: #707b89; }
.address { overflow-wrap: anywhere; color: #f2f5f7; font: 500 clamp(17px, 3vw, 30px)/1.4 ui-monospace, monospace; }
.address-row { display: flex; align-items: center; gap: 14px; }
.address-row .address { flex: 1; min-width: 0; }
.copy-address { flex: none; padding: 10px 13px; }
.path { color: #87f7d4; font-family: ui-monospace, monospace; }
.actions { display: flex; justify-content: flex-end; gap: 12px; }
.backup { position: fixed; inset: auto 20px 20px; width: min(720px, calc(100% - 40px)); padding: 28px; border: 1px solid #5d765f; border-radius: 18px; background: #101a16; color: inherit; box-shadow: 0 20px 70px #000b; }
.backup::backdrop { background: rgb(2 5 9 / 78%); backdrop-filter: blur(4px); }
.recovery-dialog { inset: 50% auto auto 50%; max-height: calc(100vh - 32px); margin: 0; transform: translate(-50%, -50%); overflow: auto; }
.recovery-dialog form { margin-top: 0; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 10px; }
.dialog-actions button { min-width: 120px; }
.transaction-review { display: grid; gap: 0; margin: 22px 0; }
.transaction-review div { display: grid; grid-template-columns: minmax(120px, .7fr) 1.3fr; gap: 18px; padding: 12px 0; border-top: 1px solid #314238; }
.transaction-review dt { color: #8994a2; }
.transaction-review dd { margin: 0; overflow-wrap: anywhere; color: #f4fff8; font: 600 14px/1.5 ui-monospace, monospace; text-align: right; }
.send-result { padding: 11px 13px; border: 1px solid #3d715f; border-radius: 8px; background: #10251e; color: #a9f3d8; font-size: 13px; overflow-wrap: anywhere; }
.exchange-card { min-height: 0; gap: 20px; border-color: #3d4939; background: linear-gradient(145deg, #172019, #0e131c 78%); }
.exchange-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.activation-status { flex: none; padding: 7px 10px; border: 1px solid #776338; border-radius: 999px; color: #e4c67f; background: #2a2113; font: 650 10px/1 ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; }
.network-profile { display: grid; gap: 0; margin: 0; }
.network-profile div { display: grid; grid-template-columns: minmax(135px, .7fr) 1.3fr; gap: 18px; padding: 11px 0; border-top: 1px solid #29322e; }
.network-profile dt { color: #89948d; font-size: 12px; }
.network-profile dd { margin: 0; overflow-wrap: anywhere; color: #dce8e0; font: 600 12px/1.5 ui-monospace, monospace; text-align: right; }
.exchange-card button:disabled { cursor: not-allowed; border: 1px solid #4d493c; background: #24231f; color: #968f7d; }
.mnemonic { padding: 18px; border: 1px dashed #6f8975; border-radius: 10px; color: #f4fff8; font: 600 16px/1.8 ui-monospace, monospace; }
footer { display: flex; justify-content: space-between; gap: 20px; padding-block: 26px; border-top: 1px solid #202631; color: #707b89; font-size: 12px; }
[hidden] { display: none !important; }

@media (max-width: 820px) {
  main { padding-block: 48px; }
  .actions, footer { flex-direction: column; }
  .actions button { width: 100%; }
  .dialog-actions { flex-direction: column-reverse; }
  .dialog-actions button { width: 100%; }
  .transaction-review div { grid-template-columns: 1fr; gap: 4px; }
  .transaction-review dd { text-align: left; }
  .network-profile div { grid-template-columns: 1fr; gap: 4px; }
  .network-profile dd { text-align: left; }
}

@media (max-width: 540px) {
  .install-app { padding-inline: 10px; font-size: 11px; }
  header, footer, main { width: min(100% - 28px, 1120px); }
  .hero h1 { font-size: 54px; }
  .entry-panel { min-height: 0; padding: 24px 20px; }
  .entry-option { grid-template-columns: 28px 1fr; }
  .entry-option small { grid-column: 2; }
  .language-picker span, .header-tools .network { display: none; }
  .language-picker select { min-width: 96px; }
  .address-row { align-items: stretch; flex-direction: column; }
  .copy-address { align-self: flex-start; }
}

.wallet-legal-links{display:flex;gap:16px}.wallet-legal-links a{color:#9fe7d0;text-decoration:none}.wallet-legal-links a:hover{text-decoration:underline}