/* Premium celestial identity for the independent Unicorn DApp. */
:root {
  color-scheme: dark;
  --uni-ink: #f4edf7;
  --uni-muted: #b7a9bd;
  --uni-soft: #8b7d91;
  --uni-line: rgba(232, 214, 239, .14);
  --uni-paper: #110d17;
  --uni-card: #1b1522;
  --uni-raised: #241b2d;
  --uni-lilac: #c8a6e6;
  --uni-rose: #dca3bd;
  --uni-gold: #d8bd86;
  --uni-shadow: 0 22px 64px rgba(0, 0, 0, .34);
}

html, body { min-height: 100%; background: var(--uni-paper); }
body {
  color: var(--uni-ink);
  color-scheme: dark;
  font-family: Inter, "Noto Sans SC", "Microsoft YaHei", sans-serif;
  background:
    radial-gradient(ellipse at 77% 9%, rgba(100, 57, 112, .23), transparent 34rem),
    radial-gradient(ellipse at 10% 42%, rgba(68, 42, 82, .16), transparent 34rem),
    linear-gradient(180deg, #100c14 0%, #15101a 58%, #100c15 100%);
}
body > .app {
  position: relative;
  width: 100%;
  max-width: none;
  min-height: 100vh;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
}
.app > main.shell {
  width: min(1240px, calc(100% - 72px));
  max-width: 1240px;
  margin: 0 auto;
}

.site-config-notice {
  position: relative;
  z-index: 20;
  display: flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 5px 16px;
  border-bottom: 1px solid rgba(216, 189, 134, .18);
  background: rgba(22, 16, 27, .92);
  color: #c9b9d0;
  font-size: 10px;
  letter-spacing: .055em;
  text-align: center;
}
.site-config-dot {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: var(--uni-gold);
  box-shadow: 0 0 11px rgba(216, 189, 134, .55);
}

.app > .topbar,
body[data-view="home"] .app > .topbar {
  position: relative;
  z-index: 12;
  top: auto;
  left: auto;
  display: flex;
  width: min(1240px, calc(100% - 72px));
  max-width: 1240px;
  height: 78px;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0;
  transform: none;
  border: 0;
  border-bottom: 1px solid var(--uni-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.app > .topbar .brand {
  display: flex;
  min-width: 190px;
  align-items: center;
  gap: 12px;
  color: var(--uni-ink);
  text-decoration: none;
}
.app > .topbar .mark {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid rgba(216, 189, 134, .55);
  border-radius: 50%;
  background: radial-gradient(circle at 32% 28%, rgba(200, 166, 230, .22), rgba(26, 19, 31, .85) 68%);
  color: var(--uni-gold);
  font-family: Georgia, "Noto Serif SC", serif;
  font-size: 19px;
  font-style: italic;
  box-shadow: inset 0 0 20px rgba(211, 169, 225, .08);
}
.brand-name {
  display: block;
  color: var(--uni-ink);
  font-family: "Noto Serif SC", "Songti SC", serif;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: .16em;
  line-height: 1.25;
}
.brand-sub {
  display: block;
  margin-top: 4px;
  color: #9e90a5;
  font-size: 8px;
  letter-spacing: .22em;
}
.app > .topbar .nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 3vw, 42px);
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.app > .topbar .nav button {
  min-height: 40px;
  padding: 0 2px;
  border: 0;
  border-bottom: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #aa9bb1;
  font-size: 11px;
  letter-spacing: .06em;
  transition: color .2s ease, border-color .2s ease;
}
.app > .topbar .nav button:hover,
.app > .topbar .nav button.active {
  border-bottom-color: var(--uni-gold);
  background: transparent;
  color: #fbf4ff;
}
.app > .topbar .right-tools {
  display: flex;
  width: auto;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
}
.app > .topbar .network {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #b3a7bb;
  font-size: 9px;
  letter-spacing: .06em;
}
.app > .topbar .network-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #a8c28e;
  box-shadow: 0 0 0 3px rgba(168, 194, 142, .12), 0 0 12px rgba(168, 194, 142, .36);
}
.app > .topbar .wallet-btn,
.app > .topbar .wallet-btn.connected {
  min-height: 39px;
  max-width: 210px;
  padding: 0 17px;
  border: 1px solid rgba(216, 189, 134, .58);
  border-radius: 2px;
  background: rgba(35, 26, 42, .55);
  color: #f4eaf7;
  box-shadow: none;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .04em;
}
.app > .topbar .wallet-btn:hover {
  border-color: var(--uni-gold);
  background: rgba(107, 74, 109, .34);
}
.app > .topbar .wallet-address { max-width: 145px; color: var(--uni-ink); }
body .mobile-nav { display: none; }

.view {
  min-height: calc(100vh - 110px);
  padding: 34px 0 88px;
  color: var(--uni-ink);
}
.view h1, .view h2, .view h3 { color: var(--uni-ink); }
.view p { color: var(--uni-muted); }
.view .card {
  border: 1px solid var(--uni-line);
  border-radius: 4px;
  background: linear-gradient(145deg, rgba(36, 27, 45, .95), rgba(25, 19, 32, .98));
  box-shadow: var(--uni-shadow);
}
.view button,
.view input,
.view select { font-family: inherit; }
.view button:focus-visible,
.view a:focus-visible,
.view input:focus-visible,
.view select:focus-visible,
.view summary:focus-visible {
  outline: 2px solid var(--uni-gold);
  outline-offset: 3px;
}

/* Home: editorial copy, collectible portrait and quiet product links. */
#view-home { padding-top: 8px; }
#view-home .hero {
  position: relative;
  display: grid;
  min-height: 570px;
  grid-template-columns: minmax(0, .93fr) minmax(0, 1.07fr);
  align-items: center;
  gap: clamp(24px, 4vw, 60px);
  padding: 34px 0 52px;
}
#view-home .hero-copy {
  z-index: 3;
  grid-column: 1;
  grid-row: 1;
  width: auto;
  min-height: 0;
  height: auto;
  margin: 0;
  padding: 12px 0;
  overflow: visible;
  background: none;
  text-align: left;
}
#view-home .hero-copy > * { opacity: 1; }
#view-home .hero-kicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 25px;
  color: var(--uni-gold);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .2em;
}
#view-home .hero-kicker i { display: inline-block; width: 28px; height: 1px; background: rgba(216, 189, 134, .68); }
#view-home .hero-copy h1 {
  margin: 0;
  color: #f7eff9;
  font-family: "Noto Serif SC", "Songti SC", serif;
  font-size: clamp(46px, 5vw, 72px);
  font-weight: 500;
  letter-spacing: .035em;
  line-height: 1.32;
  white-space: normal;
  text-shadow: 0 4px 34px rgba(203, 163, 222, .13);
}
#view-home .hero-slogan {
  max-width: 420px;
  margin: 20px 0 0;
  color: #bdafc4;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: .035em;
  line-height: 2;
  white-space: normal;
}
#view-home .hero-cta {
  display: inline-flex;
  min-width: 178px;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-top: 27px;
  padding: 0 17px;
  border: 1px solid rgba(216, 189, 134, .77);
  border-radius: 2px;
  background: linear-gradient(100deg, rgba(70, 49, 78, .92), rgba(40, 29, 48, .96));
  color: #fff7ff;
  font: inherit;
  font-size: 11px;
  letter-spacing: .08em;
  cursor: pointer;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
#view-home .hero-cta span { color: var(--uni-gold); font-size: 17px; line-height: 1; }
#view-home .hero-cta:hover { transform: translateY(-2px); border-color: #f0d8a8; background: #49344f; }
#view-home .hero-caption { margin: 21px 0 0; color: #8e7e96; font-size: 8px; letter-spacing: .2em; }
#view-home .hero-visual {
  position: relative;
  z-index: 1;
  grid-column: 2;
  grid-row: 1;
  display: block;
  width: 100%;
  max-width: 600px;
  height: auto;
  aspect-ratio: 1 / .93;
  min-height: 0;
  margin: 0 auto;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background:
    radial-gradient(ellipse at 52% 62%, rgba(111, 68, 125, .38), transparent 54%),
    radial-gradient(ellipse at 66% 50%, rgba(203, 143, 187, .13), transparent 52%);
  box-shadow: none;
  -webkit-mask-image: none;
  mask-image: none;
}
#view-home .hero-visual::before {
  position: absolute;
  z-index: 0;
  inset: 13% 4% 8% 10%;
  display: block;
  border: 1px solid rgba(216, 189, 134, .18);
  border-radius: 50%;
  content: "";
  pointer-events: none;
  transform: rotate(-14deg);
}
#view-home .hero-visual::after {
  position: absolute;
  z-index: 1;
  top: 23%;
  right: 5%;
  bottom: 14%;
  left: 8%;
  display: block;
  border: 1px solid rgba(200, 166, 230, .12);
  border-radius: 50%;
  content: "";
  pointer-events: none;
  transform: rotate(18deg);
}
#view-home .hero-art-index {
  position: absolute;
  z-index: 3;
  top: 8%;
  left: 12%;
  color: rgba(216, 189, 134, .78);
  font-family: Georgia, serif;
  font-size: 9px;
  letter-spacing: .24em;
}
#view-home .lovart-home-art {
  position: absolute;
  z-index: 2;
  inset: 2% 0 0;
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  filter: drop-shadow(0 26px 48px rgba(0, 0, 0, .3)) drop-shadow(0 0 30px rgba(205, 156, 226, .14));
}
#view-home .hero-visual figcaption {
  position: absolute;
  z-index: 4;
  right: 3%;
  bottom: 3%;
  left: 3%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 14px 0 0;
  border-top: 1px solid rgba(216, 189, 134, .24);
  background: none;
  color: #d8c8dc;
  font-size: 9px;
  letter-spacing: .09em;
}
#view-home .hero-visual figcaption span:last-child { color: #9b879f; font-size: 7px; letter-spacing: .18em; }

#view-home .feature-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px;
  margin-top: 4px;
}
#view-home .tile {
  display: flex;
  min-width: 0;
  min-height: 94px;
  align-items: center;
  padding: 16px 17px;
  border: 1px solid var(--uni-line);
  border-radius: 2px;
  background: linear-gradient(140deg, rgba(37, 28, 46, .74), rgba(23, 18, 30, .6));
  box-shadow: none;
  text-align: left;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
#view-home .tile[data-open-view="nft"] { grid-column: 1 / 5; grid-row: 1; }
#view-home .tile[data-open-view="swap"] { grid-column: 5 / 9; grid-row: 1; }
#view-home .tile[data-open-mine="equity"] { grid-column: 9 / 13; grid-row: 1; }
#view-home .tile[data-open-mine="referrals"] { display: none; }
#view-home .tile:hover { transform: translateY(-2px); border-color: rgba(216, 189, 134, .5); background: rgba(45, 33, 55, .85); }
#view-home .tile-icon {
  display: grid;
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  flex: 0 0 38px;
  place-items: center;
  margin: 0 13px 0 0;
  border: 1px solid rgba(216, 189, 134, .32);
  border-radius: 50%;
  background: rgba(216, 189, 134, .045);
  color: var(--uni-gold);
  box-shadow: none;
}
#view-home .tile:nth-of-type(4) .tile-icon,
#view-home .tile:nth-of-type(5) .tile-icon,
#view-home .tile:nth-of-type(6) .tile-icon { background: rgba(200, 166, 230, .07); color: var(--uni-lilac); }
#view-home .tile-icon i { font-size: 17px; }
#view-home .tile h3 { margin: 0; color: #eee4f2; font-size: 11px; font-weight: 600; line-height: 1.5; }
#view-home .tile p { margin: 4px 0 0; color: #a899b0; font-size: 9px; font-weight: 400; }

#view-home .subscription,
#view-home .weekly-claim {
  position: relative;
  min-width: 0;
  grid-column: span 6;
  margin-top: 5px;
  padding: 24px;
  border: 1px solid var(--uni-line);
  border-radius: 3px;
  background: linear-gradient(145deg, rgba(36, 27, 45, .95), rgba(25, 19, 32, .98));
  box-shadow: var(--uni-shadow);
}
#view-home .subscription { display: flex; flex-direction: column; gap: 15px; min-height: 0; overflow: hidden; }
#view-home .subscription::after, #view-home .subscription-icon { display: none; }
#view-home .subscription-main { padding: 0; }
#view-home .subscription-main h2 { margin: 0; color: var(--uni-ink); font-family: "Noto Serif SC", "Songti SC", serif; font-size: 21px; font-weight: 500; letter-spacing: .03em; line-height: 1.5; }
#view-home .subscription-main p { margin: 6px 0 0; color: var(--uni-muted); font-size: 11px; line-height: 1.8; white-space: normal; }
#view-home .subscription-main p b { color: var(--uni-gold); font-size: 13px; }
#view-home .subscription-quantity { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin: 0; padding-top: 14px; border-top: 1px solid var(--uni-line); }
#view-home .subscription-quantity > label { color: var(--uni-muted); font-size: 10px; }
#view-home .subscription-quantity > span { flex-basis: 100%; color: var(--uni-soft); font-size: 9px; text-align: right; }
#view-home .subscription-stepper { display: flex; align-items: center; overflow: hidden; border: 1px solid var(--uni-line); border-radius: 2px; background: #17121d; }
#view-home .subscription-stepper button { width: 34px; height: 36px; border: 0; background: transparent; color: var(--uni-gold); font-size: 16px; cursor: pointer; }
#view-home .subscription-stepper input { width: 44px; height: 36px; border: 0; background: transparent; color: var(--uni-ink); font: inherit; font-size: 12px; text-align: center; }
#view-home .subscription-payment { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin: 0; padding-top: 13px; border-top: 1px solid var(--uni-line); }
#view-home .subscription-payment span { display: block; color: var(--uni-muted); font-size: 9px; }
#view-home .subscription-payment strong { display: block; margin-top: 3px; color: var(--uni-ink); font-size: 19px; font-weight: 500; font-variant-numeric: tabular-nums; }
#view-home .subscription .small-btn { position: static; width: auto; min-width: 112px; min-height: 40px; padding: 0 14px; border: 1px solid rgba(216, 189, 134, .44); border-radius: 2px; background: rgba(216, 189, 134, .1); color: #d9c597; box-shadow: none; font-size: 10px; font-weight: 600; opacity: .72; }
#view-home .subscription-allocation { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding-top: 12px; border-top: 1px solid var(--uni-line); }
#view-home .subscription-allocation > span { color: var(--uni-muted); font-size: 9px; line-height: 1.7; }
#view-home .subscription-allocation-values { text-align: right; }
#view-home .subscription-allocation-values strong { display: block; color: var(--uni-gold); font-size: 11px; font-weight: 600; }
#view-home .subscription-allocation-values small { display: block; margin-top: 3px; color: var(--uni-soft); font-size: 8px; }
#view-home .subscription-perk { position: static; display: inline-flex; min-height: 0; max-width: 100%; align-items: center; align-self: flex-start; gap: 6px; margin: 0; padding: 7px 10px; border: 1px solid rgba(200, 166, 230, .21); border-radius: 2px; background: rgba(200, 166, 230, .07); color: #c8afd5; font-size: 9px; font-weight: 500; white-space: normal; }
#view-home .subscription-perk i { color: var(--uni-lilac); font-size: 12px; }
#view-home .subscription-status { margin: -7px 0 0; color: var(--uni-muted); font-size: 9px; line-height: 1.7; }
#view-home .weekly-claim { display: block; min-height: 0; background: linear-gradient(145deg, rgba(34, 26, 43, .98), rgba(25, 19, 32, .98)); }
#view-home .release-head { display: flex; align-items: center; gap: 12px; }
#view-home .claim-icon { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border: 1px solid rgba(216, 189, 134, .32); border-radius: 50%; background: rgba(216, 189, 134, .055); color: var(--uni-gold); font-size: 19px; }
#view-home .claim-copy { min-width: 0; flex: 1; }
#view-home .claim-copy > span { display: block; color: var(--uni-muted); font-size: 9px; }
#view-home .claim-copy > strong { display: block; overflow: hidden; color: var(--uni-ink); font-family: "Noto Serif SC", "Songti SC", serif; font-size: 15px; font-weight: 500; line-height: 1.55; white-space: normal; }
#view-home .claim-copy > small { display: block; margin-top: 3px; color: var(--uni-soft); font-size: 8px; }
#view-home .claim-action { display: grid; justify-items: end; flex: 0 0 auto; gap: 4px; }
#view-home .weekly-claim-action { width: auto; min-width: 100px; min-height: 38px; padding: 0 11px; border: 1px solid rgba(216, 189, 134, .45); border-radius: 2px; background: rgba(216, 189, 134, .06); color: #d8c493; font-size: 9px; font-weight: 500; opacity: .7; }
#view-home .claim-action > span { color: var(--uni-muted); font-size: 8px; }
#view-home .release-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin-top: 19px; border-top: 1px solid var(--uni-line); border-left: 1px solid var(--uni-line); }
#view-home .release-stats > div { min-width: 0; padding: 11px 10px; border-right: 1px solid var(--uni-line); border-bottom: 1px solid var(--uni-line); }
#view-home .release-stats > div > span { display: block; color: var(--uni-muted); font-size: 8px; }
#view-home .release-stats strong { display: block; margin-top: 5px; color: #efe4f3; font-size: 13px; font-weight: 500; }
#view-home .release-stats small { display: block; margin-top: 3px; color: var(--uni-soft); font-size: 8px; }
#view-home .release-note { margin: 11px 0 0; color: var(--uni-muted); font-size: 9px; line-height: 1.75; }
#view-home .release-plan { margin-top: 12px; padding-top: 11px; border-top: 1px solid var(--uni-line); }
#view-home .release-plan summary { color: var(--uni-gold); font-size: 9px; cursor: pointer; }
#view-home .release-timeline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; padding: 0; list-style: none; }
#view-home .release-timeline li { display: flex; justify-content: space-between; gap: 4px; padding: 7px; border: 1px solid var(--uni-line); border-radius: 2px; color: var(--uni-muted); font-size: 8px; }
#view-home .release-timeline b { color: var(--uni-gold); font-weight: 600; }
#view-home .project-info-card { margin-top: 14px; padding: 24px 26px; border: 1px solid var(--uni-line); border-radius: 3px; background: rgba(26, 20, 33, .96); box-shadow: var(--uni-shadow); }
#view-home .project-section-title h2 { color: var(--uni-ink); font-family: "Noto Serif SC", "Songti SC", serif; font-size: 19px; font-weight: 500; letter-spacing: .04em; }
#view-home .project-section-title > span { color: var(--uni-gold); font-size: 9px; letter-spacing: .12em; }
#view-home .project-rule-list > div { grid-template-columns: 90px minmax(0, 1fr); gap: 16px; padding: 12px 0; border-color: var(--uni-line); }
#view-home .project-rule-list dt { color: #e4d5e8; font-size: 10px; font-weight: 600; }
#view-home .project-rule-list dd { color: var(--uni-muted); font-size: 10px; }
#view-home .project-address-links { border-color: var(--uni-line); }
#view-home .project-address-links a { color: #d0bfd6; font-size: 9px; }
#view-home .project-address-links a span { color: var(--uni-gold); }
#view-home .project-status-note { border: 1px solid rgba(216, 189, 134, .2); border-radius: 2px; background: rgba(216, 189, 134, .06); color: #c6b38e; }

/* Shared interior pages. */
.mw-swap-heading h1,
.nft-page-heading h1,
#view-mine h1 {
  color: var(--uni-ink) !important;
  font-family: "Noto Serif SC", "Songti SC", serif !important;
  font-weight: 500 !important;
  letter-spacing: .03em !important;
}
.mw-swap-heading p,
.nft-page-heading p,
#view-mine .page-heading p { color: var(--uni-muted) !important; }
.mw-swap-card,
.nft-activity-card,
.nft-market-section,
.mine-card,
.project-info-card,
.account-card,
.balance-card,
.owned-nft-card,
.mw-my-swap-card,
.nft-team-panel {
  border: 1px solid var(--uni-line) !important;
  border-radius: 3px !important;
  background: linear-gradient(145deg, rgba(36, 27, 45, .96), rgba(25, 19, 32, .98)) !important;
  box-shadow: var(--uni-shadow) !important;
  color: var(--uni-ink) !important;
}
.mw-swap-heading .eyebrow,
.nft-market-heading .eyebrow,
.mw-swap-kicker,
.nft-overline,
.nft-team-eyebrow,
.mw-aside-label { color: var(--uni-gold) !important; }
.mw-swap-heading .network { color: var(--uni-muted) !important; }
.mw-swap-heading .network-dot { background: #a8c28e !important; box-shadow: 0 0 0 3px rgba(168, 194, 142, .12) !important; }
.mw-swap-card-head,
.mw-swap-field,
.mw-token-row,
.mw-swap-aside > *,
.mw-contract-state,
.swap-fee-disclosure,
.swap-project-rules-body,
.nft-overview-card,
.nft-rule-card,
.nft-empty,
.nft-token-price-panel,
.nft-market-footnote,
.nft-team-entry,
.mine-menu,
.address-box,
.balance-list,
.mw-bind-row,
.mw-share-link,
.nft-team-session,
.nft-team-counts,
.nft-team-tabs {
  border-color: var(--uni-line) !important;
  background-color: rgba(17, 13, 22, .52) !important;
  color: var(--uni-ink) !important;
}
#view-swap .mw-swap-field {
  border: 1px solid var(--uni-line) !important;
  border-radius: 3px !important;
  background: rgba(14, 11, 18, .62) !important;
}
#view-swap .mw-token-row,
#view-swap .mw-token-pick,
#view-swap .mw-swap-settings,
#view-swap input,
#view-swap select,
#view-nft .nft-search input,
#view-nft .nft-team-filters input,
#view-nft .nft-team-filters select,
#view-mine input,
#view-mine select {
  border-color: var(--uni-line) !important;
  background: #17121d !important;
  color: var(--uni-ink) !important;
}
#view-swap input::placeholder,
#view-nft input::placeholder,
#view-mine input::placeholder { color: #84768d !important; }
#view-swap .mw-token-pick { color: var(--uni-ink) !important; }
#view-swap .mw-swap-action,
#view-nft .nft-primary,
#view-nft .nft-team-referral-open,
#view-mine button:not(.mine-panel-close):not(.copy-btn) {
  border-color: rgba(216, 189, 134, .5) !important;
  background: linear-gradient(100deg, rgba(92, 62, 101, .94), rgba(55, 39, 64, .98)) !important;
  color: #f6edf8 !important;
}
#view-swap .mw-swap-action:disabled,
#view-nft button:disabled,
#view-mine button:disabled { border-color: var(--uni-line) !important; background: #211a28 !important; color: #8d7f94 !important; opacity: .78; }
#view-swap .mw-swap-security,
#view-swap .mw-fee-rule-note,
#view-swap .swap-project-rules-body,
#view-swap .mw-contract-state { color: var(--uni-muted) !important; }
#view-swap .mw-swap-status,
#view-swap .mw-contract-state span,
#view-swap .mw-fee-breakdown small { color: var(--uni-muted) !important; }
#view-swap .mw-fee-breakdown,
#view-swap .mw-token-dialog {
  border-color: var(--uni-line) !important;
  background: #1b1522 !important;
  color: var(--uni-ink) !important;
}
#view-swap .mw-token-dialog { box-shadow: var(--uni-shadow) !important; }
#view-swap details > summary,
#view-nft details > summary { color: #e6d8e9 !important; }

#view-nft .nft-hero-card {
  border: 1px solid var(--uni-line) !important;
  border-radius: 3px !important;
  background:
    radial-gradient(ellipse at 82% 44%, rgba(113, 71, 128, .26), transparent 42%),
    linear-gradient(115deg, #211829, #17111d 72%) !important;
  box-shadow: var(--uni-shadow) !important;
}
#view-nft .nft-hero-copy h2,
#view-nft .project-section-title h2,
#view-nft .nft-market-heading h2 { color: var(--uni-ink) !important; font-family: "Noto Serif SC", "Songti SC", serif !important; font-weight: 500 !important; }
#view-nft .nft-hero-copy p,
#view-nft .nft-signature-note,
#view-nft .nft-market-heading p,
#view-nft .nft-market-footnote,
#view-nft .nft-rule-body p { color: var(--uni-muted) !important; }
#view-nft .nft-hero-art {
  border-color: rgba(216, 189, 134, .18) !important;
  background:
    radial-gradient(ellipse at 50% 48%, rgba(122, 75, 137, .34), transparent 58%),
    linear-gradient(145deg, #241a2c, #17121c) !important;
}
#view-nft .nft-cat-art { object-fit: contain !important; filter: drop-shadow(0 20px 34px rgba(0, 0, 0, .35)); }
#view-nft .nft-art-caption { color: #d9c7df !important; }
#view-nft .nft-art-seal { color: var(--uni-gold) !important; border-color: rgba(216, 189, 134, .42) !important; }
#view-nft .nft-empty-mark { background: none !important; }
#view-nft .nft-empty-mark img { width: 74px; height: 74px; object-fit: contain; filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .32)); }
#view-nft .nft-overview-card,
#view-nft .nft-rule-item,
#view-nft .nft-preview-card,
#view-nft .lovart-preview-card {
  border-color: var(--uni-line) !important;
  border-radius: 3px !important;
  background: #1c1623 !important;
  color: var(--uni-ink) !important;
}
#view-nft .nft-overview-card strong,
#view-nft .nft-rule-values dd,
#view-nft .nft-live-status,
#view-nft .nft-type-filters button,
#view-nft .lovart-preview-caption,
#view-nft .preview-section-heading { color: var(--uni-ink) !important; }
#view-nft .nft-type-filters button.active,
#view-nft .lovart-preview-filters button.active {
  border-color: rgba(216, 189, 134, .55) !important;
  background: rgba(216, 189, 134, .1) !important;
  color: #ead8a7 !important;
}
#view-nft .nft-token-price-panel,
#view-nft .nft-empty,
#view-nft .nft-market-section,
#view-nft .nft-activity-card { color: var(--uni-ink) !important; }
#view-nft .lovart-preview-gallery {
  margin-top: 22px;
  padding: 22px;
  border: 1px solid var(--uni-line);
  border-radius: 3px;
  background: rgba(22, 17, 29, .76);
}
#view-nft .lovart-preview-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
#view-nft .lovart-preview-card { overflow: hidden; padding: 0; border: 1px solid var(--uni-line) !important; text-align: left; }
#view-nft .lovart-preview-art { position: relative; display: block; overflow: hidden; aspect-ratio: 1 / 1; background: #1b1522; }
#view-nft .lovart-preview-art img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
#view-nft .lovart-preview-card:hover .lovart-preview-art img { transform: scale(1.035); }
#view-nft .lovart-preview-art em { position: absolute; top: 10px; left: 10px; padding: 5px 8px; border: 1px solid rgba(216, 189, 134, .38); background: rgba(19, 14, 23, .72); color: #e3cf9b; font-size: 8px; font-style: normal; letter-spacing: .08em; }
#view-nft .lovart-preview-caption { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 11px 12px; }
#view-nft .lovart-preview-caption b { color: var(--uni-ink) !important; font-size: 10px; font-weight: 500; }
#view-nft .lovart-preview-caption small { color: var(--uni-soft); font-size: 8px; }
#view-nft .lovart-preview-filters button { border: 1px solid var(--uni-line) !important; background: transparent !important; color: var(--uni-muted) !important; }
#view-nft .nft-fab { border: 1px solid rgba(216, 189, 134, .4) !important; background: #241b2d !important; color: var(--uni-gold) !important; box-shadow: var(--uni-shadow) !important; }

#view-mine .page-heading h1,
#view-mine .account-top h2,
#view-mine .mine-panel-heading,
#view-mine .empty-title h3,
#view-mine .mine-menu > button > span:nth-child(2),
#view-mine .mw-my-swap-heading h2,
#view-mine .nft-team-heading h3 { color: var(--uni-ink) !important; }
#view-mine .account-top p,
#view-mine .address-label,
#view-mine .account-foot,
#view-mine .mine-wallet-summary small,
#view-mine .mine-menu small,
#view-mine .owned-nft-empty,
#view-mine .nft-team-definition,
#view-mine .mw-indexer-footnote { color: var(--uni-muted) !important; }
#view-mine .account-avatar,
#view-mine .mine-wallet-icon,
#view-mine .mine-menu-icon,
#view-mine .coin,
#view-mine .account-foot .connected-mark { border-color: rgba(216, 189, 134, .3) !important; background: rgba(216, 189, 134, .07) !important; color: var(--uni-gold) !important; }
#view-mine .account-avatar img { object-fit: cover; }
#view-mine .mine-menu { border: 1px solid var(--uni-line) !important; border-radius: 3px !important; }
#view-mine .mine-menu > button { min-height: 62px; border-color: var(--uni-line) !important; background: transparent !important; color: var(--uni-ink) !important; }
#view-mine .mine-menu > button:hover { background: rgba(200, 166, 230, .07) !important; }
#view-mine .mine-panel-close,
#view-mine .copy-btn { border: 1px solid var(--uni-line) !important; background: transparent !important; color: var(--uni-muted) !important; }
#view-mine .balance-row,
#view-mine .mw-my-summary article,
#view-mine .mw-referral-summary article,
#view-mine .nft-team-metric { border-color: var(--uni-line) !important; background: rgba(17, 13, 22, .4) !important; color: var(--uni-ink) !important; }
#view-mine .balance-value,
#view-mine .mine-wallet-summary strong,
#view-mine .mw-my-summary strong,
#view-mine .nft-team-metric strong { color: var(--uni-ink) !important; }
#view-mine .nft-team-tabs button,
#view-mine .mw-my-tabs button { color: var(--uni-muted) !important; }
#view-mine .nft-team-tabs button[aria-selected="true"],
#view-mine .mw-my-tabs button[aria-selected="true"] { border-color: var(--uni-gold) !important; color: var(--uni-gold) !important; }

.footer {
  display: flex;
  width: min(1240px, calc(100% - 72px));
  justify-content: space-between;
  margin: 0 auto;
  padding: 19px 0 26px;
  border-color: var(--uni-line);
  color: #85778e;
  font-size: 9px;
}
.toast { z-index: 100; }
.app > .topbar .network {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
#view-home .tile { flex-direction: row !important; justify-content: flex-start; }
#view-home .release-stats { background: rgba(18, 13, 23, .72); }
#view-home .release-stats > div {
  background: rgba(27, 21, 34, .94) !important;
  border-color: var(--uni-line) !important;
  border-radius: 0 !important;
}
#view-home .lovart-home-art { inset: 0 0 auto; height: 92%; }

@media (min-width: 1400px) {
  #view-home .hero { min-height: 620px; }
}
@media (max-width: 900px) {
  .app > main.shell { width: min(calc(100% - 44px), 760px); }
  .app > .topbar,
  body[data-view="home"] .app > .topbar { width: min(calc(100% - 44px), 760px); }
  #view-home .hero { min-height: 490px; gap: 22px; }
  #view-home .hero-copy h1 { font-size: clamp(39px, 6vw, 55px); }
  #view-home .subscription,
  #view-home .weekly-claim { grid-column: span 12; }
  #view-home .subscription { grid-row: 2; }
  #view-home .weekly-claim { grid-row: 3; }
}
@media (max-width: 680px) {
  .site-config-notice { min-height: 32px; padding-inline: 12px; font-size: 9px; }
  .app > main.shell { width: calc(100% - 30px); }
  .app > .topbar,
  body[data-view="home"] .app > .topbar { width: calc(100% - 30px); height: 66px; }
  .app > .topbar .brand { min-width: 0; gap: 9px; }
  .app > .topbar .mark { width: 34px; height: 34px; font-size: 16px; }
  .brand-name { font-size: 14px; }
  .brand-sub { font-size: 6px; letter-spacing: .17em; }
  .app > .topbar .nav,
  .app > .topbar .network { display: none; }
  .app > .topbar .right-tools { width: auto; }
  .app > .topbar .wallet-btn,
  .app > .topbar .wallet-btn.connected { max-width: 145px; min-height: 37px; padding-inline: 11px; font-size: 9px; }
  body .mobile-nav {
    position: fixed;
    top: auto;
    left: 50%;
    bottom: max(9px, env(safe-area-inset-bottom));
    z-index: 60;
    display: flex;
    width: min(calc(100% - 24px), 430px);
    height: 60px;
    margin: 0;
    padding: 5px 7px;
    transform: translateX(-50%);
    border: 1px solid rgba(232, 214, 239, .16);
    border-radius: 3px;
    background: rgba(23, 17, 29, .96);
    box-shadow: 0 12px 34px rgba(0, 0, 0, .38);
    backdrop-filter: blur(16px);
  }
  body .mobile-nav button { display: flex; min-height: 48px; flex: 1; flex-direction: column; align-items: center; justify-content: center; gap: 2px; border-radius: 2px; background: transparent; color: #94859c; font-size: 9px; font-weight: 500; }
  body .mobile-nav button i { font-size: 18px; }
  body .mobile-nav button.active { background: rgba(200, 166, 230, .09); color: var(--uni-gold); }
  .view { min-height: calc(100vh - 98px); padding: 18px 0 calc(82px + env(safe-area-inset-bottom)); }
  #view-home { padding-top: 0; }
  #view-home .hero { display: flex; min-height: 0; flex-direction: column; align-items: stretch; gap: 18px; padding: 22px 0 26px; }
  #view-home .hero-copy { order: 1; padding: 4px 0 0; }
  #view-home .hero-kicker { gap: 8px; margin-bottom: 14px; font-size: 7px; }
  #view-home .hero-kicker i { width: 18px; }
  #view-home .hero-copy h1 { font-size: clamp(36px, 10vw, 47px); line-height: 1.3; }
  #view-home .hero-slogan { max-width: 350px; margin-top: 11px; font-size: 11px; line-height: 1.85; }
  #view-home .hero-cta { min-width: 158px; min-height: 44px; margin-top: 17px; font-size: 10px; }
  #view-home .hero-caption { margin-top: 13px; font-size: 6px; }
  #view-home .hero-visual { order: 2; width: 100%; max-width: 390px; height: auto; aspect-ratio: 1 / .85; }
  #view-home .lovart-home-art { transform: none; }
  #view-home .hero-art-index { top: 5%; left: 7%; font-size: 7px; }
  #view-home .hero-visual figcaption { right: 3%; bottom: 1%; left: 3%; padding-top: 9px; font-size: 8px; }
  #view-home .hero-visual figcaption span:last-child { font-size: 6px; }
  #view-home .feature-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 8px; }
  #view-home .tile[data-open-view="nft"] { grid-column: 1 / 13; grid-row: 1; }
  #view-home .tile[data-open-view="swap"] { grid-column: 1 / 13; grid-row: 2; }
  #view-home .tile[data-open-mine="equity"] { grid-column: 1 / 13; grid-row: 3; }
  #view-home .tile { min-height: 66px; padding: 11px 12px; }
  #view-home .tile-icon { width: 34px; height: 34px; min-width: 34px; min-height: 34px; flex-basis: 34px; margin-right: 10px; }
  #view-home .tile-icon i { font-size: 15px; }
  #view-home .tile h3 { font-size: 10px; }
  #view-home .tile p { font-size: 8px; }
  #view-home .subscription,
  #view-home .weekly-claim { grid-column: 1 / 13; padding: 17px; border-radius: 3px; }
  #view-home .subscription { grid-row: 4; gap: 12px; }
  #view-home .weekly-claim { grid-row: 5; }
  #view-home .subscription-main h2 { font-size: 18px; }
  #view-home .subscription-main p { font-size: 9px; }
  #view-home .subscription-quantity { padding-top: 10px; }
  #view-home .subscription-payment strong { font-size: 17px; }
  #view-home .subscription .small-btn { min-width: 98px; min-height: 36px; font-size: 9px; }
  #view-home .release-head { gap: 9px; }
  #view-home .claim-icon { width: 36px; height: 36px; flex-basis: 36px; font-size: 16px; }
  #view-home .claim-copy > strong { font-size: 12px; }
  #view-home .weekly-claim-action { min-width: 78px; min-height: 34px; padding-inline: 7px; font-size: 8px; }
  #view-home .release-stats { margin-top: 14px; }
  #view-home .release-stats > div { padding: 9px 8px; }
  #view-home .project-info-card { margin-top: 10px; padding: 16px; border-radius: 3px; }
  #view-home .project-rule-list > div { grid-template-columns: 65px minmax(0, 1fr); gap: 9px; }
  #view-home .project-rule-list dd { font-size: 9px; }
  .footer { width: calc(100% - 30px); padding-bottom: 85px; font-size: 7px; }
  #view-swap .mw-swap-layout,
  #view-mine .my-grid { grid-template-columns: minmax(0, 1fr) !important; }
  #view-nft .nft-hero-card { grid-template-columns: minmax(0, 1fr) !important; }
  #view-nft .nft-hero-art { min-height: 250px; }
  #view-nft .nft-overview-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 7px !important; }
  #view-nft .nft-overview-card { padding: 11px 8px !important; }
  #view-nft .nft-overview-card strong { font-size: 13px !important; }
  #view-nft .lovart-preview-gallery { margin-top: 16px; padding: 14px; }
  #view-nft .lovart-preview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  #view-nft .lovart-preview-caption { padding: 9px; }
}
@media (max-width: 360px) {
  #view-home .subscription-payment { align-items: flex-start; flex-direction: column; }
  #view-home .subscription .small-btn { width: 100%; }
  #view-home .claim-action { flex-basis: 74px; }
  #view-home .weekly-claim-action { min-width: 70px; font-size: 7px; }
  #view-nft .nft-overview-grid { grid-template-columns: 1fr !important; }
}

/* Unified luxury polish for all four product views. */
:root {
  --uni-line: rgba(224, 202, 235, .15);
  --uni-shadow: 0 22px 56px rgba(0, 0, 0, .28);
  --uni-radius-card: 22px;
}
body {
  background:
    radial-gradient(ellipse at 82% 7%, rgba(125, 74, 145, .18), transparent 34rem),
    radial-gradient(ellipse at 5% 48%, rgba(80, 52, 101, .13), transparent 30rem),
    linear-gradient(180deg, #100c15 0%, #17111e 50%, #100c15 100%) fixed !important;
}
.app > .topbar { border-bottom-color: rgba(224, 202, 235, .12) !important; }
.app > .topbar .mark { padding: 3px; border-color: rgba(216, 189, 134, .52); background: #1b1522; }
.app > .topbar .mark img { display: block; width: 100%; height: 100%; object-fit: contain; }
.app > .topbar .nav button.active { color: #f3e8f8; border-bottom-color: var(--uni-gold); }
.app > .topbar .wallet-btn { border-radius: 999px; background: rgba(216, 189, 134, .09); }
.view .card {
  border: 1px solid var(--uni-line) !important;
  border-radius: var(--uni-radius-card) !important;
  background: linear-gradient(145deg, rgba(39, 29, 49, .96), rgba(25, 19, 33, .98)) !important;
  box-shadow: var(--uni-shadow) !important;
}
.view button { transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease; }
.view button:not(:disabled):hover { border-color: rgba(216, 189, 134, .48); }

/* Home */
#view-home .hero { min-height: 590px; padding-top: 38px; }
#view-home .hero-copy h1 { font-size: clamp(48px, 5.3vw, 76px); line-height: 1.28; }
#view-home .hero-visual {
  border: 1px solid rgba(224, 202, 235, .12);
  border-radius: 48% 48% 42% 42% / 42% 42% 35% 35%;
  background:
    radial-gradient(ellipse at 48% 42%, rgba(181, 128, 202, .22), transparent 55%),
    radial-gradient(ellipse at 50% 80%, rgba(217, 183, 126, .10), transparent 56%);
}
#view-home .hero-visual::before { inset: 7%; border-color: rgba(216, 189, 134, .23); }
#view-home .hero-visual::after { inset: 14%; border-color: rgba(200, 166, 230, .16); }
#view-home .lovart-home-art { filter: drop-shadow(0 26px 44px rgba(5, 3, 10, .42)); }
#view-home .hero-visual figcaption { border-color: rgba(224, 202, 235, .16); }
#view-home .feature-grid { gap: 14px; }
#view-home .tile {
  min-height: 84px;
  padding: 17px 18px;
  border: 1px solid rgba(224, 202, 235, .13) !important;
  border-radius: 18px !important;
  background: linear-gradient(140deg, rgba(39, 30, 49, .94), rgba(26, 20, 34, .96)) !important;
}
#view-home .tile:hover { transform: translateY(-3px); border-color: rgba(216, 189, 134, .42) !important; }
#view-home .tile-icon { border: 1px solid rgba(200, 166, 230, .20); border-radius: 14px; background: rgba(200, 166, 230, .10) !important; color: var(--uni-lilac) !important; }
#view-home .subscription, #view-home .weekly-claim { padding: 24px; border-radius: 22px !important; }
#view-home .subscription { border-color: rgba(216, 189, 134, .24) !important; background: radial-gradient(ellipse at 92% 0%, rgba(216, 189, 134, .11), transparent 42%), linear-gradient(145deg, #251c2c, #191320) !important; }
#view-home .subscription-stepper, #view-home .subscription-stepper input { border-radius: 10px; }
#view-home .subscription-payment .small-btn,
#view-home .weekly-claim-action { border-radius: 999px; opacity: .9; }
#view-home .release-stats { overflow: hidden; border-radius: 14px; }
#view-home .project-info-card { padding: 27px 30px; border-radius: 22px; background: linear-gradient(145deg, rgba(35, 27, 45, .97), rgba(24, 18, 31, .98)); }
#view-home .project-rule-list > div { border-color: rgba(224, 202, 235, .12); }

/* Swap */
#view-swap .mw-swap-heading { align-items: flex-end; margin-bottom: 26px; }
#view-swap .mw-swap-heading h1 { font-size: clamp(30px, 4vw, 42px); }
#view-swap .mw-swap-heading p { max-width: 620px; font-size: 13px; line-height: 1.8; }
#view-swap .mw-swap-layout { grid-template-columns: minmax(0, 1.16fr) minmax(260px, .84fr); gap: 20px; align-items: start; }
#view-swap .mw-swap-card { padding: 25px; border-radius: 24px !important; }
#view-swap .mw-swap-card-head { border-radius: 14px; }
#view-swap .mw-settings-entry > button { min-height: 42px; padding: 0 14px; border: 1px solid var(--uni-line); border-radius: 999px; background: rgba(200, 166, 230, .07); color: #d9c9e1; }
#view-swap .mw-swap-field { margin-top: 13px; padding: 16px 17px; border-radius: 18px !important; background: linear-gradient(140deg, rgba(17, 13, 22, .85), rgba(28, 21, 36, .86)) !important; }
#view-swap .mw-field-label { color: #c9bbd1; font-size: 11px; }
#view-swap .mw-token-row { min-height: 55px; border: 0 !important; background: transparent !important; }
#view-swap .mw-token-row input { min-width: 0; padding: 0; border: 0 !important; background: transparent !important; color: #f4edf7 !important; font-size: clamp(23px, 3vw, 31px); font-variant-numeric: tabular-nums; }
#view-swap .mw-token-pick { min-height: 42px; padding: 0 12px; border: 1px solid var(--uni-line) !important; border-radius: 999px; background: rgba(200, 166, 230, .08) !important; }
#view-swap .mw-token-icon { width: 27px; height: 27px; }
#view-swap .mw-flip-row { position: relative; z-index: 1; height: 0; margin: 0; text-align: center; }
#view-swap .mw-flip-row button { width: 38px; height: 38px; transform: translateY(-50%); border: 4px solid #211929; border-radius: 50%; background: #352841; color: #ead8a7; font-size: 20px; }
#view-swap .mw-swap-action { min-height: 54px; margin-top: 17px; border-radius: 16px !important; font-size: 14px; letter-spacing: .02em; }
#view-swap .mw-swap-action:disabled { color: #c0b3c7 !important; background: linear-gradient(105deg, rgba(81, 61, 89, .84), rgba(51, 39, 61, .9)) !important; }
#view-swap .mw-swap-status { min-height: 20px; margin: 10px 0 0; text-align: center; font-size: 11px; }
#view-swap .mw-swap-security { margin-top: 18px; padding: 14px 15px; border: 1px solid rgba(200, 166, 230, .16); border-radius: 15px; background: rgba(200, 166, 230, .055); }
#view-swap .mw-swap-security p { line-height: 1.8; }
#view-swap .mw-swap-aside { display: grid; gap: 14px; }
#view-swap .mw-swap-aside > *, #view-swap .mw-contract-state { border-radius: 18px !important; }
#view-swap .swap-project-rules summary { min-height: 58px; padding: 0 18px; }
#view-swap .swap-project-rules-body { padding: 15px 18px; border-radius: 0 0 18px 18px; }

/* NFT marketplace */
#view-nft.active { gap: 0; padding-top: 28px; }
#view-nft .nft-page-heading { order: 0; align-items: center; margin: 0 0 20px; }
#view-nft .nft-page-heading h1 { margin: 0 0 6px; font-size: clamp(29px, 3.6vw, 42px) !important; font-weight: 500 !important; letter-spacing: .02em !important; }
#view-nft .nft-page-heading h1 i { color: var(--uni-gold); font-size: .56em; }
#view-nft .nft-page-heading p { font-size: 12px !important; font-weight: 400 !important; line-height: 1.7; }
#view-nft .nft-top-search { width: 46px; height: 46px; border: 1px solid var(--uni-line); border-radius: 50%; background: rgba(200, 166, 230, .08); color: #e9d8f0; }
#view-nft .nft-hero-card { order: 1; display: grid !important; min-height: 335px; grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr); gap: 18px; padding: 31px 36px; border-radius: 24px !important; }
#view-nft .nft-hero-copy h2 { font-size: clamp(27px, 3vw, 39px); line-height: 1.45; }
#view-nft .nft-hero-copy p { max-width: 510px; font-size: 12px; line-height: 1.9; }
#view-nft .nft-hero-actions { flex-wrap: wrap; }
#view-nft .nft-primary, #view-nft .nft-secondary { min-height: 43px; border-radius: 999px; }
#view-nft .nft-primary { border: 1px solid rgba(216, 189, 134, .6) !important; background: linear-gradient(110deg, #51405d, #33273e) !important; color: #f4e9f7 !important; }
#view-nft .nft-secondary { border-color: var(--uni-line) !important; background: rgba(255,255,255,.035) !important; color: #ded0e5 !important; }
#view-nft .nft-hero-art { min-height: 270px; border-radius: 20px; }
#view-nft .nft-cat-art { width: min(78%, 310px); height: min(92%, 320px); }
#view-nft .nft-overview-grid { order: 2; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 14px; }
#view-nft .nft-overview-card { min-height: 104px; padding: 18px 20px; border-radius: 18px !important; background: linear-gradient(145deg, rgba(37, 28, 47, .96), rgba(25, 19, 33, .96)) !important; }
#view-nft .nft-overview-card > span { color: #b9aabd; font-size: 11px; }
#view-nft .nft-overview-card > strong { color: #f5edf7; font-size: 22px; }
#view-nft .nft-overview-card > small { color: #95869d; font-size: 9px; }
#view-nft .nft-team-entry { order: 3; min-height: 76px; margin: 18px 0 0; padding: 13px 17px; border: 1px solid rgba(200, 166, 230, .21) !important; border-radius: 18px !important; background: linear-gradient(110deg, rgba(55, 39, 66, .98), rgba(33, 25, 42, .98)) !important; color: #f0e7f4 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.035); }
#view-nft .nft-team-entry-icon { width: 43px; height: 43px; border: 1px solid rgba(200, 166, 230, .24); border-radius: 15px; background: rgba(200, 166, 230, .12) !important; color: #d9b9ef !important; }
#view-nft .nft-team-entry strong { color: #f3e9f6; font-size: 14px; font-weight: 600; }
#view-nft .nft-team-entry small { color: #b8a9c0 !important; font-size: 11px; }
#view-nft .nft-team-entry > i { color: var(--uni-gold) !important; }
#view-nft .nft-activity-card { order: 4; margin: 18px 0 0; padding: 23px; border: 1px solid var(--uni-line); border-radius: 22px; background: linear-gradient(145deg, rgba(35, 27, 45, .97), rgba(23, 18, 30, .98)); box-shadow: var(--uni-shadow); }
#view-nft .nft-activity-card .project-section-title h2 { margin: 4px 0 0; font-size: 24px; }
#view-nft .project-state { border: 1px solid rgba(216, 189, 134, .24); border-radius: 999px; background: rgba(216, 189, 134, .08) !important; color: #e6d4a7 !important; }
#view-nft .nft-activity-flow { margin: 20px 0 17px; gap: 10px; }
#view-nft .nft-activity-flow b { width: 31px; height: 31px; border: 1px solid rgba(200, 166, 230, .24); border-radius: 11px; background: rgba(200, 166, 230, .1) !important; color: #d8b8f0 !important; }
#view-nft .nft-activity-flow span { color: #e9dcec !important; font-size: 12px; font-weight: 600; }
#view-nft .nft-activity-flow small { color: #a395ab !important; font-size: 10px; }
#view-nft .nft-activity-flow > i { color: var(--uni-gold) !important; }
#view-nft .nft-activity-times { margin: 15px 0; padding: 16px; border: 1px solid rgba(224, 202, 235, .15) !important; border-radius: 18px !important; background: linear-gradient(145deg, rgba(17, 13, 23, .76), rgba(34, 25, 42, .72)) !important; }
#view-nft .nft-activity-times-head strong { color: #f2e8f4 !important; font-size: 13px; }
#view-nft .nft-activity-times-head span { color: #a898b0 !important; }
#view-nft .nft-activity-time, #view-nft .nft-activity-time--window { border: 1px solid rgba(224, 202, 235, .14) !important; border-radius: 14px !important; background: rgba(200, 166, 230, .055) !important; }
#view-nft .nft-activity-time--window { background: linear-gradient(110deg, rgba(83, 60, 94, .52), rgba(44, 33, 55, .68)) !important; }
#view-nft .nft-activity-time span { color: #b8a9c0 !important; font-size: 11px; font-weight: 500; }
#view-nft .nft-activity-time strong, #view-nft .nft-activity-time--window strong { color: #ead9a8 !important; font-size: 17px; font-weight: 650; font-variant-numeric: tabular-nums; }
#view-nft .project-text-button { color: #d7b8eb; }
#view-nft .nft-market-section { order: 5; margin-top: 30px; padding-top: 0; }
#view-nft .nft-market-heading > div { display: block; }
#view-nft .nft-market-heading h2 { font-size: 29px; }
#view-nft .nft-market-heading p { font-size: 12px; }
#view-nft .nft-search { display: flex; height: 44px; border: 1px solid var(--uni-line); border-radius: 999px; background: rgba(17, 13, 22, .62); }
#view-nft .nft-filter-row { display: flex; margin-top: 18px; }
#view-nft .nft-type-filters { display: flex; width: auto; gap: 8px; }
#view-nft .nft-type-filters button { min-height: 38px; padding: 0 15px; border: 1px solid var(--uni-line); border-radius: 999px; background: rgba(255,255,255,.025) !important; color: #bbadbf !important; }
#view-nft .nft-type-filters button.active { border-color: rgba(216, 189, 134, .45) !important; background: rgba(216, 189, 134, .09) !important; color: #ead8a7 !important; box-shadow: none; }
#view-nft .nft-live-status { display: flex !important; color: #a99ab2 !important; }
#view-nft .nft-token-price-panel { margin: 14px 0; padding: 14px 16px; border: 1px solid var(--uni-line); border-radius: 16px; background: rgba(31, 23, 39, .8) !important; }
#view-nft .nft-grid { gap: 16px; }
#view-nft .nft-card { border: 1px solid var(--uni-line); border-radius: 19px; background: linear-gradient(145deg, #211929, #17121d) !important; }
#view-nft .nft-card-art { background: radial-gradient(ellipse at 50% 42%, rgba(129, 86, 147, .28), transparent 64%), #1b1522 !important; }
#view-nft .nft-card-body { padding: 15px; }
#view-nft .lovart-preview-gallery { margin-top: 18px; padding: 23px; border-radius: 22px; background: linear-gradient(145deg, rgba(36, 27, 46, .94), rgba(22, 17, 29, .96)); }
#view-nft .lovart-preview-art { background: #211929 !important; }
#view-nft .nft-empty { border-radius: 22px !important; }
#view-nft .nft-rules-disclosure { order: 6; margin-top: 20px; overflow: hidden; border: 1px solid var(--uni-line); border-radius: 18px; background: rgba(29, 22, 37, .92) !important; box-shadow: none; }
#view-nft .nft-rules-disclosure > summary { min-height: 58px; color: #e4d5ea !important; }
#view-nft .nft-game-rules, #view-nft .nft-rule-body { background: transparent !important; color: #d7cadc !important; }
#view-nft .nft-game-rules-head h2, #view-nft .nft-rule-item > summary { color: #eee4f2 !important; }
#view-nft .nft-rule-item { background: rgba(17, 13, 22, .55) !important; }
#view-nft .nft-rule-item[open] > summary { background: rgba(200, 166, 230, .08) !important; }
#view-nft .rule-number { border: 1px solid rgba(200, 166, 230, .18); background: rgba(200, 166, 230, .1) !important; color: #d9b9ef !important; }
#view-nft .nft-rule-values dt { color: #ad9eb5 !important; }
#view-nft .nft-rule-values > div { border-color: var(--uni-line); }
#view-nft .rule-callout, #view-nft .nft-rule-foot, #view-nft .nft-quota-levels > div { border: 1px solid var(--uni-line); background: rgba(200, 166, 230, .07) !important; color: #d4c3db !important; }
#view-nft .nft-quota-levels b { color: var(--uni-gold) !important; }
#view-nft .nft-fab { display: none !important; }

/* My account, balances and activity panels */
#view-mine .page-heading { margin-bottom: 20px; }
#view-mine .page-heading h1 { font-size: clamp(30px, 4vw, 42px); }
#view-mine .mine-top-settings { width: 44px; height: 44px; border: 1px solid var(--uni-line) !important; border-radius: 50%; background: rgba(200, 166, 230, .08) !important; color: #e4d3ed !important; }
#view-mine .my-grid { grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr); gap: 17px; }
#view-mine .account-card, #view-mine .balance-card, #view-mine .owned-nft-card, #view-mine .mw-my-swap-card, #view-mine .nft-team-panel { padding: 23px; border-radius: 22px !important; }
#view-mine .account-card { background: radial-gradient(ellipse at 100% 0%, rgba(200, 166, 230, .13), transparent 46%), linear-gradient(145deg, #261d30, #1a1421) !important; }
#view-mine .account-avatar { width: 64px; height: 64px; border-radius: 20px; overflow: hidden; }
#view-mine .account-avatar img { width: 100%; height: 100%; object-fit: cover; }
#view-mine .account-top h2 { font-size: 18px; }
#view-mine .address-box { min-height: 62px; padding: 12px 14px; border: 1px solid var(--uni-line); border-radius: 14px; }
#view-mine .address-value { color: #e3d7e8; font-size: 12px; }
#view-mine .balance-card { background: linear-gradient(145deg, rgba(36, 28, 45, .96), rgba(24, 18, 31, .98)) !important; }
#view-mine .mine-wallet-summary { min-height: 66px; }
#view-mine .mine-wallet-icon { border-radius: 15px; }
#view-mine .mine-wallet-summary strong { font-size: 18px; }
#view-mine .mine-menu { overflow: hidden; margin-top: 18px; border: 1px solid var(--uni-line) !important; border-radius: 20px !important; background: rgba(28, 21, 36, .86) !important; }
#view-mine .mine-menu > button { min-height: 72px; padding: 12px 17px; border-bottom: 1px solid var(--uni-line) !important; background: transparent !important; color: #eee4f2 !important; }
#view-mine .mine-menu > button:last-child { border-bottom: 0 !important; }
#view-mine .mine-menu-icon { width: 41px; height: 41px; border-radius: 14px; }
#view-mine .mine-menu > button > span:nth-child(2) { color: #eee4f2 !important; font-size: 13px; font-weight: 600; }
#view-mine .mine-menu small { margin-top: 4px; color: #a99ab1 !important; font-size: 10px; font-weight: 400; }
#view-mine .mine-menu > button > i:last-child { color: #b8a8c1; }
#view-mine .mine-menu > button:hover { background: rgba(200, 166, 230, .07) !important; }
#view-mine .owned-nft-card { margin-top: 17px; }
#view-mine .balance-row, #view-mine .mw-my-summary article, #view-mine .mw-referral-summary article, #view-mine .nft-team-metric { border: 1px solid var(--uni-line) !important; border-radius: 15px; background: rgba(17, 13, 22, .55) !important; }
#view-mine .mw-my-tabs, #view-mine .nft-team-tabs { border: 1px solid var(--uni-line); border-radius: 14px; background: rgba(17, 13, 22, .5) !important; }
#view-mine .mw-my-tabs button, #view-mine .nft-team-tabs button { border-radius: 10px; color: #b9aabd !important; }
#view-mine .mw-my-tabs button[aria-selected="true"], #view-mine .nft-team-tabs button[aria-selected="true"] { background: rgba(200, 166, 230, .12) !important; color: #ead8a7 !important; }
#view-mine button:not(.mine-panel-close):not(.copy-btn):not(.mine-menu button):not(.profile-avatar-option):not(.nft-team-tabs button):not(.mw-my-tabs button) { border-radius: 12px; }
#view-mine .mine-panel-close, #view-mine .copy-btn { min-height: 36px; padding: 0 12px; border-radius: 999px !important; }
#view-mine #mineSettingsPanel { border: 1px solid var(--uni-line); border-radius: 22px; background: linear-gradient(145deg, #251c2d, #18121f); box-shadow: var(--uni-shadow); }
#view-mine .profile-avatar-option { overflow: hidden; border-radius: 50% !important; }
#view-mine .profile-save-button { min-height: 46px; border-radius: 999px !important; }

/* Dialogs, notices and footer */
.nft-detail, .unified-referral-dialog > section, .mw-token-dialog { border: 1px solid rgba(224, 202, 235, .2) !important; border-radius: 24px !important; background: linear-gradient(145deg, #271e30, #17121d) !important; color: var(--uni-ink) !important; box-shadow: var(--uni-shadow) !important; }
.nft-detail-backdrop, .unified-referral-dialog, .mw-token-modal { backdrop-filter: blur(14px); }
.nft-detail p, .unified-referral-dialog p { color: #b9aabd !important; }
.footer { border-top: 1px solid rgba(224, 202, 235, .10); }

@media (max-width: 900px) {
  #view-swap .mw-swap-layout { grid-template-columns: minmax(0, 1fr) !important; }
  #view-swap .mw-swap-aside { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #view-nft .nft-hero-card { grid-template-columns: minmax(0, 1fr) minmax(210px, .8fr); padding: 26px; }
  #view-mine .my-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 680px) {
  .app > main.shell { width: calc(100% - 34px); }
  .app > .topbar, body[data-view="home"] .app > .topbar { width: calc(100% - 34px); }
  .site-config-notice { min-height: 35px; font-size: 9px; line-height: 1.5; }
  body .mobile-nav { height: 66px; bottom: max(10px, env(safe-area-inset-bottom)); padding: 6px; border-radius: 20px; background: rgba(28, 21, 36, .96); }
  body .mobile-nav button { min-height: 52px; border-radius: 14px; font-size: 10px; }
  body .mobile-nav button.active { background: linear-gradient(145deg, rgba(200, 166, 230, .17), rgba(216, 189, 134, .07)); color: #ead8a7; }
  .view { padding-top: 22px; padding-bottom: calc(100px + env(safe-area-inset-bottom)); }
  #view-home .hero { gap: 12px; padding: 27px 0 23px; }
  #view-home .hero-copy h1 { font-size: clamp(39px, 10vw, 49px); }
  #view-home .hero-visual { max-width: 420px; border-radius: 45% 45% 37% 37% / 42% 42% 31% 31%; }
  #view-home .feature-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 10px; }
  #view-home .tile[data-open-view="nft"], #view-home .tile[data-open-view="swap"], #view-home .tile[data-open-mine="equity"], #view-home .tile[data-open-mine="referrals"] { display: flex !important; grid-column: span 6; grid-row: auto; }
  #view-home .tile { min-height: 72px; padding: 12px; border-radius: 16px !important; }
  #view-home .tile-icon { width: 36px; height: 36px; min-width: 36px; min-height: 36px; flex-basis: 36px; }
  #view-home .tile h3 { font-size: 11px; }
  #view-home .tile p { font-size: 9px; }
  #view-home .subscription, #view-home .weekly-claim { grid-column: 1 / 13; padding: 18px; border-radius: 19px !important; }
  #view-home .subscription { grid-row: 3; }
  #view-home .weekly-claim { grid-row: 4; }
  #view-home .project-info-card { padding: 18px; border-radius: 19px; }
  #view-swap .mw-swap-heading { align-items: flex-start; gap: 12px; margin-bottom: 17px; }
  #view-swap .mw-swap-heading h1 { margin-top: 5px; font-size: 31px; }
  #view-swap .mw-swap-heading p { max-width: 100%; font-size: 11px; }
  #view-swap .mw-swap-heading > .network { display: none; }
  #view-swap .mw-swap-card { padding: 16px; border-radius: 20px !important; }
  #view-swap .mw-swap-aside { grid-template-columns: minmax(0, 1fr); }
  #view-swap .mw-swap-field { padding: 13px; border-radius: 16px !important; }
  #view-swap .mw-token-row input { font-size: 23px; }
  #view-nft.active { gap: 0; padding-top: 21px; }
  #view-nft .nft-page-heading { gap: 10px; margin-bottom: 14px; }
  #view-nft .nft-page-heading h1 { font-size: clamp(27px, 7.3vw, 34px) !important; }
  #view-nft .nft-page-heading p { font-size: 11px !important; }
  #view-nft .nft-top-search { flex: 0 0 40px; width: 40px; height: 40px; }
  #view-nft .nft-hero-card { grid-template-columns: minmax(0, 1fr) !important; gap: 0; padding: 21px; border-radius: 21px !important; }
  #view-nft .nft-hero-copy h2 { margin: 11px 0 8px; font-size: clamp(27px, 7vw, 33px); }
  #view-nft .nft-hero-copy p { font-size: 11px; }
  #view-nft .nft-hero-actions { margin-top: 15px; }
  #view-nft .nft-primary, #view-nft .nft-secondary { min-height: 40px; padding: 0 14px; font-size: 10px; }
  #view-nft .nft-signature-note { font-size: 9px; }
  #view-nft .nft-hero-art { min-height: 235px; margin-top: 8px; }
  #view-nft .nft-overview-grid { gap: 8px; margin-top: 10px; }
  #view-nft .nft-overview-card { min-height: 84px; padding: 11px 9px; border-radius: 15px !important; }
  #view-nft .nft-overview-card > span { font-size: 9px; }
  #view-nft .nft-overview-card > strong { font-size: 15px; }
  #view-nft .nft-overview-card > small { font-size: 8px; }
  #view-nft .nft-team-entry { min-height: 68px; margin-top: 12px; padding: 11px 13px; border-radius: 16px !important; }
  #view-nft .nft-team-entry-icon { width: 38px; height: 38px; border-radius: 13px; }
  #view-nft .nft-team-entry strong { font-size: 13px; }
  #view-nft .nft-team-entry small { font-size: 10px; }
  #view-nft .nft-activity-card { margin-top: 12px; padding: 16px; border-radius: 19px; }
  #view-nft .nft-activity-card .project-section-title h2 { font-size: 21px; }
  #view-nft .nft-activity-flow { grid-template-columns: minmax(0,1fr) 9px minmax(0,1fr) 9px minmax(0,1fr); gap: 3px; margin: 15px 0 13px; }
  #view-nft .nft-activity-flow b { width: 27px; height: 27px; margin-bottom: 5px; }
  #view-nft .nft-activity-flow span { font-size: 10px; }
  #view-nft .nft-activity-flow small { font-size: 8px; }
  #view-nft .nft-activity-times { padding: 12px; border-radius: 15px !important; }
  #view-nft .nft-activity-time-grid { gap: 7px; }
  #view-nft .nft-activity-time { padding: 9px; border-radius: 12px !important; }
  #view-nft .nft-activity-time span { font-size: 9px; }
  #view-nft .nft-activity-time strong, #view-nft .nft-activity-time--window strong { font-size: 14px; }
  #view-nft .nft-market-section { margin-top: 24px; }
  #view-nft .nft-market-heading { gap: 11px; }
  #view-nft .nft-market-heading h2 { font-size: 24px; }
  #view-nft .nft-search { width: 100%; height: 42px; }
  #view-nft .nft-filter-row { align-items: center; gap: 7px; }
  #view-nft .nft-type-filters { display: flex; flex: 1 1 auto; overflow-x: auto; }
  #view-nft .nft-type-filters button { min-height: 35px; padding: 0 11px; font-size: 9px; }
  #view-nft .nft-live-status { font-size: 8px; }
  #view-nft .nft-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  #view-nft .nft-card { border-radius: 16px; }
  #view-nft .nft-card-body { padding: 11px; }
  #view-nft .lovart-preview-gallery { padding: 15px; border-radius: 18px; }
  #view-nft .lovart-preview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  #view-nft .lovart-preview-caption { padding: 9px; }
  #view-nft .nft-market-footnote { display: grid; gap: 4px; font-size: 9px; }
  #view-mine .page-heading { margin-bottom: 15px; }
  #view-mine .page-heading h1 { font-size: 32px; }
  #view-mine .my-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 11px; }
  #view-mine .account-card, #view-mine .balance-card, #view-mine .owned-nft-card, #view-mine .mw-my-swap-card, #view-mine .nft-team-panel { padding: 17px; border-radius: 19px !important; }
  #view-mine .account-avatar { width: 56px; height: 56px; }
  #view-mine .mine-menu { margin-top: 12px; border-radius: 17px !important; }
  #view-mine .mine-menu > button { min-height: 65px; padding: 10px 13px; }
  #view-mine .mine-menu-icon { width: 38px; height: 38px; }
  #view-mine .mine-menu small { font-size: 9px; }
  #view-mine .nft-team-summary { gap: 8px; }
  #view-mine .nft-team-metric { padding: 12px 10px; }
  #view-mine .nft-team-metric > strong { font-size: 16px; }
  .footer { width: calc(100% - 34px); padding-bottom: calc(100px + env(safe-area-inset-bottom)); }
}
@media (max-width: 380px) {
  #view-home .tile { padding: 10px 9px; }
  #view-home .tile-icon { margin-right: 7px; }
  #view-nft .nft-activity-time-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  #view-nft .nft-activity-time--window { grid-column: 1 / -1; }
  #view-nft .nft-activity-time--window { align-items: flex-start; flex-direction: column; }
  #view-mine .nft-team-summary { grid-template-columns: minmax(0, 1fr); }
}

/* My section refinement: consistent surfaces, legible data and compact mobile controls. */
#view-mine {
  --mine-surface: rgba(29, 22, 37, .96);
  --mine-inset: rgba(15, 11, 20, .58);
  --mine-border: rgba(222, 201, 232, .15);
  --mine-lilac: #d3b4ec;
  --mine-gold: #e1c98f;
}
#view-mine .account-card,
#view-mine .balance-card,
#view-mine .owned-nft-card,
#view-mine .mw-my-swap-card,
#view-mine .nft-team-panel,
#view-mine #mineRecordsPanel,
#view-mine #mineEquityPanel,
#view-mine #mineSettingsPanel {
  min-width: 0;
  border: 1px solid var(--mine-border) !important;
  border-radius: 22px !important;
  background: linear-gradient(150deg, rgba(39, 29, 48, .98), rgba(21, 16, 27, .99)) !important;
  color: var(--uni-ink) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .22) !important;
}
#view-mine .account-card,
#view-mine .balance-card,
#view-mine .owned-nft-card,
#view-mine .mw-my-swap-card,
#view-mine .nft-team-panel { padding: 22px; }
#view-mine .mw-my-swap-heading { align-items: flex-start; gap: 12px; }
#view-mine .mw-my-swap-heading h2,
#view-mine .nft-team-heading h3,
#view-mine #mineRecordsPanel h2,
#view-mine #mineEquityPanel h3,
#view-mine #mineSettingsPanel h2 { color: #f5edf7 !important; }
#view-mine .mw-my-swap-heading p,
#view-mine .nft-team-heading p,
#view-mine .nft-team-definition,
#view-mine #mineEquityPanel .my-hint,
#view-mine #mineEquityPanel .release-note,
#view-mine #mineRecordsPanel .business-help { color: #b6a8bf !important; }

/* Swap history and referral tools. */
#view-mine .mw-my-summary,
#view-mine .mw-referral-summary { gap: 9px; }
#view-mine .mw-my-summary article,
#view-mine .mw-referral-summary article {
  min-width: 0;
  padding: 13px;
  border: 1px solid var(--mine-border) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(42, 31, 52, .94), rgba(23, 17, 30, .94)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}
#view-mine .mw-my-summary article span,
#view-mine .mw-referral-summary article span { color: #b5a6bd !important; font-size: 10px; line-height: 1.55; }
#view-mine .mw-my-summary article strong,
#view-mine .mw-referral-summary article strong { color: #f0e6f4 !important; font-size: 18px; font-weight: 650; font-variant-numeric: tabular-nums; }
#view-mine .mw-referral-summary article:last-child { grid-column: auto; background: linear-gradient(145deg, rgba(42, 31, 52, .94), rgba(23, 17, 30, .94)) !important; }
#view-mine .mw-referral-summary article:last-child strong { color: var(--mine-gold) !important; }
#view-mine .mw-my-tabs,
#view-mine .nft-team-tabs {
  gap: 5px;
  padding: 5px;
  border: 1px solid var(--mine-border) !important;
  border-radius: 16px !important;
  background: rgba(12, 9, 17, .56) !important;
}
#view-mine .mw-my-tabs button,
#view-mine .nft-team-tabs button {
  min-height: 44px;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #b9aabd !important;
  font-size: 12px;
  font-weight: 600;
}
#view-mine .mw-my-tabs button[aria-selected="true"],
#view-mine .nft-team-tabs button[aria-selected="true"] {
  border-color: rgba(211, 180, 236, .22) !important;
  background: linear-gradient(115deg, rgba(125, 89, 148, .31), rgba(72, 50, 85, .34)) !important;
  color: #f1e4f7 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
#view-mine .mw-my-pane { color: var(--uni-ink) !important; }
#view-mine .mw-record-heading { align-items: center; margin: 19px 0 9px; }
#view-mine .mw-record-heading strong { color: #f1e8f4 !important; font-size: 13px; font-weight: 650; }
#view-mine .mw-record-heading span { color: #97899f !important; font-size: 10px; }
#view-mine .mw-record-list { gap: 8px; }
#view-mine .mw-record-empty,
#view-mine .mw-record-item {
  min-width: 0;
  padding: 15px;
  border: 1px solid var(--mine-border) !important;
  border-radius: 15px !important;
  background: linear-gradient(140deg, rgba(37, 28, 47, .92), rgba(19, 15, 25, .95)) !important;
  color: #c3b5cc !important;
  overflow-wrap: anywhere;
}
#view-mine .mw-record-empty { border-style: dashed !important; text-align: center; line-height: 1.75; }
#view-mine .mw-record-left strong,
#view-mine .mw-record-right strong { color: #f1e8f4 !important; }
#view-mine .mw-record-left span,
#view-mine .mw-record-right span { color: #ad9eb6 !important; }
#view-mine .mw-record-right strong { color: var(--mine-gold) !important; }
#view-mine .mw-record-item code { border: 1px solid var(--mine-border) !important; border-radius: 8px; background: rgba(200, 166, 230, .1) !important; color: var(--mine-lilac) !important; }
#view-mine .mw-bind-row,
#view-mine .mw-share-link {
  display: grid;
  gap: 10px;
  min-width: 0;
  margin: 14px 0;
  padding: 15px;
  border: 1px solid var(--mine-border) !important;
  border-radius: 17px !important;
  background: linear-gradient(145deg, rgba(40, 29, 50, .94), rgba(22, 17, 29, .96)) !important;
  color: var(--uni-ink) !important;
}
#view-mine .mw-bind-row > div:first-child { min-width: 0; }
#view-mine .mw-bind-row strong,
#view-mine .mw-share-link > span { color: #f0e7f4 !important; font-size: 12px; font-weight: 650; }
#view-mine .mw-bind-row span { color: #ad9eb6 !important; font-size: 11px; line-height: 1.6; }
#view-mine .mw-bind-controls,
#view-mine .mw-share-link > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; min-width: 0; }
#view-mine #mwReferrerInput,
#view-mine #mwReferralLink {
  display: block;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  padding: 0 13px;
  border: 1px solid rgba(220, 200, 230, .19) !important;
  border-radius: 13px !important;
  background: rgba(12, 9, 17, .7) !important;
  color: #eee4f2 !important;
  font: inherit;
  font-size: 11px;
}
#view-mine #mwReferralLink { overflow: hidden; line-height: 44px; text-overflow: ellipsis; white-space: nowrap; }
#view-mine #mwReferrerInput::placeholder { color: #85768e !important; }
#view-mine .mw-bind-controls button,
#view-mine .mw-share-link button {
  min-width: 70px;
  min-height: 46px;
  padding: 0 14px;
  border: 1px solid rgba(216, 189, 134, .36) !important;
  border-radius: 13px !important;
  background: linear-gradient(130deg, #574265, #35283f) !important;
  color: #f5ebf7 !important;
  font-size: 11px;
  font-weight: 650;
}
#view-mine .mw-bind-controls button:disabled,
#view-mine .mw-share-link button:disabled { border-color: var(--mine-border) !important; background: rgba(255,255,255,.045) !important; color: #94869a !important; opacity: 1; }
#view-mine .mw-indexer-footnote { margin-top: 17px; padding: 13px 15px; border: 1px solid rgba(211, 180, 236, .12); border-radius: 15px; background: rgba(200, 166, 230, .055) !important; color: #a99bb1 !important; font-size: 10px; line-height: 1.75; }

/* Mine records, shareholder release and business activity. */
#view-mine #mineRecordsPanel,
#view-mine #mineEquityPanel { margin-top: 16px; padding: 22px; scroll-margin-top: 18px; }
#view-mine #mineRecordsPanel[hidden],
#view-mine #mineEquityPanel[hidden] { display: none !important; }
#view-mine #mineRecordsPanel .business-toolbar { gap: 12px; }
#view-mine #mineRecordsPanel .business-toolbar h2 { margin: 0; color: #f4ebf6; font-size: 21px; font-weight: 600; }
#view-mine #mineRecordsPanel .business-toolbar > div { display: flex; flex-wrap: wrap; gap: 8px; }
#view-mine #mineRecordsPanel .business-help,
#view-mine #mineRecordsPanel .business-notice,
#view-mine #mineRecordsPanel .business-empty { color: #b5a7be !important; font-size: 11px; line-height: 1.75; }
#view-mine #mineRecordsPanel .business-filters { gap: 10px; margin: 15px 0; }
#view-mine #mineRecordsPanel .business-filters label { color: #c4b7cb; font-size: 11px; font-weight: 500; }
#view-mine #mineRecordsPanel .business-filters input,
#view-mine #mineRecordsPanel .business-filters select { min-height: 44px; border: 1px solid var(--mine-border) !important; border-radius: 13px !important; background: var(--mine-inset) !important; color: #f0e7f4 !important; font-size: 12px; }
#view-mine #mineRecordsPanel .business-filters button,
#view-mine #mineRecordsPanel .business-toolbar button,
#view-mine #mineRecordsPanel .business-pagination button,
#view-mine #mineRecordsPanel .business-action { min-height: 42px; border: 1px solid rgba(216, 189, 134, .32) !important; border-radius: 13px !important; background: rgba(200, 166, 230, .09) !important; color: #e9d9f0 !important; font-size: 11px; }
#view-mine #mineRecordsPanel .business-record,
#view-mine #mineEquityPanel .business-record,
#view-mine #mineEquityPanel .release-batch-list > *,
#view-mine #mineEquityPanel .project-rule-list > div,
#view-mine #mineEquityPanel .release-stats > div {
  border: 1px solid var(--mine-border) !important;
  border-radius: 15px !important;
  background: rgba(14, 10, 18, .5) !important;
  color: #eee5f2 !important;
}
#view-mine #mineRecordsPanel .business-record { padding: 15px; }
#view-mine #mineRecordsPanel .business-record-head strong,
#view-mine #mineRecordsPanel .business-amount { color: #f0e7f4 !important; }
#view-mine #mineRecordsPanel .business-record small { color: #a99ab2 !important; }
#view-mine #mineRecordsPanel .business-status { border: 1px solid rgba(216, 189, 134, .18); background: rgba(216, 189, 134, .08) !important; color: #e5d29f !important; }
#view-mine #mineEquityPanel .empty-content { padding: 14px 0; }
#view-mine #mineEquityPanel .empty-content strong { color: var(--mine-gold) !important; font-size: 17px; }
#view-mine #mineEquityPanel .empty-content span { color: #b8aabf !important; line-height: 1.8; }
#view-mine #mineEquityPanel .project-rule-list > div { padding: 14px; }
#view-mine #mineEquityPanel .project-rule-list dt { color: #dfc994 !important; }
#view-mine #mineEquityPanel .project-rule-list dd { color: #e8dfea !important; }
#view-mine #mineEquityPanel .release-stats { gap: 9px; border: 0; }
#view-mine #mineEquityPanel .release-stats > div { padding: 14px; }
#view-mine #mineEquityPanel .release-stats span,
#view-mine #mineEquityPanel .release-stats small { color: #aa9cb3 !important; }
#view-mine #mineEquityPanel .release-stats strong { color: #f2e9f5 !important; }
#view-mine #mineEquityPanel .release-plan { margin-top: 14px; border: 1px solid var(--mine-border); border-radius: 15px; background: rgba(14, 10, 18, .44); }
#view-mine #mineEquityPanel .release-plan > summary { color: #eadcf0 !important; }
#view-mine #mineEquityPanel .release-timeline li { color: #b9abc1; }
#view-mine #mineEquityPanel .release-timeline b { color: var(--mine-gold); }
#view-mine #mineEquityPanel .business-notice { color: #b5a7be !important; }
#view-mine #mineEquityPanel .business-action { min-height: 44px; margin: 7px 7px 0 0; border: 1px solid rgba(216, 189, 134, .34) !important; border-radius: 13px !important; background: linear-gradient(130deg, #584265, #35283f) !important; color: #f4eaf6 !important; font-size: 11px; }
#view-mine #mineEquityPanel .business-action:disabled { background: rgba(255,255,255,.045) !important; color: #9c8ea3 !important; }

/* Profile editor and team tools. */
#view-mine #mineSettingsPanel { margin-top: 16px; padding: 22px; }
#view-mine #mineSettingsPanel[hidden] { display: none !important; }
#view-mine #mineSettingsPanel .mine-panel-heading { margin-bottom: 17px; padding-bottom: 13px; border-bottom: 1px solid var(--mine-border); }
#view-mine #mineSettingsPanel .mine-panel-heading h2 { font-size: 21px; font-weight: 600; }
#view-mine #mineSettingsPanel .profile-editor-preview { border: 1px solid var(--mine-border); border-radius: 17px; background: linear-gradient(120deg, rgba(200,166,230,.11), rgba(216,189,134,.055)) !important; }
#view-mine #mineSettingsPanel #profileAvatarPreview { border-color: rgba(230, 212, 239, .48); background: #211829; box-shadow: 0 8px 20px rgba(0,0,0,.28); }
#view-mine #mineSettingsPanel #profileNicknamePreview,
#view-mine #mineSettingsPanel .profile-field,
#view-mine #mineSettingsPanel .profile-avatar-field legend { color: #f0e7f4 !important; }
#view-mine #mineSettingsPanel .profile-editor-preview small,
#view-mine #mineSettingsPanel .profile-field-meta,
#view-mine #mineSettingsPanel #profileAvatarHelp,
#view-mine #mineSettingsPanel .profile-settings-footer small,
#view-mine #mineSettingsPanel .profile-storage-note { color: #b4a6bd !important; }
#view-mine #mineSettingsPanel #profileNicknameInput { min-height: 46px; border: 1px solid var(--mine-border) !important; border-radius: 13px !important; background: var(--mine-inset) !important; color: #f3eaf6 !important; }
#view-mine #mineSettingsPanel #profileNicknameInput:focus { border-color: rgba(211,180,236,.62) !important; box-shadow: 0 0 0 3px rgba(200,166,230,.13); }
#view-mine #mineSettingsPanel .profile-avatar-field { border: 1px solid var(--mine-border); border-radius: 16px; background: rgba(14, 10, 18, .42) !important; }
#view-mine #mineSettingsPanel .profile-avatar-option { border-color: transparent !important; border-radius: 15px !important; background: rgba(200,166,230,.08) !important; }
#view-mine #mineSettingsPanel .profile-avatar-option[aria-pressed="true"] { border-color: rgba(216,189,134,.62) !important; background: rgba(200,166,230,.15) !important; box-shadow: 0 0 0 2px rgba(216,189,134,.08); }
#view-mine #mineSettingsPanel .profile-upload-button,
#view-mine #mineSettingsPanel #profileAvatarReset,
#view-mine #mineSettingsPanel #profileSwapSettings { border: 1px solid var(--mine-border) !important; border-radius: 13px !important; background: rgba(200,166,230,.09) !important; color: #e7d6ef !important; }
#view-mine #mineSettingsPanel .profile-save-button { min-height: 48px; border: 1px solid rgba(216,189,134,.4) !important; border-radius: 14px !important; background: linear-gradient(115deg, #725482, #493652) !important; color: #fff7ff !important; }
#view-mine #mineSettingsPanel .profile-save-button:disabled { background: rgba(255,255,255,.045) !important; color: #9b8da3 !important; }
#view-mine #mineSettingsPanel .profile-storage-note { border: 1px solid rgba(211,180,236,.12); border-radius: 12px; background: rgba(200,166,230,.055) !important; }
#view-mine #mineSettingsPanel .profile-settings-footer { border-top-color: var(--mine-border); }
#view-mine .nft-team-session,
#view-mine .nft-team-counts > div,
#view-mine .nft-team-member,
#view-mine .nft-team-empty { border: 1px solid var(--mine-border) !important; border-radius: 15px !important; background: rgba(14, 10, 18, .48) !important; color: #e8dfee !important; }
#view-mine .nft-team-session > span,
#view-mine .nft-team-counts span,
#view-mine .nft-team-member small,
#view-mine .nft-team-member-metrics span,
#view-mine .nft-team-member-note { color: #ad9fb6 !important; }
#view-mine .nft-team-counts strong,
#view-mine .nft-team-member-head strong,
#view-mine .nft-team-member-metrics strong { color: #f0e7f4 !important; }
#view-mine .nft-team-relation { border: 1px solid rgba(200,166,230,.18); background: rgba(200,166,230,.1) !important; color: var(--mine-lilac) !important; }
#view-mine .nft-team-filters label { color: #c2b4ca !important; }
#view-mine .nft-team-filters input,
#view-mine .nft-team-filters select,
#view-mine #nftTeamInviteUrl { border: 1px solid var(--mine-border) !important; border-radius: 12px !important; background: var(--mine-inset) !important; color: #f0e7f4 !important; }
#view-mine .nft-team-pagination span { color: #b6a8be !important; }
#view-mine .nft-team-panel button:not(.mine-panel-close) { border-radius: 12px; }
#view-mine .nft-team-panel button:disabled { border-color: var(--mine-border) !important; background: rgba(255,255,255,.045) !important; color: #95879d !important; opacity: 1; }
#view-mine :is(input, select, textarea, button):focus-visible { outline: 2px solid rgba(211,180,236,.8); outline-offset: 2px; }

@media (max-width: 680px) {
  #view-mine .account-card,
  #view-mine .balance-card,
  #view-mine .owned-nft-card,
  #view-mine .mw-my-swap-card,
  #view-mine .nft-team-panel,
  #view-mine #mineRecordsPanel,
  #view-mine #mineEquityPanel,
  #view-mine #mineSettingsPanel { padding: 17px; border-radius: 19px !important; }
  #view-mine .mw-referral-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #view-mine .mw-referral-summary article:last-child { grid-column: 1 / -1; }
  #view-mine .mw-bind-row,
  #view-mine .mw-share-link { padding: 13px; border-radius: 15px !important; }
  #view-mine .mw-record-empty,
  #view-mine .mw-record-item { padding: 13px; }
  #view-mine #mineRecordsPanel .business-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #view-mine #mineRecordsPanel .business-filters label { min-width: 0; }
  #view-mine #mineRecordsPanel .business-filters button { grid-column: 1 / -1; }
  #view-mine .nft-team-session { align-items: flex-start; }
  #view-mine .nft-team-session > div { display: flex; width: 100%; gap: 8px; }
  #view-mine .nft-team-session > div button { flex: 1; }
  #view-mine .nft-team-counts { gap: 7px; }
  #view-mine .nft-team-counts > div { padding: 11px 8px; }
}
@media (max-width: 420px) {
  #view-mine .mw-my-swap-heading { flex-wrap: wrap; }
  #view-mine .mine-panel-actions { width: 100%; justify-content: flex-end; }
  #view-mine .mw-referral-summary article { padding: 11px 10px; }
  #view-mine .mw-referral-summary article span { font-size: 9px; }
  #view-mine .mw-referral-summary article strong { font-size: 16px; }
  #view-mine .mw-bind-controls,
  #view-mine .mw-share-link > div { grid-template-columns: minmax(0, 1fr) 68px; }
  #view-mine .mw-bind-controls button,
  #view-mine .mw-share-link button { min-width: 0; padding-inline: 8px; }
  #view-mine #mineRecordsPanel .business-filters { grid-template-columns: minmax(0, 1fr); }
  #view-mine #mineRecordsPanel .business-filters button { grid-column: auto; }
  #view-mine #mineRecordsPanel .business-record-toolbar > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
  #view-mine #mineEquityPanel .release-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  #view-mine *, #view-mine *::before, #view-mine *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Account details read more cleanly without the redundant brand avatar. */
#view-mine #mineBalanceDetails .mw-account-head { gap: 0; }
#view-mine #mineBalanceDetails .mw-account-head-logo { display: none !important; }

/* Wallet detail and platform account: override the older cream account widget. */
#view-mine #mineBalanceDetails {
  min-width: 0;
  padding: 4px 8px 8px;
  border-top-color: rgba(222, 201, 232, .14) !important;
  color: #f4edf7 !important;
}
#view-mine #mineBalanceDetails > .mine-panel-heading { gap: 10px; min-height: 44px; margin: 0 0 7px; }
#view-mine #mineBalanceDetails > .mine-panel-heading > strong { color: #f3eaf5 !important; font-size: 15px; font-weight: 650; }
#view-mine #mineBalanceDetails .mine-panel-close {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 58px;
  height: 34px;
  min-height: 34px;
  margin: 0;
  padding: 0 11px;
  border: 1px solid rgba(222, 201, 232, .2) !important;
  border-radius: 999px !important;
  background: rgba(200, 166, 230, .08) !important;
  color: #c8b7d1 !important;
  font-size: 11px;
  line-height: 1;
  white-space: nowrap;
}
#view-mine #mineBalanceDetails > .balance-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 45%);
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid rgba(222, 201, 232, .14) !important;
  border-radius: 15px;
  background: rgba(15, 11, 20, .48) !important;
}
#view-mine #mineBalanceDetails > .balance-row + .balance-row { margin-top: 7px; }
#view-mine #mineBalanceDetails .balance-row .asset { min-width: 0; gap: 9px; }
#view-mine #mineBalanceDetails .balance-row .asset > span:last-child { min-width: 0; }
#view-mine #mineBalanceDetails .balance-row .asset b { color: #eee4f2 !important; font-size: 11px; font-weight: 650; }
#view-mine #mineBalanceDetails .balance-row .asset small { color: #a899b1 !important; font-size: 9px; line-height: 1.45; }
#view-mine #mineBalanceDetails .balance-value {
  min-width: 0;
  max-width: 100%;
  color: #e8d8ef !important;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.45;
  text-align: right;
  overflow-wrap: anywhere;
  white-space: normal;
}
#view-mine #mineBalanceDetails .balance-value small { color: #9e8ea7 !important; font-size: 9px; }
#view-mine #mineBalanceDetails .mw-account-panel {
  --account-ink: #f0e7f4;
  --account-muted: #b5a7be;
  --account-purple: #d3b4ec;
  --account-pale: #241b2d;
  margin-top: 14px;
  padding: 16px 0 4px;
  border-top-color: rgba(222, 201, 232, .14) !important;
  color: #eee5f2 !important;
}
#view-mine #mineBalanceDetails .mw-account-head { align-items: flex-start; gap: 0; }
#view-mine #mineBalanceDetails .mw-account-head > div { min-width: 0; }
#view-mine #mineBalanceDetails .mw-account-head strong,
#view-mine #mineBalanceDetails .mw-account-action-card h3 { color: #f2e8f5 !important; font-size: 16px; font-weight: 650; }
#view-mine #mineBalanceDetails .mw-account-head small { color: #b6a7c0 !important; font-size: 11px; font-weight: 500; }
#view-mine #mineBalanceDetails .mw-account-auth,
#view-mine #mineBalanceDetails .mw-account-action-card {
  border: 1px solid rgba(222, 201, 232, .16) !important;
  border-radius: 17px !important;
  background: linear-gradient(145deg, rgba(39, 29, 48, .97), rgba(22, 17, 29, .98)) !important;
  color: #eee5f2 !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.18) !important;
}
#view-mine #mineBalanceDetails .mw-account-auth { gap: 12px; }
#view-mine #mineBalanceDetails .mw-account-auth p,
#view-mine #mineBalanceDetails .mw-account-explain,
#view-mine #mineBalanceDetails .mw-account-note,
#view-mine #mineBalanceDetails .mw-account-action-card > p,
#view-mine #mineBalanceDetails .mw-account-verify small,
#view-mine #mineBalanceDetails .mw-account-records-head p { color: #c0b2c9 !important; font-size: 12px; line-height: 1.7; }
#view-mine #mineBalanceDetails .mw-account-panel button {
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(216, 189, 134, .34) !important;
  border-radius: 13px !important;
  background: linear-gradient(130deg, #5b4569, #36293f) !important;
  color: #f5edf7 !important;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.4;
  white-space: normal;
}
#view-mine #mineBalanceDetails #mwAccountLogin,
#view-mine #mineBalanceDetails #mwDepositButton,
#view-mine #mineBalanceDetails #mwWithdrawalButton { background: linear-gradient(130deg, #6c527b, #44344f) !important; color: #fff7ff !important; }
#view-mine #mineBalanceDetails .mw-account-panel button:disabled { border-color: rgba(222,201,232,.13) !important; background: rgba(255,255,255,.045) !important; color: #95879e !important; opacity: 1; }
#view-mine #mineBalanceDetails .mw-account-balances { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
#view-mine #mineBalanceDetails .mw-account-balance,
#view-mine #mineBalanceDetails .mw-account-balance--gift,
#view-mine #mineBalanceDetails .mw-account-balance--locked,
#view-mine #mineBalanceDetails .mw-account-balance--available {
  min-width: 0;
  border: 1px solid rgba(222, 201, 232, .15) !important;
  border-radius: 14px !important;
  background: rgba(15, 11, 20, .52) !important;
}
#view-mine #mineBalanceDetails .mw-account-balance span { color: #c3b5cb !important; font-size: 11px; }
#view-mine #mineBalanceDetails .mw-account-balance strong { color: #f1e8f4 !important; font-size: 16px; font-weight: 650; }
#view-mine #mineBalanceDetails .mw-account-balance small { color: #a99bb2 !important; font-size: 10px; }
#view-mine #mineBalanceDetails .mw-account-note { border: 1px solid rgba(211,180,236,.12); background: rgba(200,166,230,.07) !important; }
#view-mine #mineBalanceDetails .mw-account-addresses > div,
#view-mine #mineBalanceDetails .mw-account-record,
#view-mine #mineBalanceDetails .mw-account-withdrawable {
  min-width: 0;
  border: 1px solid rgba(222, 201, 232, .14) !important;
  border-radius: 13px !important;
  background: rgba(15, 11, 20, .5) !important;
}
#view-mine #mineBalanceDetails .mw-account-addresses span,
#view-mine #mineBalanceDetails .mw-account-withdrawable span,
#view-mine #mineBalanceDetails .mw-account-record small { color: #ad9eb6 !important; }
#view-mine #mineBalanceDetails .mw-account-addresses strong,
#view-mine #mineBalanceDetails .mw-account-withdrawable strong,
#view-mine #mineBalanceDetails .mw-account-record strong { color: #eee4f2 !important; overflow-wrap: anywhere; }
#view-mine #mineBalanceDetails .mw-account-form label,
#view-mine #mineBalanceDetails .mw-account-verify label { color: #dfc994 !important; font-size: 12px; }
#view-mine #mineBalanceDetails .mw-account-input-row input { min-width: 0; border-color: rgba(222,201,232,.18) !important; border-radius: 12px !important; background: rgba(12,9,17,.72) !important; color: #f2e9f5 !important; font-size: 13px; }
#view-mine #mineBalanceDetails .mw-account-input-row input::placeholder { color: #897b92 !important; }
#view-mine #mineBalanceDetails .mw-account-verify { border-top-color: rgba(222,201,232,.14) !important; }
#view-mine #mineBalanceDetails .mw-account-status { color: #c0b2c9 !important; font-size: 11px; }
#view-mine #mineBalanceDetails .mw-account-status[data-kind="ok"] { color: #a9d6b8 !important; }
#view-mine #mineBalanceDetails .mw-account-status[data-kind="warn"] { color: #e4cb8e !important; }
#view-mine #mineBalanceDetails .mw-account-status[data-kind="error"] { color: #f0a8b3 !important; }
#view-mine #mineBalanceDetails .mw-account-record-tabs { border: 1px solid rgba(222,201,232,.13); border-radius: 13px; background: rgba(12,9,17,.58) !important; }
#view-mine #mineBalanceDetails .mw-account-record-tabs button { background: transparent !important; color: #b8a9c0 !important; }
#view-mine #mineBalanceDetails .mw-account-record-tabs button[aria-selected="true"] { border: 1px solid rgba(211,180,236,.2) !important; border-radius: 10px; background: rgba(200,166,230,.12) !important; color: #eee2f3 !important; box-shadow: none; }
#view-mine #mineBalanceDetails .mw-account-record a { color: #d3b4ec !important; }
#view-mine #mineBalanceDetails .mw-account-empty { border-color: rgba(222,201,232,.2) !important; background: rgba(15,11,20,.45) !important; color: #b8a9c0 !important; }
#view-mine #mineBalanceDetails .mw-account-pagination span { color: #b6a8be !important; }
@media (max-width: 480px) {
  #view-mine #mineBalanceDetails { padding-inline: 2px; }
  #view-mine #mineBalanceDetails > .balance-row { grid-template-columns: minmax(0, 1fr) minmax(0, 46%); gap: 7px; padding: 9px; }
  #view-mine #mineBalanceDetails .balance-row .asset { gap: 7px; }
  #view-mine #mineBalanceDetails .balance-value { font-size: 10px; }
  #view-mine #mineBalanceDetails .mw-account-auth,
  #view-mine #mineBalanceDetails .mw-account-action-card { padding: 14px; }
  #view-mine #mineBalanceDetails .mw-account-balances { grid-template-columns: minmax(0, 1fr); }
}

/* Brand logo and artwork only home hero */
.app > .topbar .mark {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.app > .topbar .mark img { width: 100%; height: 100%; object-fit: contain; }
#view-home .hero {
  display: grid;
  min-height: clamp(420px, 48vw, 610px);
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  align-items: center;
  padding: 16px 0 26px;
}
#view-home .hero-visual {
  grid-column: 1;
  grid-row: 1;
  width: min(100%, 690px);
  max-width: 690px;
  height: auto;
  aspect-ratio: 1 / .9;
  border: 0;
  border-radius: 44% 44% 38% 38% / 40% 40% 32% 32%;
  background:
    radial-gradient(ellipse at 50% 44%, rgba(181, 128, 202, .22), transparent 56%),
    radial-gradient(ellipse at 50% 82%, rgba(217, 183, 126, .12), transparent 58%);
}
#view-home .hero-visual::before,
#view-home .hero-visual::after { content: none; }
#view-home .lovart-home-art {
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 26px 44px rgba(5, 3, 10, .42));
}
@media (max-width: 680px) {
  .app > .topbar .mark { width: 38px; height: 38px; flex-basis: 38px; }
  #view-home .hero { display: flex; min-height: 0; padding: 12px 0 22px; }
  #view-home .hero-visual { order: 0; width: 100%; max-width: 430px; aspect-ratio: 1 / .96; }
}

/* Compact, gentle gallop for the home mascot */
#view-home .hero {
  min-height: clamp(340px, 39vw, 500px);
  padding-top: 8px;
  padding-bottom: 20px;
}
#view-home .hero-visual {
  width: min(100%, 540px);
  max-width: 540px;
  aspect-ratio: 1 / .94;
}
#view-home .hero-visual::before {
  content: "";
  position: absolute;
  z-index: 1;
  right: 28%;
  bottom: 7%;
  left: 28%;
  height: 5%;
  border: 0;
  border-radius: 50%;
  background: rgba(10, 6, 16, .38);
  filter: blur(13px);
  animation: unicorn-run-shadow 1.64s ease-in-out infinite;
  transform: none;
}
#view-home .hero-visual::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 8% 10% 12%;
  border: 1px solid rgba(216, 189, 134, .23);
  border-radius: 50%;
  box-shadow: 0 0 36px rgba(200, 166, 230, .08), inset 0 0 24px rgba(200, 166, 230, .035);
  pointer-events: none;
  transform: rotate(-14deg);
}
#view-home .hero-sparkle {
  position: absolute;
  z-index: 3;
  display: block;
  width: 10px;
  height: 10px;
  background: linear-gradient(135deg, #f1dbad, #d9b9e9 72%);
  clip-path: polygon(50% 0, 61% 39%, 100% 50%, 61% 61%, 50% 100%, 39% 61%, 0 50%, 39% 39%);
  filter: drop-shadow(0 0 6px rgba(232, 204, 244, .62));
  opacity: .72;
  animation: unicorn-twinkle 3.2s ease-in-out infinite;
  pointer-events: none;
}
#view-home .hero-sparkle--one { top: 30%; left: 11%; width: 11px; height: 11px; animation-delay: -.7s; }
#view-home .hero-sparkle--two { top: 21%; right: 12%; width: 8px; height: 8px; animation-delay: -1.8s; }
#view-home .hero-sparkle--three { right: 9%; bottom: 31%; width: 12px; height: 12px; animation-delay: -2.4s; }
#view-home .hero-sparkle--four { bottom: 22%; left: 17%; width: 7px; height: 7px; animation-delay: -1.3s; }
#view-home .hero-orbit-dot {
  position: absolute;
  z-index: 1;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #dfc994;
  box-shadow: 0 0 12px rgba(223, 201, 148, .72);
  pointer-events: none;
}
#view-home .hero-orbit-dot--one { top: 18%; left: 35%; }
#view-home .hero-orbit-dot--two { right: 29%; bottom: 17%; width: 4px; height: 4px; background: #d3b4ec; box-shadow: 0 0 10px rgba(211, 180, 236, .72); }
#view-home .lovart-home-art {
  animation: unicorn-gallop-in-place 1.64s cubic-bezier(.42, 0, .58, 1) infinite;
  transform-origin: 50% 82%;
  will-change: transform;
}
@keyframes unicorn-gallop-in-place {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(0) scale(1); }
  18% { transform: translate3d(1px, -7px, 0) rotate(-1deg) scale(1.005, 1.01); }
  38% { transform: translate3d(0, 0, 0) rotate(.4deg) scale(1.014, .992); }
  58% { transform: translate3d(-1px, -8px, 0) rotate(1deg) scale(1, 1.012); }
  78% { transform: translate3d(0, 0, 0) rotate(-.4deg) scale(1.01, .992); }
}
@keyframes unicorn-run-shadow {
  0%, 100% { opacity: .28; transform: scaleX(.84); }
  18%, 58% { opacity: .16; transform: scaleX(.7); }
  38%, 78% { opacity: .38; transform: scaleX(1); }
}
@keyframes unicorn-twinkle {
  0%, 100% { opacity: .32; transform: scale(.78); }
  50% { opacity: .88; transform: scale(1.18); }
}
@media (max-width: 680px) {
  #view-home .hero { min-height: 0; padding-top: 0; padding-bottom: 16px; }
  #view-home .hero-visual { max-width: 340px; aspect-ratio: 1 / .98; }
}
@media (prefers-reduced-motion: reduce) {
  #view-home .lovart-home-art,
  #view-home .hero-visual::before,
  #view-home .hero-sparkle { animation: none; }
  #view-home .lovart-home-art { transform: none; }
  #view-home .hero-sparkle { opacity: .66; transform: none; }
}

/* Transparent, domain-bound wallet login confirmation */
body.unicorn-sign-open { overflow: hidden; }
.unicorn-sign-overlay[hidden] { display: none !important; }
.unicorn-sign-overlay {
  position: fixed;
  z-index: 10000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: max(18px, env(safe-area-inset-top)) 16px max(18px, env(safe-area-inset-bottom));
  background: rgba(11, 7, 16, .76);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.unicorn-sign-dialog {
  position: relative;
  width: min(100%, 500px);
  max-height: min(90vh, 760px);
  overflow: auto;
  padding: clamp(21px, 5vw, 32px);
  border: 1px solid rgba(216, 189, 134, .32);
  border-radius: 24px;
  background:
    radial-gradient(ellipse at 100% 0, rgba(200, 166, 230, .13), transparent 48%),
    linear-gradient(150deg, #251b2d, #15101b 75%);
  box-shadow: 0 28px 90px rgba(0, 0, 0, .58), inset 0 1px rgba(255, 255, 255, .045);
  color: #f1e8f4;
}
.unicorn-sign-close {
  position: absolute;
  top: 14px;
  right: 16px;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(222, 201, 232, .16);
  border-radius: 50%;
  background: rgba(12, 9, 17, .4);
  color: #c7b7cf;
  font-size: 21px;
  cursor: pointer;
}
.unicorn-sign-kicker { color: #dfc994; font-size: 9px; font-weight: 700; letter-spacing: .2em; }
.unicorn-sign-dialog h2 { margin: 10px 38px 7px 0; color: #f4eaf6; font-size: clamp(22px, 5vw, 28px); font-weight: 650; }
.unicorn-sign-summary { margin: 0 0 21px; color: #b9a9c2; font-size: 12px; line-height: 1.7; }
.unicorn-sign-details {
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(222, 201, 232, .14);
  border-radius: 15px;
  background: rgba(12, 9, 17, .46);
}
.unicorn-sign-details > div { display: grid; grid-template-columns: 98px minmax(0, 1fr); gap: 12px; padding: 11px 13px; border-bottom: 1px solid rgba(222, 201, 232, .09); }
.unicorn-sign-details > div:last-child { border-bottom: 0; }
.unicorn-sign-details span { color: #a999b3; font-size: 11px; }
.unicorn-sign-details strong { min-width: 0; color: #eee4f2; font-size: 11px; font-weight: 600; overflow-wrap: anywhere; }
.unicorn-sign-details .unicorn-sign-address { color: #d6c4e0; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 10px; }
.unicorn-sign-safety { display: flex; gap: 10px; align-items: flex-start; margin-top: 14px; padding: 12px 13px; border: 1px solid rgba(157, 206, 173, .19); border-radius: 13px; background: rgba(94, 153, 112, .09); }
.unicorn-sign-safety > span { display: grid; width: 19px; height: 19px; flex: 0 0 19px; place-items: center; border-radius: 50%; background: rgba(157, 206, 173, .18); color: #b9e1c4; font-size: 12px; }
.unicorn-sign-safety p { margin: 0; color: #c7d9c8; font-size: 11px; line-height: 1.7; }
.unicorn-sign-message { margin-top: 14px; border: 1px solid rgba(222, 201, 232, .12); border-radius: 13px; background: rgba(12, 9, 17, .3); }
.unicorn-sign-message summary { padding: 11px 13px; color: #c6b4d0; font-size: 11px; cursor: pointer; }
.unicorn-sign-message pre { max-height: 150px; overflow: auto; margin: 0; padding: 0 13px 13px; color: #aa9ab4; font: 10px/1.65 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.unicorn-sign-actions { display: grid; grid-template-columns: minmax(90px, .65fr) minmax(0, 1.35fr); gap: 10px; margin-top: 20px; }
.unicorn-sign-actions button { min-height: 46px; padding: 0 14px; border-radius: 13px; font-size: 12px; font-weight: 650; cursor: pointer; }
.unicorn-sign-cancel { border: 1px solid rgba(222, 201, 232, .18); background: rgba(255, 255, 255, .035); color: #c8bacf; }
.unicorn-sign-confirm { border: 1px solid rgba(226, 202, 153, .44); background: linear-gradient(130deg, #735a7e, #42324c); color: #fff7ff; box-shadow: 0 8px 20px rgba(74, 49, 83, .32); }
.unicorn-sign-actions button:focus-visible,
.unicorn-sign-close:focus-visible { outline: 2px solid #dfc994; outline-offset: 3px; }
@media (max-width: 480px) {
  .unicorn-sign-overlay { align-items: end; padding-inline: 10px; }
  .unicorn-sign-dialog { max-height: 88vh; padding: 23px 17px 17px; border-radius: 22px; }
  .unicorn-sign-details > div { grid-template-columns: 88px minmax(0, 1fr); gap: 9px; padding: 10px; }
}

/* Override legacy white summary backgrounds in the NFT rules accordion. */
#view-nft .nft-rules-disclosure > summary {
  background: rgba(29, 22, 37, .92) !important;
  color: #e4d5ea !important;
}
#view-nft .nft-rules-disclosure .nft-rule-item > summary {
  background: rgba(17, 13, 22, .55) !important;
  color: #eee4f2 !important;
}
#view-nft .nft-rules-disclosure .nft-rule-item[open] > summary {
  background: rgba(200, 166, 230, .08) !important;
}

/* Keep NFT detail previews compact on small screens. */
#nftDetailBackdrop .nft-detail {
  width: min(100%, 390px) !important;
  max-width: 390px !important;
  min-height: 0 !important;
  max-height: min(82dvh, calc(100dvh - 40px)) !important;
  height: auto !important;
  overflow-y: auto !important;
  padding: 12px 14px 14px !important;
}
#nftDetailBackdrop .nft-gallery-art {
  width: min(154px, 100%) !important;
  padding: 5px !important;
}
#nftDetailBackdrop .nft-detail-image {
  height: clamp(108px, 18dvh, 132px) !important;
}
#nftDetailBackdrop .nft-detail-copy { padding-top: 7px !important; }
#nftDetailBackdrop .nft-gallery-meta { margin-top: 8px !important; padding-block: 7px !important; }
#nftDetailBackdrop .nft-gallery-price { margin-top: 8px !important; padding: 8px 10px !important; }
#nftDetailBackdrop #nftDetailNote { margin-top: 7px !important; font-size: 10px !important; line-height: 1.5 !important; }
#nftDetailBackdrop .nft-buy-disabled { min-height: 36px !important; margin-top: 8px !important; }

/* Give collection cards taller covers and show each full illustration. */
#view-nft .lovart-preview-art {
  height: clamp(176px, 46vw, 205px) !important;
  aspect-ratio: auto !important;
}
#view-nft .lovart-preview-art img {
  object-fit: contain !important;
  object-position: center !important;
}