:root {
  color-scheme: dark;
  --bg: #070b12;
  --bg-soft: #0a101a;
  --panel: rgba(17, 25, 38, .92);
  --panel-solid: #111926;
  --panel-soft: rgba(25, 36, 54, .72);
  --line: rgba(156, 180, 214, .13);
  --line-strong: rgba(151, 180, 221, .25);
  --text: #f6f8fc;
  --muted: #8e9bb0;
  --muted-2: #66748a;
  --cyan: #52efd2;
  --cyan-dark: #142f31;
  --violet: #8b78ff;
  --blue: #5481ff;
  --green: #44d49a;
  --red: #ff6578;
  --amber: #ffc565;
  --radius-xl: 28px;
  --radius-lg: 22px;
  --radius-md: 16px;
  --radius-sm: 12px;
  --shadow: 0 22px 60px rgba(0, 0, 0, .34);
  --dock-height: 78px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
  -webkit-tap-highlight-color: transparent;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
bdi { unicode-bidi: isolate; }

html {
  min-width: 320px;
  min-height: 100%;
  background: var(--bg);
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  color: var(--text);
  background: var(--bg) url("./assets/hero-network.svg") center top / cover no-repeat;
  overflow-x: hidden;
}

button, input, select { font: inherit; }
button, a, select, input, summary { -webkit-tap-highlight-color: transparent; }
button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible {
  outline: 2px solid var(--cyan);
  outline-offset: 3px;
}
button { color: inherit; transition: transform .16s ease, border-color .16s ease, background-color .16s ease, opacity .16s ease, box-shadow .16s ease; }
button:not(:disabled):active { transform: scale(.985); }
button:disabled { cursor: not-allowed; opacity: .62; }
@media (hover:hover) { button:not(:disabled):hover { border-color: rgba(82,239,210,.28); } }

.live-dot, .status-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--muted-2);
  box-shadow: 0 0 0 3px rgba(102, 116, 138, .12);
  flex: 0 0 auto;
}
.live-dot, .status-dot.success { background: var(--green); box-shadow: 0 0 0 3px rgba(68, 212, 154, .12), 0 0 14px rgba(68, 212, 154, .38); }
.status-dot.danger { background: var(--red); box-shadow: 0 0 0 3px rgba(255, 101, 120, .12), 0 0 14px rgba(255, 101, 120, .28); }

.app-shell {
  width: min(100%, 1080px);
  min-height: 100vh;
  margin: 0 auto;
  padding: 40px 18px calc(var(--dock-height) + var(--safe-bottom) + 34px);
}

.app-header {
  position: sticky;
  z-index: 50;
  top: 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 74px;
  margin: 0 -4px 14px;
  padding: 12px 4px;
  background: linear-gradient(180deg, rgba(7, 11, 18, .95), rgba(7, 11, 18, .74) 72%, transparent);
  backdrop-filter: blur(12px);
}

.brand {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: start;
  cursor: pointer;
}

.brand-mark {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(132, 120, 255, .42);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(117, 87, 237, .35), rgba(60, 235, 204, .12));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 12px 26px rgba(58, 42, 126, .28);
}
.brand-mark svg { width: 27px; fill: url("#brand-gradient"); }
.brand-mark path:first-child { fill: #b5a9ff; }
.brand-mark path:last-child { fill: #57e9d2; }
.brand-copy { min-width: 0; display: grid; gap: 4px; }
.brand-copy strong { max-width: 190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; letter-spacing: -.02em; }
.brand-copy small { display: flex; align-items: center; gap: 7px; color: var(--muted); font-size: 10px; }

.header-actions { display: flex; gap: 8px; }
.icon-button {
  position: relative;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(18, 27, 41, .84);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
  cursor: pointer;
}
.icon-button.elevated { box-shadow: var(--shadow); }
.icon-button svg { width: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.count-badge {
  position: absolute;
  inset: -4px -3px auto auto;
  min-width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  padding: 0 4px;
  border: 2px solid var(--bg);
  border-radius: 9px;
  background: var(--red);
  color: white;
  font-size: 10px;
  font-weight: 800;
}

.page-stack { position: relative; }
.app-page { animation: page-in .28s ease-out; }
.app-page[hidden] { display: none !important; }
@keyframes page-in { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }

.network-hero, .account-hero {
  position: relative;
  min-height: 264px;
  overflow: hidden;
  padding: 28px;
  border: 1px solid rgba(137, 167, 204, .18);
  border-radius: var(--radius-xl);
  background:
    radial-gradient(circle at 87% 10%, rgba(72, 223, 207, .18), transparent 36%),
    radial-gradient(circle at 10% 100%, rgba(112, 83, 224, .27), transparent 43%),
    linear-gradient(145deg, rgba(22, 34, 51, .96), rgba(10, 16, 27, .96));
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.07);
  isolation: isolate;
}
.network-hero { min-height: 0; display: grid; gap: 18px; }

.overlap-stack::after {
  content: "";
  position: absolute;
  inset: auto -60px -120px auto;
  width: 260px;
  height: 260px;
  border: 1px solid rgba(88, 237, 212, .12);
  border-radius: 50%;
  box-shadow: 0 0 70px rgba(63, 205, 191, .08);
  pointer-events: none;
}

.hero-copy { position: relative; z-index: 2; width: 100%; }
.hero-topline { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 45px; }
.eyebrow, .section-kicker {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--cyan);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .13em;
}
.hero-copy h1, .page-title-row h1 { margin: 13px 0 10px; font-size: clamp(28px, 6vw, 43px); line-height: 1.08; letter-spacing: -.045em; }
.hero-copy h1 { max-width: 760px; overflow-wrap:anywhere; text-wrap:balance; }
.hero-copy p { margin: 0; color: #9eabc0; font-size: 13px; line-height: 1.72; }
.hero-metric { position: absolute; z-index: 2; inset: auto 24px 22px; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 2px 14px; padding: 15px 18px; }
.network-hero .hero-metric { position: relative; inset: auto; }
.hero-metric > span { grid-column: 1; color: var(--muted); font-size: 11px; }
.hero-metric strong { grid-column: 1; font-size: 25px; letter-spacing: -.04em; }
.hero-metric small { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--muted); font-size: 11px; }
.reward-pool-card { display:block; padding:15px 18px; }
.reward-pool-card .reward-pool-label { display:block; margin-bottom:11px; color:var(--muted); font-size:11px; }
.reward-pool-row { display:flex; align-items:center; justify-content:space-between; gap:14px; min-width:0; padding:12px 13px; border:1px solid var(--line); border-radius:15px; background:rgba(7,12,20,.42); }
.reward-pool-token { min-width:0; display:flex; align-items:center; gap:10px; }
.reward-pool-token .token-icon { width:38px; height:38px; flex:0 0 38px; }
.reward-pool-copy { min-width:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:6px; }
.reward-pool-token strong { display:block; margin:0; white-space:nowrap; font-size:12px; line-height:1; letter-spacing:.02em; }
.reward-pool-token small { display:block; align-self:flex-start; grid-column:auto; grid-row:auto; margin:0; color:var(--muted); font-size:9px; line-height:1; white-space:nowrap; }
.reward-pool-card .reward-pool-balance { min-width:0; color:var(--text); font-size:clamp(18px,4vw,24px); font-variant-numeric:tabular-nums; letter-spacing:-.035em; text-align:end; white-space:nowrap; }
.glass-inset { border: 1px solid rgba(164, 189, 221, .11); border-radius: 18px; background: rgba(5, 10, 18, .38); box-shadow: inset 0 1px 12px rgba(0,0,0,.18); backdrop-filter: blur(12px); }

.hero-orbit { position: absolute; z-index: 0; border: 1px solid rgba(87, 232, 210, .14); border-radius: 50%; transform: rotate(-20deg); pointer-events: none; }
.orbit-one { width: 250px; height: 90px; top: 20px; right: -55px; }
.orbit-two { width: 310px; height: 120px; top: 57px; right: -73px; }
.asset-orbs { position: absolute; z-index: 2; top: 42px; right: 26px; display: flex; flex-direction: row-reverse; }
.hero-token-orbs { position: static; inset: auto; flex: 0 0 auto; }
.asset-orb { width: 45px; height: 45px; display: grid; place-items: center; margin-inline-start: -12px; border: 3px solid rgba(11, 18, 29, .9); border-radius: 50%; color: white; font-weight: 900; box-shadow: 0 10px 24px rgba(0,0,0,.3); }
.asset-orb.eth, .asset-orb.btc, .asset-orb.usdc, .asset-orb.usdt, .token-icon.usdc, .token-icon.usdt { overflow: hidden; background: transparent; }
.asset-orb img, .token-icon img { width: 100%; height: 100%; display: block; border-radius: 50%; object-fit: contain; }
.hero-wallet-button { width: auto; min-width: 154px; min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; margin-top: 17px; padding: 0 18px; }
.hero-wallet-button svg { width: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.token-marquee {
  margin: 14px 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(11, 17, 27, .72);
  -webkit-mask-image: linear-gradient(90deg, transparent, black 8%, black 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, black 8%, black 92%, transparent);
}
.marquee-track { width: max-content; display: flex; gap: 22px; padding: 10px 18px; animation: marquee 28s linear infinite; }
.marquee-track span { display: flex; gap: 7px; align-items: center; white-space: nowrap; color: var(--muted); font-size: 11px; }
.marquee-track b { color: var(--text); }
.marquee-track i { font-style: normal; }
@keyframes marquee { to { transform: translateX(-50%); } }

.surface-card {
  margin-top: 14px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  background: linear-gradient(145deg, rgba(18, 27, 42, .96), rgba(12, 19, 30, .94));
  box-shadow: 0 16px 42px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255,255,255,.035);
}
.glow-edge { position: relative; }
.glow-edge::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(120deg, rgba(83, 239, 210, .48), transparent 28%, transparent 68%, rgba(136, 119, 255, .38));
  opacity: .7;
  filter: blur(.1px);
}

.section-heading, .page-title-row, .trade-header, .feature-top, .quote-row, .position-head, .sheet-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.section-heading { margin-bottom: 18px; flex-wrap: wrap; }
.section-heading > *, .page-title-row > *, .trade-header > *, .quote-row > *, .position-head > *, .sheet-header > * { min-width: 0; }
.section-heading.compact { margin-bottom: 14px; }
.section-heading h2 { margin: 5px 0 0; font-size: 20px; letter-spacing: -.03em; }
.status-badge { display: inline-flex; align-items: center; justify-content: center; min-height: 25px; padding: 5px 9px; border-radius: 9px; background: rgba(121, 137, 162, .12); color: #b2bdce; font-size: 10px; font-weight: 750; white-space: normal; overflow-wrap: anywhere; text-align: center; }
.status-badge.success { color: var(--green); background: rgba(68, 212, 154, .1); }
.status-badge.error { color: var(--red); background: rgba(255, 107, 125, .1); }
.status-badge.neutral { background: rgba(82, 239, 210, .08); color: #a4e6d9; }
.status-badge.dark { color: #dce6f4; background: rgba(5,10,18,.4); }
.status-badge.mini { min-height: 20px; padding: 2px 5px; font-size: 10px; font-style: normal; color: var(--green); background: rgba(68,212,154,.08); }
.status-badge.locked { color: var(--amber); background: rgba(255,197,101,.08); }
.profit-details-trigger { min-height:38px; display:inline-flex; align-items:center; gap:8px; padding:7px 11px; border:1px solid rgba(82,239,210,.2); border-radius:13px; background:linear-gradient(135deg,rgba(82,239,210,.08),rgba(139,120,255,.1)); color:#cfeae7; font-size:10px; font-weight:760; line-height:1.25; cursor:pointer; }
.profit-details-trigger svg { width:17px; height:17px; flex:0 0 auto; fill:none; stroke:var(--cyan); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.profit-details-trigger span { white-space:nowrap; overflow-wrap:normal; }
.activation-card > .section-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; flex-wrap:nowrap; }
.activation-card > .section-heading > div { min-width:0; }
.activation-card > .section-heading h2 { font-size:clamp(13px,4vw,20px); line-height:1.16; white-space:nowrap; overflow-wrap:normal; }
.activation-card > .section-heading .profit-details-trigger { min-width:max-content; max-width:100%; flex:0 0 auto; font-size:clamp(8px,2.45vw,10px); }

.segmented { display: flex; gap: 8px; padding: 4px; border: 1px solid var(--line); border-radius: 17px; background: rgba(7, 12, 20, .5); }
.segment { min-height: 48px; flex: 1 1 0; border: 1px solid transparent; border-radius: 13px; background: transparent; color: var(--muted); cursor: pointer; transition: .2s ease; }
.segment.active { border-color: rgba(91, 235, 214, .24); background: linear-gradient(145deg, rgba(61, 116, 121, .35), rgba(43, 70, 93, .32)); color: white; box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
.token-segment .segment { display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 10px; padding: 10px; text-align: start; }
.token-segment.compact .segment { grid-template-columns: 34px 1fr; }
.token-icon { width: 34px; height: 34px; display: grid; place-items: center; overflow: hidden; border-radius: 50%; color: white; font-weight: 900; }
.token-icon > * { grid-area: 1 / 1; }
.token-icon img { position: relative; z-index: 1; }
.token-icon-fallback { width: 100%; height: 100%; display: grid; place-items: center; border-radius: inherit; background: rgba(105,126,229,.35); font-size: 10px; }
.token-segment strong, .token-segment small { display: block; }
.token-segment strong { font-size: 13px; }
.token-segment small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.token-segment .check { color: var(--cyan); font-size: 16px; }

.activation-summary { display: grid; grid-template-columns: repeat(3, 1fr); margin: 16px 0; padding: 15px; border: 1px solid var(--line); border-radius: 15px; background: rgba(7, 12, 20, .35); }
.activation-summary div { min-width: 0; padding: 0 10px; border-inline-end: 1px solid var(--line); }
.activation-summary div:last-child { border: 0; }
.activation-summary span, .activation-summary strong { display: block; overflow-wrap: anywhere; }
.activation-summary span { margin-bottom: 7px; color: var(--muted); font-size: 10px; }
.activation-summary strong { white-space: nowrap; font-size: 13px; }
.accent { color: var(--cyan) !important; }
.positive { color: var(--green) !important; }
.negative { color: var(--red) !important; }

.primary-button, .secondary-button, .trade-button {
  width: 100%;
  min-height: 50px;
  border: 0;
  border-radius: 15px;
  font-weight: 780;
  cursor: pointer;
  padding-block: 8px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.primary-button { background: linear-gradient(120deg, #4fe8cf, #6f8cff); color: #071017; box-shadow: 0 12px 30px rgba(67, 210, 191, .2); }
.primary-button.large { min-height: 56px; display: flex; align-items: center; justify-content: center; gap: 9px; font-size: 15px; }
.primary-button svg { width: 18px; fill: none; stroke: currentColor; stroke-width: 2; }
.primary-button.is-loading { position: relative; color: transparent; }
.primary-button.is-loading::after { content:""; width:20px; height:20px; position:absolute; border:2px solid rgba(7,16,23,.26); border-top-color:#071017; border-radius:50%; animation:spin .75s linear infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
.guide-highlight { position: relative; z-index: 4; animation: guide-pulse .72s ease-in-out 3; }
@keyframes guide-pulse { 50% { box-shadow: 0 0 0 5px rgba(82,239,210,.18), 0 0 30px rgba(82,239,210,.48); transform: translateY(-1px); } }
.secondary-button { border: 1px solid var(--line-strong); background: rgba(28, 40, 58, .7); color: var(--text); }
.micro-copy { margin: 12px 0 0; display: flex; justify-content: center; gap: 7px; color: var(--muted-2); font-size: 10px; line-height: 1.5; text-align: center; }
.shield-icon { width:17px;height:17px;flex:0 0 auto;color:var(--cyan); }
.shield-icon svg,.tray-icon svg,.round-action svg,.referral-icon svg,.ui-icon svg { width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.tray-icon svg { width:19px;height:19px; }

.quick-tray { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 14px 0; }
.quick-tray button { min-width: 0; min-height: 83px; display: grid; grid-template-columns: 34px minmax(0, 1fr); grid-template-rows: 1fr 1fr; align-items: center; gap: 0 8px; padding: 12px; border: 1px solid var(--line); border-radius: 18px; background: rgba(15, 23, 35, .82); text-align: start; cursor: pointer; }
.tray-icon { grid-row: 1 / span 2; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; font-weight: 900; }
.tray-icon.violet { color: #c3b9ff; background: rgba(139,120,255,.15); }
.tray-icon.cyan { color: var(--cyan); background: rgba(82,239,210,.12); }
.tray-icon.amber { color: var(--amber); background: rgba(255,197,101,.1); }
.quick-tray button > span:not(.tray-icon) { min-width: 0; align-self: end; overflow-wrap: anywhere; font-size: 11px; font-weight: 700; }
.quick-tray button small { align-self: start; color: var(--muted); font-size: 10px; }
.quick-tray button { grid-template-columns:1fr; grid-template-rows:34px auto auto; justify-items:center; gap:5px; padding:10px 6px; text-align:center; }
.quick-tray .tray-icon { grid-row:auto; }
.quick-tray button > span:not(.tray-icon) { max-width:100%; align-self:auto; overflow-wrap:normal; white-space:nowrap; font-size:clamp(8px,2.6vw,11px); }
.quick-tray button small { align-self:auto; }

.page-title-row { margin: 8px 2px 20px; }
.page-title-row h1 { margin: 7px 0 0; font-size: 30px; }
.search-field { height: 52px; display: flex; align-items: center; gap: 10px; padding: 0 13px; border: 1px solid var(--line); border-radius: 16px; background: rgba(17,25,38,.88); }
.search-field svg { width: 19px; fill: none; stroke: var(--muted); stroke-width: 1.8; }
.search-field input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--text); }
.search-field input::placeholder { color: var(--muted-2); }
.search-field kbd { padding: 3px 6px; border: 1px solid var(--line); border-radius: 6px; color: var(--muted-2); background: rgba(255,255,255,.03); font-size: 10px; }

.featured-scroll { min-width: 0; max-width: 100vw; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(164px, 42%); gap: 10px; margin: 14px -18px 0; padding: 0 18px 8px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: none; }
.featured-scroll::-webkit-scrollbar { display: none; }
.market-feature { position: relative; min-height: 165px; overflow: hidden; padding: 15px; border: 1px solid var(--line); border-radius: 20px; background: rgba(17,25,38,.92); cursor: pointer; text-align:start; }
.market-feature::after { content: ""; position: absolute; width: 120px; height: 120px; right: -35px; top: -45px; border-radius: 50%; filter: blur(25px); opacity: .18; }
.featured-blue::after { background: #2c7ff0; }.featured-violet::after { background: #8b78ff; }.featured-green::after { background: #43d29a; }
.coin { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; border-radius: 50%; color: white; font-style: normal; font-weight: 900; }
.coin > * { grid-area: 1 / 1; }
.coin img { position: relative; z-index: 1; width: 100%; height: 100%; display: block; object-fit: contain; }
.coin-fallback { width: 100%; height: 100%; display: grid; place-items: center; border-radius: inherit; font-size: 10px; }
.coin.btc { background: #f79a2f; }.coin.eth { background: #697ee5; }.coin.sol { background: linear-gradient(145deg,#8e65ff,#43e1c8); }.coin.stock { background: #e64545; }.coin.nvda { background: #5da63c; }
.market-feature > strong, .market-feature > span { display: block; }
.market-feature > strong { margin-top: 14px; font-size: 18px; }
.market-feature > span { margin-top: 4px; font-size: 11px; }
.spark { position: absolute; inset: auto 0 0; width: 100%; height: 52px; }
.line { fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }.line.red { stroke: var(--red); }.line.green { stroke: var(--green); }
.area.red { fill: rgba(255,101,120,.09); }.area.green { fill: rgba(68,212,154,.09); }

.filter-chips { min-width: 0; max-width: 100vw; display: flex; gap: 7px; margin: 10px -18px 0; padding: 4px 18px 6px; overflow-x: auto; scrollbar-width: none; }
.filter-chip { min-height: 44px; padding: 0 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(15,23,35,.75); color: var(--muted); white-space: nowrap; cursor: pointer; }
.filter-chip.active { border-color: rgba(82,239,210,.24); background: rgba(82,239,210,.1); color: var(--cyan); }

.market-list-card { padding: 8px 14px; }
.market-list { display: grid; }
.list-header { display: flex; justify-content: space-between; padding: 10px 4px 5px; color: var(--muted-2); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.market-row { width: 100%; min-height: 71px; display: grid; grid-template-columns: 38px minmax(92px,1fr) 84px minmax(76px,.75fr); align-items: center; gap: 10px; padding: 10px 2px; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: start; cursor: pointer; }
.market-row:last-child { border: 0; }
.market-name strong, .market-name small, .market-price strong, .market-price small { display: block; }
.market-name strong { font-size: 13px; }.market-name small { margin-top: 4px; color: var(--muted); font-size: 10px; }.market-price { text-align: end; }.market-price strong { font-size: 12px; }.market-price small { margin-top: 4px; font-size: 10px; }
.mini-spark { width: 84px; height: 30px; }
.market-skeleton { display: grid; gap: 9px; padding: 9px 0; }
.market-skeleton span { height: 61px; border-radius: 14px; background: linear-gradient(100deg, rgba(255,255,255,.03) 25%, rgba(255,255,255,.08) 45%, rgba(255,255,255,.03) 65%) 0 0 / 220% 100%; animation: shimmer 1.4s infinite; }
@keyframes shimmer { to { background-position: -220% 0; } }
.market-state { min-height:180px;display:grid;place-items:center;padding:28px;color:var(--muted);font-size:12px;text-align:center; }
.runtime-error { color: #ff9cab; }
.market-stale { margin:8px 0;padding:10px 12px;border:1px solid rgba(255,197,101,.18);border-radius:12px;background:rgba(255,197,101,.06);color:#d9c49b;font-size:10px; }
.syncing-text { color:#d9c49b; }
.market-detail-view { animation:page-in .24s ease-out; }
.back-button { min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid var(--line);border-radius:13px;background:rgba(17,25,38,.82);color:var(--muted);cursor:pointer; }
.back-button svg { width:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round; }
.market-detail-card { margin-top:12px; }
.market-detail-head { display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px; }
.market-detail-head .coin { width:48px;height:48px; }
.market-detail-head h2 { margin:0;font-size:18px; }.market-detail-head small { color:var(--muted);font-size:10px; }
.market-detail-quote { text-align:end; }.market-detail-quote strong,.market-detail-quote small { display:block; }.market-detail-quote strong { font-size:18px; }.market-detail-quote small { margin-top:4px;font-size:11px; }
.detail-chart { margin-top:18px; }
.market-detail-stats { margin-bottom:12px; }
.quote-only { background:linear-gradient(120deg,#667085,#8a94a5);color:#0b111a; }

.trade-header { margin: 7px 0 13px; }
.market-identity { min-height: 44px; display: flex; align-items: center; gap: 10px; padding: 0; border: 0; background: transparent; text-align: start; cursor: pointer; }
.market-identity strong, .market-identity small { display: block; }.market-identity strong { font-size: 17px; }.market-identity small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.feed-health { display: grid; grid-template-columns: auto auto; gap: 2px 6px; align-items: center; color: var(--green); font-size: 10px; }.feed-health small { grid-column: 2; color: var(--muted-2); }
.trade-mode-bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 12px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg, rgba(18,27,42,.92), rgba(12,19,30,.9)); }
.trade-mode-copy { min-width: 0; }
.trade-mode-copy h1 { margin: 4px 0 3px; font-size: 21px; letter-spacing: -.035em; }
.trade-mode-copy small { display: block; color: var(--muted); font-size: 10px; line-height: 1.4; }
.signal-entry { min-width: min(158px,100%); min-height: 54px; display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 7px 11px; border: 1px solid rgba(255,197,101,.22); border-radius: 15px; background: linear-gradient(135deg, rgba(255,197,101,.13), rgba(139,120,255,.1)); text-align: start; cursor: pointer; box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.signal-entry-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; background: rgba(255,197,101,.12); color: var(--amber); }
.signal-entry-icon svg { width: 19px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.signal-entry strong, .signal-entry small { display: block; }
.signal-entry strong { color: #ffe0a7; font-size: 11px; }
.signal-entry small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.signal-session-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 12px; padding: 14px 16px; border: 1px solid rgba(255,197,101,.25); border-radius: 18px; background: radial-gradient(circle at 100% 0, rgba(255,197,101,.13), transparent 45%), linear-gradient(145deg, rgba(28,29,39,.96), rgba(16,19,29,.96)); box-shadow: inset 0 1px 0 rgba(255,255,255,.05); }
.signal-session-card > div:first-child strong { display: block; margin-top: 5px; font-size: 18px; }
.signal-session-market { display: flex; align-items: center; gap: 9px; min-width: 0; }
.signal-session-market strong, .signal-session-market small { display: block; }
.signal-session-market strong { font-size: 12px; }
.signal-session-market small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.signal-session-stats { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px 10px; color: var(--muted); font-size: 10px; }
.signal-session-stats time { min-width: 48px; padding: 6px 8px; border-radius: 9px; background: rgba(255,197,101,.11); color: var(--amber); text-align: center; font-weight: 800; }
#page-trade.signal-active .chart-card, #page-trade.signal-active .order-card, #page-trade.signal-active .position-summary { border-color: rgba(255,197,101,.17); }

.chart-card { padding: 16px 12px 10px; }
.quote-row { padding: 0 4px 12px; align-items: end; }
.quote-primary > strong,.quote-primary > small { display:block; }
.quote-market-identity { display:flex;align-items:center;gap:8px;min-width:0; }
.quote-market-identity .coin { width:30px;height:30px;flex:0 0 30px; }
.quote-market-identity > span { min-width:0; }
.quote-market-identity strong,.quote-market-identity small { display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.quote-market-identity strong { color:var(--text);font-size:12px; }
.quote-market-identity small { margin-top:2px;color:var(--muted);font-size:9px; }
.quote-row span { color: var(--muted); font-size: 10px; }.quote-price { margin: 7px 0 3px; font-size: 25px; letter-spacing: -.04em; }.quote-row small { font-size: 10px; }.quote-stats { display: grid; gap: 5px; text-align: end; }.quote-stats b { color: var(--text); }
.chart-stage { position: relative; height: 230px; overflow: hidden; }.chart-stage > svg,.candle-chart-frame > svg { width: 100%; height: 220px; overflow: visible; }.candle-chart-frame { position:relative;height:230px; }.chart-grid { fill: none; stroke: rgba(154,173,204,.09); stroke-width: 1; stroke-dasharray: 3 4; }.candles .up { fill: var(--green); stroke: var(--green); }.candles .down { fill: var(--red); stroke: var(--red); }.candles .wick { stroke-width: 1.2; }.mark-line { fill:none; stroke:#7f78ff; stroke-width:1; stroke-dasharray:4 3; }.chart-stage text { fill:#c7c4ff; font-size:10px; }.chart-price-tag { paint-order:stroke;stroke:rgba(8,13,22,.92);stroke-width:4px;stroke-linejoin:round; }.chart-axis { position:absolute; inset:auto 4px 0; display:flex; justify-content:space-between; gap:8px; color:var(--muted-2); font-size:10px; }
.candle-chart .candle-up { fill: var(--green); stroke: var(--green); }.candle-chart .candle-down { fill: var(--red); stroke: var(--red); }.candle-chart line { stroke-width: 1.2; }.price-line { fill:none; stroke:var(--cyan); stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }.price-area { fill:url(#limitedChartFill); }.chart-retry { position:absolute; z-index:2; inset:50% auto auto 50%; width:auto; min-height:44px; padding:0 18px; transform:translate(-50%,-50%); }
.chart-axis-fallback { justify-content:flex-end; }
.chart-stage[data-state="loading"]::after,.chart-stage[data-state="empty"]::after,.chart-stage[data-state="error"]::after { content:attr(data-state-label);position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:rgba(8,13,22,.82);color:var(--muted);font-size:12px;text-align:center; }
.chart-stage[data-state="stale"]::after { content:attr(data-state-label);position:absolute;inset:8px 8px auto auto;padding:5px 8px;border:1px solid rgba(255,197,101,.2);border-radius:9px;background:rgba(43,34,19,.88);color:#d9c49b;font-size:10px; }
.timeframe-row { display:flex; justify-content:space-between; gap:4px; padding-top:7px; border-top:1px solid var(--line); }.timeframe-row button { min-width:44px; min-height:44px; border:0; border-radius:10px; background:transparent; color:var(--muted); cursor:pointer; }.timeframe-row button.active { background:rgba(139,120,255,.12); color:#c7bdff; }

.direction-segment { margin-bottom: 13px; }.direction-segment .segment.active.long { border-color:rgba(68,212,154,.26); background:rgba(68,212,154,.12); color:var(--green); }.direction-segment .segment.active.short { border-color:rgba(255,101,120,.26); background:rgba(255,101,120,.12); color:var(--red); }
.form-row { display:grid; gap:10px; }.form-row.two-col { grid-template-columns:1fr 1fr; }.form-row > label,.risk-grid > label { min-width:0; }
label > span:first-child { display:block; margin:0 0 7px; color:var(--muted); font-size:10px; }
select, .input-shell { width:100%; min-height:47px; border:1px solid var(--line); border-radius:13px; background:rgba(7,12,20,.48); color:var(--text); }
select { padding:0 12px; appearance:none; background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%); background-position:calc(100% - 15px) 20px,calc(100% - 10px) 20px;background-size:5px 5px;background-repeat:no-repeat; }
.amount-field { display:block; margin-top:11px; }.input-shell { display:flex; align-items:center; padding:0 12px; }.input-shell input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:var(--text); }.input-shell b { color:var(--muted); font-size:10px; }
.input-icon { width:20px;height:20px;display:grid;place-items:center; }.input-icon svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.leverage-picker { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin:11px 0; }.leverage-picker button, .close-actions button { min-height:44px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.025); color:var(--muted); cursor:pointer; }.leverage-picker button.active, .close-actions button.active { border-color:rgba(82,239,210,.3); background:rgba(82,239,210,.1); color:var(--cyan); }

.dropdown-summary { overflow:hidden; }.dropdown-summary summary { min-height:47px; display:flex; justify-content:space-between; align-items:center; gap:12px; color:var(--muted); font-size:10px; cursor:pointer; list-style:none; }.dropdown-summary summary::-webkit-details-marker { display:none; }.dropdown-summary summary::after { content:"⌄"; color:var(--muted); transition:transform .2s; }.dropdown-summary[open] summary::after { transform:rotate(180deg); }.dropdown-summary summary > span:last-of-type { margin-inline-start:auto; color:#b7c1d0; }
.risk-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:9px 0 2px; border-top:1px solid var(--line); }
.trade-button { min-height:59px; display:grid; place-items:center; margin-top:12px; }.trade-button span,.trade-button small { display:block; }.trade-button small { margin-top:3px; opacity:.72; font-size:10px; }.trade-button.long { background:linear-gradient(120deg,#3dd097,#51efcf); color:#06130e; }.trade-button.short { background:linear-gradient(120deg,#ff6578,#ff8a7d); color:#19070a; }

.position-summary { padding:0 18px; }.position-summary summary { min-height:59px; }.position-summary summary > span:first-child { display:flex; align-items:center; gap:8px; color:var(--text); }.position-body { padding:0 0 16px; border-top:1px solid var(--line); }.position-record + .position-record { border-top:1px solid var(--line); }.position-head { padding:14px 0 11px; justify-content:flex-start; }.position-head .text-button { margin-inline-start:auto; }.record-meta { display:flex;justify-content:space-between;gap:12px;padding:10px 0 12px;color:var(--muted);font-size:10px; }.record-meta time { text-align:end; }.text-button { min-width:44px; min-height:44px; padding:0; border:0; background:transparent; color:var(--cyan); font-size:10px; font-weight:700; cursor:pointer; }.stat-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.stat-grid.three { grid-template-columns:repeat(3,1fr); }.stat-grid > div { min-width:0; padding:11px; border:1px solid var(--line); border-radius:13px; background:rgba(7,12,20,.35); }.stat-grid span,.stat-grid strong { display:block; overflow-wrap:anywhere; }.stat-grid span { margin-bottom:6px; color:var(--muted); font-size:10px; }.stat-grid strong { font-size:11px; }.close-actions { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; margin-top:10px; }
.history-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.history-load-more { width:100%; min-height:44px; margin-top:12px; }
.close-reason { margin-inline-start:auto; color:var(--muted); font-size:10px; }

.account-hero { min-height:290px; padding:25px; }
.account-balance { max-width:60%; }
.account-balance-heading { display:flex; align-items:center; flex-wrap:wrap; gap:7px; }
.account-balance-heading > span { color:#b5c1d2; font-size:10px; }
.account-balance-heading .status-badge { display:inline-flex; min-height:21px; padding:3px 7px; font-size:9px; }
.account-balance > strong { display:block; margin:8px 0 5px; overflow-wrap:anywhere; font-size:34px; letter-spacing:-.045em; }
.account-orbs { position:absolute; top:27px; right:23px;display:flex;flex-direction:row-reverse; }
.account-today-pnl { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 8px; min-width:0; }
.account-today-pnl span { color:var(--muted); font-size:10px; }
.account-today-pnl .account-pnl-value { display:inline-flex; align-items:baseline; flex:0 0 auto; gap:8px; white-space:nowrap; unicode-bidi:isolate; }
.account-today-pnl strong { font-size:15px; font-variant-numeric:tabular-nums; }
.account-today-pnl small { font-size:10px; font-variant-numeric:tabular-nums; }
.account-today-pnl.positive strong,.account-today-pnl.positive small { color:var(--green); }
.account-today-pnl.negative strong,.account-today-pnl.negative small { color:var(--red); }
.account-today-pnl.neutral strong,.account-today-pnl.neutral small { color:var(--muted); }
.account-actions { position:absolute; inset:auto 17px 18px; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.account-actions button { min-width:0; min-height:72px; display:grid; place-items:center; align-content:center; gap:5px; padding:0 2px; border:0; background:transparent; color:#d8e0ec; font-size:10px; line-height:1.25; overflow-wrap:anywhere; cursor:pointer; }
.account-records-action > span:last-child { overflow-wrap:normal; white-space:nowrap; }
.round-action { width:48px; height:48px; display:grid; place-items:center; border:1px solid rgba(153,181,215,.16); border-radius:16px; background:rgba(9,15,25,.46); color:white; box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.round-action svg { width:22px;height:22px; }
.account-breakdown { padding:0 18px 14px; }.account-breakdown summary { min-height:58px; }.asset-balance-row { width:100%; display:grid; grid-template-columns:38px 1fr auto; align-items:center; gap:11px; padding:12px 0; border:0; border-top:1px solid var(--line); background:transparent; color:inherit; text-align:start; cursor:pointer; }.asset-balance-row.selected { background:linear-gradient(90deg,rgba(82,239,210,.07),transparent); }.asset-balance-row strong,.asset-balance-row small { display:block; }.asset-balance-row strong { font-size:12px; }.asset-balance-row small { margin-top:4px; color:var(--muted); font-size:10px; }.asset-balance-row > span:last-child { text-align:end; }
.balance-legend { display:flex; flex-wrap:wrap; gap:8px 14px; padding-top:10px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; }.balance-legend > span { display:flex; align-items:center; gap:5px; }.legend-dot { width:6px;height:6px;border-radius:50%;}.legend-dot.available{background:var(--green)}.legend-dot.margin{background:var(--violet)}.legend-dot.locked{background:var(--amber)}

.staking-participate-button { width:100%; min-height:50px; margin-top:12px; }
.staking-asset-breakdown { margin-top:12px; padding:0 14px 10px; border:1px solid var(--line); border-radius:15px; background:rgba(7,12,20,.35); }
.staking-asset-breakdown summary { min-height:54px; }
.staking-asset-breakdown .asset-balance-row { grid-template-columns:38px minmax(0,1fr) minmax(74px,auto); }
.staking-asset-breakdown .asset-balance-row > span { min-width:0; }
.staking-asset-breakdown .asset-balance-row strong,
.staking-asset-breakdown .asset-balance-row small { overflow-wrap:anywhere; }
.staking-balance-legend { align-items:center; }
.staking-balance-legend > span { min-width:0; align-items:baseline; white-space:nowrap; }
.staking-balance-legend .legend-dot { align-self:center; }
.staking-balance-legend strong { margin-inline-start:2px; color:var(--text); font-size:10px; font-variant-numeric:tabular-nums; }
.staking-summary-grid span { overflow-wrap:normal; white-space:nowrap; font-size:clamp(8px,2.2vw,10px); }
.stake-total { margin:14px 0; padding:17px; border:1px solid var(--line); border-radius:16px; background:radial-gradient(circle at 90% 0,rgba(82,239,210,.09),transparent 45%),rgba(7,12,20,.4); }.stake-total span,.stake-total strong,.stake-total small { display:block; }.stake-total span { color:var(--muted); font-size:10px; }.stake-total strong { margin:7px 0 5px; font-size:23px; letter-spacing:-.035em; }.stake-total small { color:var(--muted-2); font-size:10px; }.progress-block { margin-top:11px; }.progress-block > span { display:flex; justify-content:space-between; margin-bottom:7px; font-size:10px; }.progress-block small { color:var(--muted); }.progress { height:7px; overflow:hidden; border-radius:5px; background:rgba(255,255,255,.06); }.progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--cyan),var(--violet)); box-shadow:0 0 13px rgba(82,239,210,.3); }.stake-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:14px; }.stake-actions.single { grid-template-columns:1fr; }
.referral-strip { display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:12px; }.referral-icon { width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:rgba(139,120,255,.13);color:#c1b8ff;font-weight:900;}.referral-icon svg{width:21px;height:21px}.referral-strip strong,.referral-strip small{display:block}.referral-strip strong{font-size:12px}.referral-strip small{margin-top:4px;color:var(--muted);font-size:10px}
.stake-progress { width:100%;height:100%;display:block;border:0;appearance:none;-webkit-appearance:none;background:transparent; }
.stake-progress::-webkit-progress-bar { background:transparent; }
.stake-progress::-webkit-progress-value { border-radius:5px;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 13px rgba(82,239,210,.3); }
.stake-progress::-moz-progress-bar { border-radius:5px;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 13px rgba(82,239,210,.3); }
.runtime-referral-link { grid-column:1/-1;min-width:0;padding-top:12px;border-top:1px solid var(--line); }
.runtime-referral-error { grid-column:1/-1; }
.runtime-tax-button { margin-top:12px; }

.dock {
  position: fixed;
  z-index: 100;
  left: 50%;
  bottom: calc(10px + var(--safe-bottom));
  width: min(calc(100% - 24px), 480px);
  min-height: var(--dock-height);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  gap: 5px;
  padding: 7px;
  transform: translateX(-50%);
  border: 1px solid rgba(157, 180, 211, .19);
  border-radius: 25px;
  background: rgba(15, 21, 32, .88);
  box-shadow: 0 22px 55px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter: blur(22px) saturate(130%);
}
.dock-item { min-width:0; min-height:62px; display:grid; place-items:center; align-content:center; gap:3px; padding:3px; border:0; border-radius:19px; background:transparent; color:var(--muted); cursor:pointer; transition:transform .18s ease,background .18s ease,color .18s ease; transform:scale(var(--dock-scale,1)); }.dock-item.active { background:linear-gradient(145deg,rgba(82,239,210,.15),rgba(88,103,179,.18)); color:var(--cyan); }.dock-icon { width:30px;height:30px;display:grid;place-items:center;border-radius:11px; }.dock-item.active .dock-icon { background:rgba(82,239,210,.1); box-shadow:0 0 20px rgba(82,239,210,.11); }.dock-icon svg { width:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }.dock-item > span:last-child { max-width:100%; font-size:10px;font-weight:700;line-height:1.15;overflow-wrap:anywhere;text-align:center; }

.sheet-layer { position:fixed; z-index:300; inset:0; display:grid; align-items:end; }.sheet-layer[hidden] { display:none; }.sheet-backdrop { position:absolute; inset:0; background:rgba(1,4,8,.72); backdrop-filter:blur(8px); animation:fade-in .2s; }.bottom-sheet { position:relative; z-index:1; width:min(100%,560px); max-height:min(86vh,760px); margin:0 auto; overflow:auto; padding:9px 18px calc(22px + var(--safe-bottom)); border:1px solid rgba(155,180,213,.2); border-bottom:0; border-radius:28px 28px 0 0; background:linear-gradient(160deg,#151e2c,#0d141f 65%); box-shadow:0 -24px 70px rgba(0,0,0,.48); animation:sheet-up .25s cubic-bezier(.2,.8,.2,1); }.sheet-handle { width:42px;height:4px;margin:0 auto 13px;border-radius:3px;background:rgba(202,214,231,.25); }.sheet-header { position:sticky;top:-9px;z-index:2;padding:9px 0 13px;background:linear-gradient(180deg,#151e2c 78%,transparent); }.sheet-header h2 { margin:4px 0 0;font-size:21px;letter-spacing:-.03em;overflow-wrap:anywhere; }.sheet-header .icon-button { width:44px;height:44px;flex:0 0 auto;font-size:21px; }.sheet-content { padding-top:3px; }.sheet-copy { margin:0 0 14px;color:var(--muted);font-size:11px;line-height:1.65;overflow-wrap:anywhere; }.sheet-grid { display:grid;gap:9px; }.sheet-option { width:100%;min-height:58px;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:15px;background:rgba(7,12,20,.4);text-align:start;cursor:pointer; }.sheet-option.featured { min-height:70px;border-color:rgba(82,239,210,.22);background:linear-gradient(145deg,rgba(82,239,210,.1),rgba(74,88,152,.12)); }.sheet-option-icon { width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:rgba(255,255,255,.06);font-weight:900; }.sheet-option span:nth-child(2) { min-width:0;flex:1; }.sheet-option strong,.sheet-option small { display:block;overflow-wrap:anywhere; }.sheet-option small { margin-top:3px;color:var(--muted);font-size:10px; }.sheet-divider { height:1px;margin:14px 0;background:var(--line); }.sheet-form { display:grid;gap:11px; }.sheet-stats { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 14px; }.sheet-stat { min-width:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(7,12,20,.38); }.sheet-stat span,.sheet-stat strong { display:block;overflow-wrap:anywhere; }.sheet-stat span { margin-bottom:6px;color:var(--muted);font-size:10px; }.sheet-stat strong { font-size:12px; }.sheet-notice { margin:10px 0;padding:11px 12px;border:1px solid rgba(255,197,101,.18);border-radius:13px;background:rgba(255,197,101,.07);color:#d6c39e;font-size:10px;line-height:1.55;overflow-wrap:anywhere; }.sheet-notice.success { border-color:rgba(68,212,154,.18);background:rgba(68,212,154,.07);color:#a7d7c4; }.sheet-actions { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px; }.sheet-actions.single { grid-template-columns:1fr; }.message-filters { display:flex;gap:6px;margin-bottom:11px;overflow-x:auto; }.message-filter { min-height:44px;padding:6px 12px;border:1px solid var(--line);border-radius:11px;background:transparent;color:var(--muted);white-space:normal;line-height:1.25;cursor:pointer; }.message-filter.active { border-color:rgba(82,239,210,.24);background:rgba(82,239,210,.09);color:var(--cyan); }.message-list { display:grid;gap:8px; }.message-item { width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:15px;background:rgba(7,12,20,.38);text-align:start;cursor:pointer; }.message-item.unread { border-color:rgba(139,120,255,.22);background:rgba(139,120,255,.07); }.message-item .sheet-option-icon { width:34px;height:34px; }.message-item strong,.message-item small,.message-item time { display:block;overflow-wrap:anywhere; }.message-item strong { font-size:11px; }.message-item small { margin-top:4px;color:var(--muted);font-size:10px;line-height:1.4; }.message-item time { margin-top:4px;color:var(--muted-2);font-size:10px; }.unread-dot { width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 10px rgba(139,120,255,.5); }
.ui-icon { color:var(--cyan); }.ui-icon svg { width:21px;height:21px; }
.message-detail { display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px 12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(7,12,20,.38); }.message-detail.important { border-color:rgba(255,197,101,.25); }.message-detail h3 { margin:2px 0 0;font-size:16px; }.message-detail p,.message-detail time { grid-column:1/-1;margin:0;color:var(--muted);line-height:1.65;font-size:11px; }.message-detail time { color:var(--muted-2); }
.profit-details { display:grid; gap:14px; }
.profit-table-wrap { overflow-x:auto; border:1px solid var(--line); border-radius:16px; background:rgba(7,12,20,.38); }
.profit-rate-table { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
.profit-rate-table th,.profit-rate-table td { padding:12px 10px; border-bottom:1px solid var(--line); text-align:start; vertical-align:middle; }
.profit-rate-table th { color:var(--muted); background:rgba(255,255,255,.025); font-size:9px; line-height:1.35; }
.profit-rate-table td { color:#dbe6f3; font-size:10px; white-space:nowrap; }
.profit-rate-table td:nth-child(2) { color:var(--cyan); font-weight:760; }
.profit-rate-table td:last-child { color:var(--green); }
.profit-rate-table tr:last-child td { border-bottom:0; }
.profit-detail-note { display:grid; grid-template-columns:30px minmax(0,1fr); gap:10px; align-items:start; margin:0; padding:13px; border:1px solid rgba(82,239,210,.13); border-radius:14px; background:linear-gradient(135deg,rgba(82,239,210,.06),rgba(139,120,255,.055)); color:#aebcd0; font-size:10px; line-height:1.65; }
.profit-detail-note svg { width:21px; height:21px; margin-top:1px; padding:4px; border-radius:9px; background:rgba(82,239,210,.08); fill:none; stroke:var(--cyan); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.profit-detail-note span { overflow-wrap:anywhere; }

.sheet-option-icon.brand-image,
.sheet-option-icon.market-image { overflow:hidden; background:rgba(255,255,255,.96); }
.sheet-option-icon.market-image { border-radius:50%; }
.sheet-option-icon.brand-image img,
.sheet-option-icon.market-image img,
.sheet-option-icon.support-brand svg { width:100%;height:100%;display:block;object-fit:contain; }
.sheet-option-icon.support-brand { overflow:hidden; border-radius:50%; }
.sheet-option-icon.support-brand.telegram { background:#229ed9; }
.sheet-option-icon.support-brand.telegram svg { fill:#fff; padding:5px; }
.sheet-option-icon.support-brand.whatsapp { background:#25d366; }
.sheet-option-icon.support-brand.whatsapp svg { fill:#fff; padding:4px; }
.connection-method-grid { display:grid; gap:10px; }
.connection-method-grid .market-skeleton.compact span { height:58px; }
.walletconnect-qr-panel { display:grid; justify-items:center; gap:14px; text-align:center; }
.walletconnect-qr-frame { width:min(240px,78vw); padding:14px; border-radius:20px; background:#fff; box-shadow:0 20px 52px rgba(0,0,0,.38); }
.walletconnect-qr-frame img { display:block; width:100%; height:auto; image-rendering:pixelated; }
.walletconnect-countdown { margin:0; color:var(--muted); font-size:12px; font-variant-numeric:tabular-nums; unicode-bidi:isolate; }
.walletconnect-countdown bdi { display:inline-block; direction:ltr; unicode-bidi:isolate; }
.walletconnect-wallets { width:100%; display:flex; justify-content:center; flex-wrap:wrap; gap:8px; direction:ltr; }
.walletconnect-wallets span { min-width:92px; max-width:132px; display:flex; align-items:center; gap:7px; padding:7px 9px; border:1px solid var(--line); border-radius:12px; background:rgba(7,12,20,.38); }
.walletconnect-wallets img { width:24px; height:24px; flex:0 0 24px; border-radius:8px; object-fit:contain; background:#fff; }
.walletconnect-wallets b { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:9px; }
.qr-skeleton { width:min(240px,78vw); }
.qr-skeleton span:first-child { height:min(240px,78vw); }
.walletconnect-qr-panel > .primary-button { width:100%; }
.language-sheet { overscroll-behavior:contain; }
.language-grid { display:grid;grid-template-columns:1fr;gap:8px; }
.language-button { min-height:52px;display:flex;align-items:center;gap:11px;padding:0 13px;border:1px solid var(--line);border-radius:13px;background:rgba(7,12,20,.38);text-align:start;cursor:pointer; }
.language-button.active { border-color:rgba(82,239,210,.25);color:var(--cyan);background:rgba(82,239,210,.08); }
.language-flag { width:24px;flex:0 0 24px;font-size:18px;line-height:1;text-align:center; }
.language-name { min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700; }
.language-check { width:18px;flex:0 0 18px;color:var(--cyan);font-size:14px;text-align:center; }
.token-choice { display:grid;grid-template-columns:1fr 1fr;gap:8px; }.token-choice button { min-height:64px;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:15px;background:rgba(7,12,20,.38);text-align:start;cursor:pointer; }.token-choice button.active { border-color:rgba(82,239,210,.28);background:rgba(82,239,210,.08); }.token-choice strong,.token-choice small { display:block; }.token-choice small { margin-top:3px;color:var(--muted);font-size:10px; }
.record-list { display:grid;gap:8px; }.record-item { display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(7,12,20,.38); }.record-item strong,.record-item span,.record-item small { display:block; }.record-item strong { font-size:11px; }.record-item span { text-align:end;font-size:11px; }.record-item small { color:var(--muted);font-size:10px; }.record-item .status-badge { grid-column:2; justify-self:end; }
.preserve-lines { white-space:pre-line; }
a.sheet-option { color:inherit;text-decoration:none; }
.runtime-trade-records { display:grid;gap:10px;margin-top:14px; }
.runtime-record-tabs { margin-bottom:10px; }
.runtime-record-card { margin-top:8px; }
.runtime-static-action { display:grid;place-items:center; }
.qr-placeholder { width:148px;height:148px;margin:13px auto;display:grid;place-items:center;border:8px solid white;border-radius:14px;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 50%/22px 22px;color:#111;font-size:10px;font-weight:900; }

.toast { position:fixed;z-index:500;left:50%;bottom:calc(var(--dock-height) + var(--safe-bottom) + 28px);width:min(calc(100% - 40px),420px);padding:13px 16px;transform:translateX(-50%);border:1px solid rgba(82,239,210,.2);border-radius:14px;background:rgba(16,26,37,.96);box-shadow:var(--shadow);color:#dce8ed;font-size:11px;text-align:center;animation:toast-in .2s; }
@keyframes fade-in { from{opacity:0} }
@keyframes sheet-up { from{transform:translateY(30px);opacity:.4} }
@keyframes toast-in { from{transform:translate(-50%,10px);opacity:0} }

html[dir="rtl"] .market-price, html[dir="rtl"] .quote-stats, html[dir="rtl"] .asset-balance-row > span:last-child { text-align:start; }
html[dir="rtl"] select { background-position:15px 20px,10px 20px; }
html[dir="rtl"] .asset-orbs, html[dir="rtl"] .account-orbs { right:auto;left:26px; }
html[dir="rtl"] .sheet-option > span:last-child, html[dir="rtl"] .market-identity > span:last-child { transform:scaleX(-1); }

@media (max-width: 430px) {
  .search-field kbd { display:none; }
  .token-segment { gap:6px; }
  .token-segment .segment { min-width:0; grid-template-columns:34px minmax(0,1fr) auto; gap:6px; padding:8px; }
  .token-segment .segment > span:not(.token-icon):not(.check) { min-width:0; }
  .token-segment small { font-size:9px; white-space:nowrap; }
  .account-balance { max-width:58%; }
  .account-balance > strong { font-size:30px; }
  .profit-table-wrap { overflow:visible; border:0; background:transparent; }
  .profit-rate-table,.profit-rate-table tbody { display:block; }
  .profit-rate-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
  .profit-rate-table tbody { display:grid; gap:8px; }
  .profit-rate-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; padding:11px 12px; border:1px solid var(--line); border-radius:13px; background:rgba(7,12,20,.38); }
  .profit-rate-table td { display:grid; gap:4px; min-width:0; padding:0; border:0; white-space:normal; }
  .profit-rate-table td:first-child { grid-column:1/-1; padding-bottom:8px; border-bottom:1px solid var(--line); }
  .profit-rate-table td::before { content:attr(data-label); min-width:0; color:var(--muted); font-size:9px; line-height:1.35; overflow-wrap:anywhere; }
  .profit-rate-table td bdi { color:inherit; white-space:nowrap; }
  .trade-mode-bar { align-items:stretch; flex-direction:column; }
  .signal-entry { width:100%; }
  .signal-session-card { display:grid; grid-template-columns:1fr auto; }
  .signal-session-card > div:first-child { grid-column:1/-1; }
  .form-row.two-col, .risk-grid { grid-template-columns:1fr; }
  .market-row { grid-template-columns:34px minmax(0,1fr) auto; grid-template-areas:"coin name price" ". spark spark"; }
  .market-row > .coin { grid-area:coin; }
  .market-row > .market-name { grid-area:name; min-width:0; }
  .market-row > .mini-spark { grid-area:spark; justify-self:end; width:min(100%,130px); }
  .market-row > .market-price { grid-area:price; }
  .quote-row { flex-wrap:wrap; }
  .account-actions button { min-height:76px; }
  .referral-strip { grid-template-columns:42px minmax(0,1fr); }
  .referral-strip .text-button { grid-column:2; justify-self:start; }
}

@media (hover:none), (pointer:coarse) {
  .search-field kbd { display:none; }
}

@media (max-width: 340px) {
  .language-grid, .token-choice, .sheet-stats, .sheet-actions { grid-template-columns:1fr; }
  .token-segment { gap:4px; padding:3px; }
  .token-segment .segment { min-width:0; grid-template-columns:30px minmax(0,1fr) 11px; gap:5px; padding:8px 6px; }
  .token-segment .segment > span:not(.token-icon):not(.check) { min-width:0; }
  .token-segment .token-icon { width:30px; height:30px; }
  .token-segment.compact .segment { grid-template-columns:28px minmax(0,1fr); gap:4px; padding-inline:4px; }
  .token-segment.compact .token-icon { width:28px; height:28px; }
  .token-segment strong { font-size:11px; }
  .token-segment small { margin-top:2px; font-size:8px; line-height:1.15; letter-spacing:-.1px; white-space:nowrap; }
  .token-segment .check { font-size:12px; }
  .activation-summary { grid-template-columns:1fr; gap:10px; }
  .activation-summary div { padding:0; border-inline-end:0; }
  .record-item { grid-template-columns:1fr; }
  .record-item span { text-align:start; }
  .record-item .status-badge { grid-column:1; justify-self:start; }
  .account-actions { grid-template-columns:repeat(2,1fr); }
  .account-hero { min-height:352px; }
}

@media (min-width: 760px) {
  .app-shell { padding-inline: 28px; }
  .app-page { max-width: 920px; margin: 0 auto; }
  #page-home, #page-assets { display:grid;grid-template-columns:1.05fr .95fr;gap:14px;align-items:start; }
  #page-home .network-hero, #page-home .token-marquee, #page-assets .page-title-row, #page-assets .account-hero { grid-column:1/-1; }
  #page-home .activation-card, #page-assets .staking-card { margin-top:0; }
  #page-home .quick-tray { margin:0; }
  #page-markets .featured-scroll { margin-inline:0;padding-inline:0;grid-auto-columns:minmax(210px,1fr); }
  #page-markets .filter-chips { margin-inline:0;padding-inline:0; }
}

@media (min-width: 960px) {
  #page-trade { display:grid;grid-template-columns:1.18fr .82fr;gap:14px;align-items:start; }
  #page-trade .trade-header, #page-trade .trade-mode-bar, #page-trade .signal-session-card { grid-column:1/-1; }
  #page-trade .signal-session-card { grid-row:3; }
  #page-trade .chart-card { grid-row:3 / span 2; }
  #page-trade .order-card { grid-column:2;grid-row:3; }
  #page-trade .runtime-trade-records { grid-column:2;grid-row:4;margin-top:0; }
  #page-trade.signal-active .chart-card { grid-row:4 / span 2; }
  #page-trade.signal-active .order-card { grid-row:4; }
  #page-trade.signal-active .runtime-trade-records { grid-row:5; }
}

@media (min-width: 1024px) {
  .app-shell { width:min(100%,1320px); padding:22px 36px 54px; }
  .app-header { top:12px; min-height:70px; margin-bottom:24px; padding-inline:0; }
  .page-stack { margin-top:8px; }
  .app-page { width:100%; max-width:1240px; }
  .dock { top:18px; bottom:auto; width:520px; min-height:62px; padding:5px 8px; border-radius:23px; }
  .dock-item { min-height:50px; grid-template-columns:30px auto; align-content:center; justify-content:center; gap:7px; padding:4px 11px; border-radius:17px; }
  .dock-item > span:last-child { font-size:11px; text-align:start; white-space:nowrap; }
  .dock-icon { width:28px; height:28px; }
  #page-home, #page-assets { grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr); gap:18px; }
  #page-home .network-hero, #page-home .token-marquee, #page-assets .page-title-row, #page-assets .staking-card, #page-assets .runtime-referral { grid-column:1/-1; }
  #page-home .network-hero { grid-template-columns:minmax(0,1fr) minmax(320px,.72fr); align-items:stretch; }
  #page-home .network-hero .hero-copy { grid-column:1; align-self:center; padding:8px 12px 8px 0; }
  #page-home .network-hero .reward-pool-card { grid-column:2; align-self:stretch; display:flex; flex-direction:column; justify-content:center; }
  #page-home .hero-wallet-button { width:auto; min-width:190px; justify-self:start; }
  #page-home .activation-card { grid-column:1; }
  #page-home .quick-tray { grid-column:2; grid-template-columns:1fr; align-self:stretch; margin:0; }
  #page-home .quick-tray button { min-height:74px; }
  #page-assets .account-hero { grid-column:1; }
  #page-assets .account-breakdown { grid-column:2; align-self:stretch; }
  #page-assets > .sheet-notice { grid-column:1/-1; }
  #page-trade { grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr); gap:18px; }
  #page-trade .chart-card { grid-column:1; grid-row:3; }
  #page-trade .order-card { grid-column:2; grid-row:3 / span 2; }
  #page-trade .runtime-trade-records { grid-column:1; grid-row:4; margin-top:0; }
  #page-trade.signal-active .signal-session-card { grid-column:1/-1; grid-row:3; }
  #page-trade.signal-active .chart-card { grid-column:1; grid-row:4; }
  #page-trade.signal-active .order-card { grid-column:2; grid-row:4 / span 2; }
  #page-trade.signal-active .runtime-trade-records { grid-column:1; grid-row:5; }
  .sheet-layer { align-items:center; padding:28px; }
  .bottom-sheet { width:min(100%,620px); max-height:min(86vh,820px); padding:14px 22px 24px; border-bottom:1px solid rgba(155,180,213,.2); border-radius:28px; box-shadow:0 28px 90px rgba(0,0,0,.6); }
  .sheet-header { top:-14px; padding-top:14px; }
  .toast { bottom:28px; }
}

@media (min-width: 960px) {
  .quick-tray button { grid-template-columns:34px minmax(0,1fr); grid-template-rows:1fr 1fr; justify-items:stretch; gap:0 8px; padding:12px; text-align:start; }
  .quick-tray .tray-icon { grid-row:1 / span 2; }
  .quick-tray button > span:not(.tray-icon) { align-self:end; }
  .quick-tray button small { align-self:start; }
}

@media (max-width: 430px) {
  .activation-card > .section-heading h2.copy-medium { font-size:clamp(9px,3vw,13px); letter-spacing:-.045em; }
  .activation-card > .section-heading h2.copy-long { font-size:clamp(8px,2.55vw,12px); letter-spacing:-.055em; }
}

@media (min-width: 760px) and (max-width: 899px) {
  .activation-card > .section-heading h2.copy-medium { font-size:clamp(9px,3vw,13px); letter-spacing:-.045em; }
  .activation-card > .section-heading h2.copy-long { font-size:clamp(8px,2.55vw,12px); letter-spacing:-.055em; }
}

@media (max-width: 370px) {
  .app-shell { padding-inline: 12px; }
  .brand { gap: 8px; }
  .brand-copy strong { max-width: 135px; font-size: 13px; }
  .header-actions { gap:3px; }.icon-button { width:44px;height:44px; }
  .network-hero { min-height:0;padding:22px; }.hero-copy { width:100%; }.hero-copy h1 { font-size:26px; }.asset-orbs { right:16px;top:48px; }.hero-token-orbs { position:static;right:auto;top:auto; }.asset-orb { width:39px;height:39px; }
  .hero-metric { inset:auto;padding:13px; }.hero-metric strong { font-size:21px; }
  .reward-pool-row { gap:9px; padding:11px; }
  .reward-pool-token { gap:8px; }
  .reward-pool-token .token-icon { width:34px; height:34px; flex-basis:34px; }
  .reward-pool-token strong { font-size:11px; }
  .reward-pool-card .reward-pool-balance { font-size:17px; }
  .account-balance { max-width:55%; }
  .account-balance > strong { font-size:27px; }
  .account-orbs { top:20px; right:16px; }
  .account-orbs .asset-orb { width:34px; height:34px; margin-inline-start:-10px; }
  .trade-mode-bar { align-items:stretch; flex-direction:column; }.signal-entry { width:100%; }
  .surface-card { padding:16px; }.activation-summary { padding:12px 5px; }.activation-summary div { padding:0 7px; }.activation-summary strong { font-size:11px; }
  .quick-tray { gap:7px; }.quick-tray button { padding:9px 5px; }.tray-icon { width:30px;height:30px; }
  .featured-scroll { margin-inline: -12px; padding-inline: 12px; }
  .filter-chips { margin-inline: -12px; padding-inline: 12px; }
  .market-row { gap:7px; }.coin { width:34px;height:34px; }
  .account-actions { gap:3px; }.round-action { width:43px;height:43px; }.stat-grid.three { grid-template-columns:1fr 1fr; }.stat-grid.three > div:last-child { grid-column:1/-1; }
  .dock { width:calc(100% - 16px); }.dock-item { min-height:60px; }
}

@media (min-width: 371px) and (max-width: 430px) {
  .staking-summary-grid > div { padding:8px; }
}

@supports not (backdrop-filter: blur(1px)) {
  .app-header, .dock, .sheet-backdrop { backdrop-filter:none; }
  .dock { background:#111824; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .marquee-track { animation:none; transform:none; }
  button:active, .dock-item { transform:none !important; }
}