/* TruScan 2.0 Deep Dive (docs/design/truscan-2.0/screens/DeepDive-*.html). The start page classes
   (ds-N) are generated from DeepDive-Start.html with colours on the theme tokens; the token strip,
   tabs and views (dd-*) are written by hand from the Overview, Launch and Funding screens. */
.ds-1 {
  position: relative;
  margin-top: -76px;
  padding-top: 76px;
  background: radial-gradient(ellipse 50% 40% at 50% 0%, rgba(168,245,213,0.12), rgba(168,245,213,0) 70%);
}
.ds-2 {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,0.08) 1px, transparent 1px);
  background-size: 28px 28px;
  -webkit-mask-image: radial-gradient(ellipse 55% 45% at 50% 22%, #000, transparent 75%);
  mask-image: radial-gradient(ellipse 55% 45% at 50% 22%, #000, transparent 75%);
  pointer-events: none;
}
.ds-3 {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 88px 24px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 26px;
}
.ds-4 {
  display: flex;
  gap: 10px;
  align-items: center;
  height: 36px;
  padding: 0 16px 0 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.09);
  color: var(--text-soft);
  font-size: 14px;
}
.ds-5 {
  font-size: 12px;
  font-weight: 600;
  color: var(--mint-ink);
  background: var(--mint);
  padding: 3px 10px;
  border-radius: 999px;
}
.ds-6 {
  margin: 0;
  font-size: clamp(54px, 8.6vw, 124px);
  font-weight: 600;
  line-height: 0.93;
  letter-spacing: -0.058em;
  text-wrap: balance;
  animation-delay: .08s;
}
.ds-7 {
  color: var(--accent);
  text-shadow: 0 0 60px rgba(168,245,213,0.35);
}
.ds-8 {
  margin: 0;
  max-width: 620px;
  font-size: 20px;
  line-height: 1.5;
  color: var(--text-2);
  text-wrap: pretty;
  animation-delay: .16s;
}
.ds-9 {
  width: 100%;
  max-width: 700px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 4px;
  animation-delay: .24s;
}
.ds-10 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
.ds-11 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px;
  border-radius: 999px;
  background: var(--field);
  border: 1px solid rgba(255,255,255,0.13);
  box-shadow: 0 0 0 6px rgba(168,245,213,0.05), 0 30px 70px -30px rgba(0,0,0,0.95);
}
.ds-12 {
  margin-left: 16px;
  flex-shrink: 0;
}
.ds-13 {
  flex: 1;
  min-width: 0;
  height: 56px;
  padding: 0 8px;
  background: transparent;
  border: 0;
  outline: none;
  color: var(--text);
  font-family: inherit;
  font-size: 17px;
}
.ds-14 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(255,255,255,0.06);
  border: 1px solid transparent;
  color: var(--text-2);
  cursor: pointer;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.ds-15 {
  height: 56px;
  padding: 0 30px;
  border-radius: 999px;
  background: var(--mint);
  color: var(--mint-ink);
  border: 0;
  font-family: inherit;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
  flex-shrink: 0;
}
.ds-16 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 10px;
  align-items: center;
  font-size: 14px;
}
.ds-17 {
  color: var(--muted);
  margin-right: 2px;
}
.ds-18 {
  display: flex;
  gap: 10px;
  align-items: center;
  height: 40px;
  padding: 0 16px 0 8px;
  border-radius: 999px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.09);
  color: var(--text-soft);
  font: inherit;
  cursor: pointer;
}
.ds-19 {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: var(--surface-3);
  border: 1px dashed rgba(255,255,255,0.22);
  display: grid;
  place-items: center;
  font-size: 10px;
  font-weight: 600;
  color: var(--muted);
}
.ds-20 {
  color: var(--muted);
}
.ds-21 {
  display: flex;
  align-items: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px dashed rgba(255,255,255,0.18);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--text-2);
}
.ds-22 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 24px;
  font-size: 14px;
  color: var(--muted);
  animation-delay: .32s;
}
.ds-23, .ds-24, .ds-25 {
  display: flex;
  gap: 8px;
  align-items: center;
}
.ds-26 {
  position: relative;
  z-index: 1;
  max-width: 1360px;
  margin: -24px auto 0;
  height: 460px;
  overflow: hidden;
  -webkit-mask-image: radial-gradient(ellipse 58% 62% at 50% 50%, #000 40%, transparent 100%);
  mask-image: radial-gradient(ellipse 58% 62% at 50% 50%, #000 40%, transparent 100%);
}
.ds-27 {
  position: absolute;
  left: 0;
  right: 0;
  top: -110px;
  display: block;
  width: 100%;
  height: auto;
  opacity: 0.85;
}
.ds-28 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: radial-gradient(ellipse 40% 40% at 50% 55%, var(--mint-soft), rgba(168,245,213,0) 70%);
}
.ds-29 {
  position: relative;
  z-index: 3;
  max-width: 1200px;
  margin: -96px auto 0;
  padding: 0 24px;
}
.ds-30 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 48px;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 32px;
}
.ds-31 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.ds-32, .ds-67 {
  font-size: 14px;
  font-weight: 600;
  color: var(--accent);
}
.ds-33 {
  margin: 0;
  font-size: clamp(34px, 4.4vw, 60px);
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 1;
}
.ds-34 {
  margin: 0;
  max-width: 400px;
  font-size: 17px;
  line-height: 1.55;
  color: var(--text-2);
}
.ds-35 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr));
  gap: 16px;
}
.ds-36 {
  display: flex;
  flex-direction: column;
  border-radius: 28px;
  background: var(--panel);
  border: 1px solid var(--line);
  overflow: hidden;
  animation-delay: .1s;
}
.ds-37 {
  position: relative;
  height: 240px;
  display: grid;
  place-items: center;
  padding: 44px 20px 12px;
  box-sizing: border-box;
  background: radial-gradient(circle at 50% 70%, rgba(168,245,213,0.08), rgba(168,245,213,0) 60%);
}
.ds-38, .ds-47, .ds-56 {
  position: absolute;
  top: 16px;
  left: 16px;
  display: flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px dashed rgba(255,255,255,0.18);
  background: rgba(10,12,13,0.6);
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  color: var(--text-3);
}
.ds-39, .ds-48, .ds-57 {
  max-width: 100%;
  height: auto;
}
.ds-40, .ds-49, .ds-58 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px 28px 28px;
}
.ds-41, .ds-50, .ds-59 {
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--accent);
}
.ds-42, .ds-51, .ds-60 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.ds-43, .ds-52, .ds-61, .ds-74, .ds-78, .ds-82 {
  font-size: 15px;
  line-height: 1.5;
  color: var(--text-3);
}
.ds-44, .ds-53, .ds-62 {
  font-size: 13px;
  color: var(--muted);
}
.ds-45 {
  display: flex;
  flex-direction: column;
  border-radius: 28px;
  background: var(--panel);
  border: 1px solid var(--line);
  overflow: hidden;
  animation-delay: .18s;
}
.ds-46, .ds-55 {
  position: relative;
  height: 240px;
  display: grid;
  place-items: center;
  padding: 44px 20px 12px;
  box-sizing: border-box;
}
.ds-54 {
  display: flex;
  flex-direction: column;
  border-radius: 28px;
  background: var(--panel);
  border: 1px solid var(--line);
  overflow: hidden;
  animation-delay: .26s;
}
.ds-63 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 120px 24px 0;
}
.ds-64 {
  border-radius: 32px;
  background: var(--panel);
  border: 1px solid var(--line);
  overflow: hidden;
}
.ds-65 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 48px;
  justify-content: space-between;
  align-items: end;
  padding: 40px 40px 28px;
}
.ds-66 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ds-68 {
  margin: 0;
  font-size: 38px;
  font-weight: 600;
  letter-spacing: -0.045em;
  line-height: 1.02;
}
.ds-69 {
  margin: 0;
  max-width: 380px;
  font-size: 16px;
  line-height: 1.55;
  color: var(--text-3);
}
.ds-70 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
  border-top: 1px solid rgba(255,255,255,0.06);
}
.ds-71, .ds-75 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 28px 40px 32px;
  border-right: 1px solid rgba(255,255,255,0.06);
}
.ds-72, .ds-76 {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: var(--mint-soft);
  color: var(--accent);
}
.ds-73, .ds-77, .ds-81 {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.ds-79 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 28px 40px 32px;
}
.ds-80 {
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  background: var(--sky-soft);
  color: var(--sky);
}
.ds-83 {
  border-top: 1px solid rgba(255,255,255,0.06);
}
.ds-84 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 64px;
  padding: 0 40px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
}
.ds-85 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
  gap: 12px;
  padding: 0 40px 32px;
}
.ds-86, .ds-89, .ds-92 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 16px;
  border-radius: 18px;
  background: rgba(255,255,255,0.03);
}
.ds-87, .ds-90, .ds-93 {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: var(--muted);
}
.ds-88, .ds-91, .ds-94 {
  font-size: 14px;
  line-height: 1.5;
  color: var(--text-soft);
}
.ds-95 {
  margin: 0;
  padding: 0 40px 32px;
  font-size: 14px;
  line-height: 1.5;
  color: var(--muted);
}

/* SVG colours follow the theme tokens. */
.dd [stroke="#8A9692"] { stroke: var(--muted); }
.dd [stroke="#A8F5D5"] { stroke: var(--accent); }
.dd [stroke="rgba(255,255,255,0.07)"] { stroke: var(--line); }
.dd [fill="#A8F5D5"] { fill: var(--accent); }
.dd [fill="#FFC15A"] { fill: var(--amber); }
.dd [fill="#8A9692"] { fill: var(--muted); }
.dd [fill="#1B2124"] { fill: var(--surface-3); }
.dd [stroke="#7CCBFF"] { stroke: var(--sky); }
.dd [fill="#AEB9B5"] { fill: var(--text-2); }
.dd [fill="#171C1E"] { fill: var(--surface-2); }
.dd [stroke="rgba(255,255,255,0.12)"] { stroke: var(--line-strong); }
.dd [fill="#151A1C"] { fill: var(--raised); }
.dd [stroke="#101416"] { stroke: var(--panel); }

/* Light theme. */
[data-theme="light"] .ds-1 {
  background: radial-gradient(ellipse 50% 40% at 50% 0%, rgba(168,245,213,0.36), rgba(168,245,213,0) 70%);
}
[data-theme="light"] .ds-2 {
  background-image: radial-gradient(rgba(11,18,16,0.08) 1px, transparent 1px);
}
[data-theme="light"] .ds-4 {
  background: #FFFFFF;
  border: 1px solid rgba(11,18,16,0.09);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .ds-7 {
  text-shadow: unset;
}
[data-theme="light"] .ds-11 {
  border: 1px solid rgba(11,18,16,0.13);
  box-shadow: 0 0 0 6px rgba(11,122,82,0.05), 0 30px 70px -30px rgba(11,18,16,0.33);
}
[data-theme="light"] .ds-14 {
  background: rgba(11,18,16,0.06);
}
[data-theme="light"] .ds-18 {
  background: #FFFFFF;
  border: 1px solid rgba(11,18,16,0.09);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .ds-19 {
  border: 1px dashed rgba(11,18,16,0.22);
}
[data-theme="light"] .ds-21 {
  border: 1px dashed rgba(11,18,16,0.18);
}
[data-theme="light"] .ds-28 {
  background: radial-gradient(ellipse 40% 40% at 50% 55%, rgba(168,245,213,0.3), rgba(168,245,213,0) 70%);
}
[data-theme="light"] .ds-36 {
  border: 1px solid rgba(11,18,16,0.07);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .ds-37 {
  background: radial-gradient(circle at 50% 70%, rgba(168,245,213,0.24), rgba(168,245,213,0) 60%);
}
[data-theme="light"] .ds-38, [data-theme="light"] .ds-47, [data-theme="light"] .ds-56 {
  border: 1px dashed rgba(11,18,16,0.18);
}
[data-theme="light"] .ds-45 {
  border: 1px solid rgba(11,18,16,0.07);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .ds-54 {
  border: 1px solid rgba(11,18,16,0.07);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .ds-64 {
  border: 1px solid rgba(11,18,16,0.07);
  box-shadow: 0 1px 2px rgba(11,18,16,0.04);
}
[data-theme="light"] .ds-70 {
  border-top: 1px solid rgba(11,18,16,0.06);
}
[data-theme="light"] .ds-71, [data-theme="light"] .ds-75 {
  border-right: 1px solid rgba(11,18,16,0.06);
}
[data-theme="light"] .ds-72, [data-theme="light"] .ds-76 {
  background: rgba(11,122,82,0.08);
}
[data-theme="light"] .ds-83 {
  border-top: 1px solid rgba(11,18,16,0.06);
}
[data-theme="light"] .ds-86, [data-theme="light"] .ds-89, [data-theme="light"] .ds-92 {
  background: rgba(11,18,16,0.03);
}
[data-theme="light"] .dd [stroke="rgba(168,245,213,0.35)"] { stroke: rgba(11,122,82,0.32); }
[data-theme="light"] .dd [stroke="rgba(168,245,213,0.55)"] { stroke: rgba(11,122,82,0.35); }
[data-theme="light"] .dd [stroke="rgba(255,255,255,0.22)"] { stroke: rgba(11,18,16,0.22); }
[data-theme="light"] .dd [stroke="rgba(168,245,213,0.5)"] { stroke: rgba(11,122,82,0.35); }
[data-theme="light"] .dd [fill="rgba(255,255,255,0.18)"] { fill: rgba(11,18,16,0.18); }
[data-theme="light"] .dd [stroke="rgba(255,255,255,0.28)"] { stroke: rgba(11,18,16,0.28); }
[data-theme="light"] .dd [stroke="rgba(255,255,255,0.08)"] { stroke: rgba(11,18,16,0.08); }
[data-theme="light"] .dd [stroke="rgba(255,255,255,0.10)"] { stroke: rgba(11,18,16,0.10); }
[data-theme="light"] .dd [stroke="rgba(168,245,213,0.45)"] { stroke: rgba(11,122,82,0.35); }
[data-theme="light"] .dd [stroke="rgba(255,255,255,0.14)"] { stroke: rgba(11,18,16,0.14); }
[data-theme="light"] .dd [fill="rgba(255,255,255,0.32)"] { fill: rgba(11,18,16,0.32); }
[data-theme="light"] .dd [fill="rgba(255,255,255,0.14)"] { fill: rgba(11,18,16,0.14); }
[data-theme="light"] .dd [fill="rgba(168,245,213,0.45)"] { fill: rgba(11,122,82,0.35); }

/* Start page: hover states, the error line and phones. */
.dd .ts-btn-p { transition: background .2s, box-shadow .2s; }
.dd .ts-btn-p:hover { background: var(--mint-hover); box-shadow: 0 0 0 6px var(--mint-ring); color: var(--mint-ink); }
.dd .ts-btn-s { transition: background .2s, border-color .2s; }
.dd .ts-btn-s:hover { background: var(--btn-2-hover-bg); border-color: var(--btn-2-hover-border); }
[data-theme="light"] .dd .ts-btn-s:hover { background: rgba(11,18,16,0.05); border-color: rgba(11,18,16,0.20); }
.dd .ts-tile { transition: border-color .3s, transform .3s; }
.dd .ts-tile:hover { border-color: rgba(168,245,213,0.32); transform: translateY(-3px); }
.dd .ts-sum { list-style: none; }
.dd .ts-sum::-webkit-details-marker { display: none; }
.dd .ts-row { transition: background .2s; }
.dd .ts-row:hover { background: rgba(255,255,255,0.03); }
[data-theme="light"] .dd .ts-row:hover { background: rgba(11,18,16,0.03); }
.dd .ts-flink { color: var(--text-2); text-decoration: none; }
.dd .ts-flink:hover { color: var(--text); }
.ds-13::placeholder { color: var(--muted); opacity: 1; }
.ds-18 { text-decoration: none; }
.ds-83[open] .ds-84 svg { transform: rotate(180deg); }
.ds-84 svg { transition: transform .2s; }
.dd-form-error { margin: 0; font-size: 14px; line-height: 1.5; color: var(--rose); }
#view-deep :is(#deep-start-title, #deep-title):focus { outline: none; }

/* Selected token: page, token strip and the invitation before the first run. */
.dd-page { max-width: 1200px; margin: 0 auto; padding: 32px 24px 0; display: flex; flex-direction: column; gap: 20px; }
.dd [hidden] { display: none !important; }
.dd-back { align-self: flex-start; display: flex; gap: 8px; align-items: center; height: 44px; margin-bottom: -8px; font-size: 15px; font-weight: 500; }
.dd-token { position: relative; overflow: hidden; display: flex; flex-wrap: wrap; gap: 20px 28px; align-items: center; padding: 28px; border-radius: 32px; background: var(--panel); border: 1px solid var(--line); }
.dd-token-glow { position: absolute; right: -120px; top: -220px; width: 480px; height: 480px; border-radius: 50%; background: radial-gradient(circle, rgba(168,245,213,0.09), rgba(168,245,213,0) 65%); pointer-events: none; }
.dd-token-face { position: relative; width: 76px; height: 76px; flex-shrink: 0; box-sizing: border-box; border-radius: 50%; overflow: hidden; background: radial-gradient(circle at 35% 30%, #2A3236, #171C1E); border: 1px dashed rgba(255,255,255,0.22); display: grid; place-items: center; font-size: 22px; font-weight: 600; color: var(--muted); }
.dd-token-face img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dd-token-copy { position: relative; flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.dd-token-meta { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; }
.dd-token-chip { display: flex; align-items: center; height: 28px; padding: 0 12px; border-radius: 999px; background: rgba(124,203,255,0.12); color: var(--sky); font-size: 13px; font-weight: 600; }
.dd-token-times { font-size: 13px; color: var(--muted); }
.dd-token-name { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: baseline; min-width: 0; }
.dd-token-title { margin: 0; font-size: 44px; font-weight: 600; letter-spacing: -0.05em; line-height: 1; overflow-wrap: anywhere; }
.dd-token-symbol { font-size: 18px; color: var(--text-3); }
.dd-token-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.dd-contract { position: relative; display: flex; gap: 10px; align-items: center; height: 40px; padding: 0 14px; border-radius: 999px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); color: var(--text-soft); font-family: var(--font-mono); font-size: 13px; cursor: pointer; }
.dd-contract-label { color: var(--muted); }
.dd-token-actions { position: relative; display: flex; gap: 8px; align-items: center; }
.dd-btn-s { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px; border-radius: 999px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); color: var(--text); text-decoration: none; font-size: 14px; font-weight: 600; cursor: pointer; }
.dd-btn-p { display: flex; align-items: center; gap: 8px; height: 40px; padding: 0 18px; border-radius: 999px; background: var(--mint); color: var(--mint-ink); border: 0; text-decoration: none; font-size: 14px; font-weight: 600; cursor: pointer; }
.dd-btn-lg { height: 48px; padding: 0 20px; font-size: 15px; }
.dd-btn-p.dd-btn-lg { padding: 0 22px; }
.dd-btn-p[aria-disabled="true"], .dd-icon-btn[aria-disabled="true"] { cursor: progress; opacity: .8; }
.dd-icon-btn { width: 48px; height: 48px; padding: 0; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.10); color: var(--text); cursor: pointer; flex-shrink: 0; }
.dd-icon-btn[aria-disabled="true"] svg { animation: ts-spin 1.2s linear infinite; }
.dd-invite { padding: 24px 28px; border-radius: 24px; background: var(--panel); border: 1px dashed rgba(255,255,255,0.14); animation-delay: .05s; }
.dd-invite-text { margin: 0; max-width: 760px; font-size: 15px; line-height: 1.55; color: var(--text-2); }

/* The launch panel inside Deep Dive: its own heading is replaced by the token strip. */
#view-deep .launch-panel-heading { display: none; }
#view-deep .launch-panel, #view-scan .launch-panel { margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.launch-message { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Tabs */
.dd-work { display: flex; flex-direction: column; gap: 20px; font-family: var(--font-sans); color: var(--text); line-height: normal; }
.dd-toolbar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; }
.dd-tabs { max-width: 100%; box-sizing: border-box; display: flex; gap: 4px; padding: 4px; border-radius: 999px; background: var(--panel); border: 1px solid var(--line); overflow-x: auto; scrollbar-width: none; animation-delay: .05s; }
.dd-tabs::-webkit-scrollbar { display: none; }
.dd-tab { position: relative; flex-shrink: 0; display: flex; gap: 8px; align-items: center; height: 44px; padding: 0 20px; border-radius: 999px; background: none; border: 1px solid transparent; color: var(--text-2); font: inherit; font-size: 15px; font-weight: 500; cursor: pointer; transition: background .2s, color .2s; }
.dd-tab:hover { color: var(--text); background: rgba(255,255,255,0.06); }
.dd-tab[aria-selected="true"] { background: #1F2629; border-color: rgba(255,255,255,0.10); color: var(--text); font-weight: 600; }
.dd-tab-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--amber); }
.dd-expand { height: 40px; }
.dd-body { display: block; }
.dd-panel { display: flex; flex-direction: column; gap: 48px; outline: none; }
.dd-panel[hidden] { display: none; }
.dd-placeholder { margin: 0; padding: 28px; border-radius: 24px; background: var(--panel); border: 1px solid var(--line); font-size: 15px; color: var(--text-2); }

/* Section status */
.dd-status { display: flex; flex-wrap: wrap; border-radius: 24px; background: var(--panel); border: 1px solid var(--line); overflow: hidden; animation-delay: .1s; }
.dd-status-cell { flex: 1 1 260px; display: flex; flex-wrap: wrap; gap: 12px 14px; align-items: flex-start; padding: 20px 24px; border-right: 1px solid rgba(255,255,255,0.06); }
.dd-status-cell:last-child { border-right: 0; }
.dd-status-cell[data-tone="attention"] { flex: 1.4 1 340px; background: rgba(255,193,90,0.05); }
.dd-status-icon { width: 36px; height: 36px; flex-shrink: 0; border-radius: 12px; display: grid; place-items: center; background: rgba(255,255,255,0.06); color: var(--text-2); }
.dd-status-cell[data-tone="pass"] .dd-status-icon { background: rgba(168,245,213,0.10); color: var(--accent); }
.dd-status-cell[data-tone="attention"] .dd-status-icon { background: rgba(255,193,90,0.16); color: var(--amber); }
.dd-status-cell[data-stage-state="loading"] .dd-status-icon svg { animation: ts-spin 2.4s linear infinite; }
.dd-status-copy { flex: 1 1 180px; display: flex; flex-direction: column; gap: 3px; }
.dd-status-title { font-size: 16px; font-weight: 600; }
.dd-status-state { font-weight: 500; color: var(--text-2); }
.dd-status-cell[data-tone="pass"] .dd-status-state { color: var(--accent); }
.dd-status-cell[data-tone="attention"] .dd-status-state { color: var(--amber); }
.dd-status-sub { font-size: 13px; line-height: 1.45; color: var(--muted); }
.dd-status-retry { height: 44px; font-size: 14px; }

/* What stands out */
.dd-obs { display: flex; flex-direction: column; gap: 20px; }
.dd-obs-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 24px; padding: 0 8px; }
.dd-obs-title { margin: 0; font-size: 34px; font-weight: 600; letter-spacing: -0.045em; line-height: 1.05; }
.dd-obs-note { font-size: 15px; color: var(--muted); }
.dd-obs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); gap: 16px; }
.dd-card { display: flex; flex-direction: column; gap: 20px; padding: 28px; border-radius: 28px; background: var(--panel); border: 1px solid var(--line); transition: border-color .3s, transform .3s; }
.dd-card:nth-child(1) { animation-delay: .15s; }
.dd-card:nth-child(2) { animation-delay: .22s; }
.dd-card:nth-child(3) { animation-delay: .29s; }
.dd-card[data-stage-state="ready"]:hover, .dd-card[data-stage-state="partial"]:hover { border-color: rgba(168,245,213,0.32); transform: translateY(-3px); }
.dd-card[data-stage-state="waiting"], .dd-card[data-stage-state="queued"], .dd-card[data-stage-state="loading"] { border-style: dashed; }
.dd-card-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.dd-card-kicker-row { display: flex; gap: 10px; align-items: center; }
.dd-kicker { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.08em; color: var(--muted); }
.dd-card-flag { font-size: 12px; font-weight: 600; color: var(--amber); background: rgba(255,193,90,0.12); padding: 3px 9px; border-radius: 999px; }
.dd-card-icon { width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; background: rgba(168,245,213,0.10); color: var(--accent); }
.dd-card-icon[data-tone="attention"] { background: rgba(255,193,90,0.12); color: var(--amber); }
.dd-card-copy { display: flex; flex-direction: column; gap: 10px; }
.dd-card-title { margin: 0; font-size: 24px; font-weight: 600; letter-spacing: -0.03em; line-height: 1.15; }
.dd-card[data-stage-state="waiting"] .dd-card-title, .dd-card[data-stage-state="queued"] .dd-card-title, .dd-card[data-stage-state="loading"] .dd-card-title { color: var(--text-2); }
.dd-card-text { margin: 0; font-size: 15px; line-height: 1.5; color: var(--text-2); }
.dd-card-text:empty { display: none; }
.dd-metric { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border-radius: 18px; background: var(--inset); border: 1px solid rgba(255,255,255,0.05); }
.dd-metric-value { font-size: 30px; font-weight: 600; letter-spacing: -0.04em; line-height: 1.1; }
.dd-metric-of { font-size: 18px; color: var(--muted); letter-spacing: -0.02em; }
.dd-metric-note { font-size: 13px; line-height: 1.45; color: var(--text-3); }
.dd-card-note { margin: 0; display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 1.45; color: var(--text-soft); }
.dd-note-icon { flex-shrink: 0; margin-top: 2px; color: var(--sky); }
.dd-card-source { display: flex; flex-direction: column; gap: 6px; font-size: 13px; color: var(--muted); }
.dd-card-source-line { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: center; }
.dd-card-source-line:empty { display: none; }
.dd-source-link { font-family: var(--font-mono); text-decoration: none; }
.dd-card-action { margin-top: auto; display: flex; align-items: center; min-height: 44px; padding: 12px 0 0; border: 0; border-top: 1px solid rgba(255,255,255,0.06); background: none; color: var(--accent); font: inherit; font-size: 15px; font-weight: 600; text-align: left; cursor: pointer; }
.dd-card-action:hover { color: var(--accent-hover); }

/* Launch at a glance */
.dd-glance { border-radius: 32px; background: var(--panel); border: 1px solid var(--line); overflow: hidden; animation-delay: .35s; }
.dd-glance-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 12px 24px; padding: 32px 32px 8px; }
.dd-glance-copy { display: flex; flex-direction: column; gap: 8px; }
.dd-glance-title { margin: 0; font-size: 26px; font-weight: 600; letter-spacing: -0.03em; }
.dd-glance-sub { font-size: 14px; color: var(--muted); }
.dd-link-btn { display: flex; align-items: center; min-height: 44px; padding: 0; border: 0; background: none; color: var(--accent); font: inherit; font-size: 15px; font-weight: 600; cursor: pointer; }
.dd-link-btn:hover { color: var(--accent-hover); }
.dd-glance-row { display: flex; flex-wrap: wrap; }
.dd-glance-col { flex: 1 1 320px; display: flex; flex-direction: column; gap: 14px; padding: 24px 32px 28px; }
.dd-glance-col + .dd-glance-col { border-left: 1px solid rgba(255,255,255,0.06); }
.dd-glance-col.is-creator { flex: 0.8 1 260px; gap: 12px; }
.dd-glance-label { font-size: 14px; font-weight: 600; color: var(--text-2); }
.dd-glance-figure { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; }
.dd-glance-value { font-size: 48px; font-weight: 600; letter-spacing: -0.05em; line-height: 1; }
.dd-glance-of { font-size: 14px; color: var(--text-3); }
.dd-bar { height: 10px; border-radius: 999px; background: rgba(255,255,255,0.06); overflow: hidden; }
.dd-bar-fill { height: 10px; border-radius: 999px; background: var(--mint); }
.dd-bar-fill.is-muted { background: var(--text-2); }
.dd-glance-foot { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; font-size: 13px; color: var(--muted); }
.dd-chip-mono { font-family: var(--font-mono); font-size: 12px; color: var(--text-soft); background: rgba(255,255,255,0.06); padding: 3px 9px; border-radius: 999px; }
.dd-glance-dl { margin: 0; display: flex; flex-direction: column; font-size: 14px; }
.dd-glance-dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.05); }
.dd-glance-dl > div:last-child { border-bottom: 0; }
.dd-glance-dl dt { color: var(--text-3); }
.dd-glance-dl dd { margin: 0; font-weight: 600; }
.dd-glance-dl dd.is-mono { font-family: var(--font-mono); font-size: 13px; font-weight: 400; }
.dd-glance-note { margin: 0; padding: 16px 32px; border-top: 1px solid rgba(255,255,255,0.06); font-size: 14px; line-height: 1.5; color: var(--text-3); }
.dd-wallets { border-top: 1px solid rgba(255,255,255,0.06); }
.dd-wallets-sum { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 60px; padding: 0 32px; cursor: pointer; font-size: 15px; font-weight: 600; transition: background .2s; }
.dd-wallets-sum:hover { background: rgba(255,255,255,0.03); }
.dd-chev { color: var(--muted); transition: transform .2s; }
.dd-wallets[open] .dd-chev { transform: rotate(180deg); }
.dd-wallets-list { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 32px 28px; }
.dd-wallet-pill { padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,0.05); color: var(--text-soft); font-family: var(--font-mono); font-size: 13px; text-decoration: none; }
.dd-wallet-pill:hover { color: var(--text); background: rgba(255,255,255,0.09); }
.dd-footnote { margin: 0; padding: 0 8px; font-size: 14px; line-height: 1.5; color: var(--muted); }
.dd-footnote a { text-decoration: none; }
@keyframes ts-grow { from { transform: scaleX(0); } to { transform: none; } }
.dd-bar-fill.ts-grow { transform-origin: left; animation: ts-grow 1.2s cubic-bezier(.2,.7,.2,1) both; }


/* Launch tab (DeepDive-Launch.html) */
.dd-panel-launch { gap: 20px; padding-top: 12px; }
.dd-section-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 12px 24px; padding: 0 8px; }
.dd-section-copy { display: flex; flex-direction: column; gap: 8px; }
.dd-section-title { margin: 0; font-size: 28px; font-weight: 600; letter-spacing: -0.04em; }
.dd-section-title.is-large { font-size: 34px; letter-spacing: -0.045em; line-height: 1.05; }
.dd-section-sub { font-size: 15px; color: var(--muted); }
.dd-mono { font-family: var(--font-mono); font-size: 14px; }
.dd-mono.is-soft { color: var(--text-soft); }
.dd-muted { color: var(--muted); }
.dd-muted-2 { color: var(--text-3); }
.dd-pill { display: flex; gap: 8px; align-items: center; height: 32px; padding: 0 12px; border-radius: 999px; background: rgba(168,245,213,0.10); color: var(--accent); font-size: 13px; font-weight: 600; }
.dd-pill-dot { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.dd-pill.is-attention { background: rgba(255,193,90,0.12); color: var(--amber); }
.dd-scope { border-radius: 20px; background: rgba(124,203,255,0.06); border: 1px solid rgba(124,203,255,0.16); }
.dd-scope-sum { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; min-height: 56px; padding: 6px 20px; cursor: pointer; }
.dd-scope-icon { flex-shrink: 0; color: var(--sky); }
.dd-scope-text { flex: 1 1 320px; font-size: 15px; color: var(--text-soft); }
.dd-scope-more { display: flex; gap: 6px; align-items: center; font-size: 14px; font-weight: 600; color: var(--accent); }
.dd-scope-more svg { transition: transform .2s; }
.dd-scope[open] .dd-scope-more svg { transform: rotate(180deg); }
.dd-scope-list { margin: 0; padding: 0 20px 20px 52px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; line-height: 1.5; color: var(--text-2); }
.dd-replay { display: flex; flex-direction: column; gap: 16px; }
.dd-timeline { display: flex; flex-direction: column; gap: 18px; padding: 28px; border-radius: 28px; background: var(--panel); border: 1px solid var(--line); }
.dd-timeline-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 24px; }
.dd-timeline-title { margin: 0; font-size: 20px; font-weight: 600; letter-spacing: -0.02em; }
.dd-legend { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 13px; color: var(--text-2); }
.dd-legend-item { display: flex; gap: 8px; align-items: center; }
.dd-sw-bar { width: 6px; height: 14px; border-radius: 2px; background: rgba(174,185,181,0.55); }
.dd-sw-diamond { width: 9px; height: 9px; transform: rotate(45deg); border-radius: 1px; background: var(--accent); }
.dd-sw-sale { fill: var(--amber); }
.dd-sw-ring { width: 10px; height: 10px; box-sizing: border-box; border-radius: 50%; border: 2px solid var(--accent); }
.dd-chart-frame { border-radius: 20px; background: var(--inset); border: 1px solid rgba(255,255,255,0.05); padding: 12px 8px 4px; overflow: hidden; }
.dd-chart { display: block; width: 100%; height: auto; }
.dd-chart-grid { stroke: rgba(255,255,255,0.05); }
.dd-chart-lane { font-family: var(--font-mono); font-size: 10px; letter-spacing: 1px; fill: var(--muted); }
.dd-chart-rail { stroke: rgba(255,255,255,0.07); }
.dd-chart-bin { fill: rgba(168,245,213,0.06); stroke: rgba(168,245,213,0.28); stroke-dasharray: 3 4; }
.dd-chart-bin-label { font-family: var(--font-mono); font-size: 10px; letter-spacing: 1px; fill: var(--accent); }
.dd-chart-guide-buy { stroke: rgba(168,245,213,0.45); }
.dd-chart-guide-sale { stroke: rgba(255,193,90,0.55); }
.dd-chart-buy { fill: var(--accent); }
.dd-chart-sale { fill: var(--amber); }
.dd-chart-note-buy, .dd-chart-note-sale { font-family: var(--font-sans); font-size: 12px; font-weight: 600; fill: var(--accent); }
.dd-chart-note-sale { fill: var(--amber); }
.dd-chart-bars { fill: rgba(174,185,181,0.75); }
.dd-chart-bars.is-dim { fill: rgba(174,185,181,0.40); }
.dd-chart-bar-selected { fill: var(--accent); }
.dd-chart-ring { fill: none; stroke: var(--accent); stroke-width: 2; }
.dd-chart-axis { stroke: rgba(255,255,255,0.16); }
.dd-chart-ticks { font-family: var(--font-mono); font-size: 11px; fill: var(--muted); text-anchor: middle; }
.dd-chart-pointer { fill: var(--accent); }
.dd-chart-pointer-label { font-family: var(--font-mono); font-size: 11px; fill: var(--accent); }
.dd-stepper { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.dd-stepper-row { flex: 1 1 420px; display: flex; align-items: center; gap: 10px; }
.dd-round { width: 44px; height: 44px; flex-shrink: 0; padding: 0; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.10); color: var(--text); cursor: pointer; }
.dd-round:disabled { opacity: .4; cursor: default; }
.dd-slider { flex: 1; min-width: 0; height: 44px; margin: 0; accent-color: var(--accent); cursor: pointer; }
.dd-stepper-pos { font-family: var(--font-mono); font-size: 13px; color: var(--text-soft); }
.dd-stepper-note { font-size: 13px; }
.dd-replay-row { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; }
.dd-selected { flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 18px; padding: 28px; border-radius: 28px; background: var(--panel); border: 1px solid rgba(168,245,213,0.22); animation-delay: .1s; }
.dd-selected-head { display: flex; flex-direction: column; gap: 6px; }
.dd-kicker.is-accent { color: var(--accent); }
.dd-selected-title { margin: 0; font-size: 24px; font-weight: 600; letter-spacing: -0.03em; }
.dd-selected-time { font-size: 14px; color: var(--muted); }
.dd-dl { margin: 0; display: flex; flex-direction: column; font-size: 15px; }
.dd-dl > div { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,0.05); }
.dd-dl > div:last-child { border-bottom: 0; }
.dd-dl dt { color: var(--text-3); }
.dd-dl dd { margin: 0; display: flex; gap: 6px; align-items: center; justify-content: flex-end; flex-wrap: wrap; text-align: right; }
.dd-copy { width: 40px; height: 40px; padding: 0; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,0.05); border: 1px solid transparent; color: var(--text-2); cursor: pointer; }
.dd-balance { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border-radius: 16px; background: rgba(255,255,255,0.03); }
.dd-balance-line { font-size: 14px; }
.dd-balance-note { font-size: 13px; line-height: 1.45; color: var(--muted); }
.dd-selected-foot { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; justify-content: space-between; }
.dd-selected-foot .dd-mono { font-size: 13px; }
.dd-btn-md { height: 44px; padding: 0 18px; font-size: 15px; }
.dd-interval { flex: 1.25 1 440px; min-width: 0; border-radius: 28px; background: var(--panel); border: 1px solid var(--line); overflow: hidden; animation-delay: .16s; }
.dd-interval-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 16px; padding: 26px 24px 14px; font-size: 14px; }
.dd-interval-title { margin: 0; font-size: 20px; font-weight: 600; letter-spacing: -0.02em; }
.dd-bins { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 24px 16px; }
.dd-bin { display: flex; gap: 8px; align-items: center; height: 36px; padding: 0 12px; border-radius: 999px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); color: var(--text-2); font: inherit; font-size: 13px; cursor: pointer; }
.dd-bin[aria-pressed="true"] { background: rgba(168,245,213,0.10); border-color: rgba(168,245,213,0.30); color: var(--accent); font-weight: 600; }
.dd-bin-count { font-family: var(--font-mono); font-size: 12px; }
.dd-table-wrap { overflow-x: auto; }
.dd-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.dd-table th { padding: 10px 8px; font-family: var(--font-mono); font-size: 11px; font-weight: 500; letter-spacing: 0.08em; color: var(--muted); text-align: left; }
.dd-table td { padding: 4px 8px; }
.dd-table tbody tr { border-top: 1px solid rgba(255,255,255,0.06); transition: background .2s; }
.dd-table tbody tr:hover { background: rgba(255,255,255,0.03); }
.dd-table .is-first { padding-left: 24px; }
.dd-table .is-last { padding-right: 24px; }
.dd-table .is-num { text-align: right; }
.dd-table .is-mono { font-family: var(--font-mono); }
.dd-table .is-time { color: var(--text-2); }
.dd-table tr.is-current { background: rgba(168,245,213,0.07); box-shadow: inset 3px 0 0 var(--accent); }
.dd-table tr.is-current .is-time { color: var(--accent); }
.dd-table tr.is-current td { font-weight: 600; }
.dd-tx-link { display: inline-flex; align-items: center; min-height: 44px; text-decoration: none; }
.dd-interval-foot, .dd-interval-empty { margin: 0; padding: 14px 24px 22px; border-top: 1px solid rgba(255,255,255,0.06); font-size: 13px; line-height: 1.5; color: var(--muted); }
.dd-mono-link { font-family: var(--font-mono); text-decoration: none; }
.dd-flow { display: flex; flex-direction: column; gap: 18px; margin-top: 28px; animation-delay: .2s; }
.dd-flow-panel { border-radius: 28px; background: var(--panel); border: 1px solid var(--line); overflow: hidden; }
.dd-flow-top { display: flex; flex-direction: column; gap: 10px; padding: 24px 24px 20px; }
.dd-flow-bar { display: flex; gap: 3px; height: 12px; border-radius: 999px; overflow: hidden; }
.dd-flow-piece { flex-basis: 0; transform-origin: left; }
.dd-flow-piece.ts-grow { animation: ts-grow 1.2s cubic-bezier(.2,.7,.2,1) both; }
.is-sale.dd-flow-piece, .dd-flow-dot.is-sale { background: var(--amber); }
.is-transfer.dd-flow-piece, .dd-flow-dot.is-transfer { background: var(--sky); }
.is-burn.dd-flow-piece, .dd-flow-dot.is-burn { background: var(--rose); }
.is-program.dd-flow-piece, .dd-flow-dot.is-program { background: #B9A6FF; }
.is-held.dd-flow-piece { background: rgba(255,255,255,0.22); }
.dd-flow-dot.is-held { background: rgba(255,255,255,0.35); }
.dd-flow-keys { display: flex; flex-wrap: wrap; gap: 6px 20px; font-size: 13px; color: var(--text-2); }
.dd-flow-key { display: flex; gap: 8px; align-items: center; }
.dd-flow-dot { width: 8px; height: 8px; border-radius: 50%; }
.dd-flow-cells { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)); border-top: 1px solid rgba(255,255,255,0.06); }
.dd-flow-cell { display: flex; flex-direction: column; gap: 10px; padding: 22px 24px; border-right: 1px solid rgba(255,255,255,0.06); }
.dd-flow-cell:last-child { border-right: 0; }
.dd-flow-cell.is-attention { background: rgba(255,193,90,0.05); }
.dd-flow-cell-head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.dd-flow-cell-title { font-size: 15px; font-weight: 600; }
.dd-flow-cell-count { font-size: 26px; font-weight: 600; letter-spacing: -0.04em; }
.dd-flow-cell-count.is-mint { color: var(--accent); }
.dd-flow-cell-count.is-attention { color: var(--amber); }
.dd-flow-cell-count.is-sky { color: var(--sky); }
.dd-flow-cell-count.is-muted, .dd-flow-cell-count.is-none { color: var(--muted); }
.dd-flow-cell-text { font-size: 14px; line-height: 1.45; color: var(--text-2); }
.dd-flow-cell-text.is-none { color: var(--text-3); }
.dd-flow-cell-link { margin-top: auto; display: flex; align-items: center; min-height: 44px; font-family: var(--font-mono); font-size: 13px; text-decoration: none; }
.dd-flow-note { margin: 0; padding: 16px 24px 20px; border-top: 1px solid rgba(255,255,255,0.06); font-size: 13px; line-height: 1.5; color: var(--muted); }
.dd-fold { border-radius: 28px; background: var(--panel); border: 1px solid var(--line); }
.dd-fold-sum { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 64px; padding: 0 28px; cursor: pointer; font-size: 17px; font-weight: 600; }
.dd-fold[open] .dd-chev { transform: rotate(180deg); }
.dd-fold > .dd-replay { padding: 0 16px 16px; }
.dd-records { border-radius: 24px; background: var(--panel); border: 1px solid var(--line); }
.dd-records-sum { display: flex; align-items: center; min-height: 60px; padding: 0 24px; cursor: pointer; font-size: 15px; font-weight: 600; }
.dd-records[open] > .dd-records-sum { border-bottom: 1px solid rgba(255,255,255,0.06); }
.dd-records > :not(summary) { margin: 0 24px; }
.dd-records > :last-child { margin-bottom: 24px; }
.dd-records .launch-columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 24px; padding-top: 20px; }
.dd-records .launch-section-title { margin: 20px 0 10px; font-size: 16px; font-weight: 600; }
.dd-records .launch-metrics, .dd-records .launch-buyer-values { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.dd-records .launch-metric { display: flex; flex-direction: column; gap: 2px; padding: 6px 0; font-size: 14px; }
.dd-records .launch-metric-label { font-size: 12px; color: var(--muted); }
.dd-records .launch-metric-value { font-weight: 600; }
.dd-records :is(.launch-trades, .launch-buyer-list) { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; }
.dd-records :is(.launch-trade, .launch-buyer) { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; padding: 10px 0; border-top: 1px solid rgba(255,255,255,0.06); font-size: 14px; }
.dd-records .launch-buyer { flex-direction: column; align-items: flex-start; }
.dd-records :is(.launch-wallet-link, .launch-tx-link, .launch-link) { font-family: var(--font-mono); font-size: 13px; text-decoration: none; overflow-wrap: anywhere; }
.dd-records :is(.launch-scope-note, .launch-current, .launch-empty) { margin: 6px 0; font-size: 13px; line-height: 1.5; color: var(--text-3); }
[data-theme="light"] .dd-chart-grid, [data-theme="light"] .dd-chart-rail { stroke: rgba(11,18,16,0.07); }
[data-theme="light"] .dd-chart-axis { stroke: rgba(11,18,16,0.18); }
[data-theme="light"] .dd-chart-bars { fill: rgba(11,18,16,0.45); }
[data-theme="light"] .dd-chart-bars.is-dim { fill: rgba(11,18,16,0.18); }
[data-theme="light"] .dd-chart-bin { fill: rgba(11,122,82,0.06); stroke: rgba(11,122,82,0.30); }
[data-theme="light"] .dd-sw-bar { background: rgba(11,18,16,0.40); }
[data-theme="light"] :is(.dd-timeline, .dd-selected, .dd-interval, .dd-flow-panel, .dd-fold, .dd-records) { box-shadow: 0 1px 2px rgba(11,18,16,0.04); }
[data-theme="light"] .dd-selected { border-color: rgba(11,122,82,0.25); }
[data-theme="light"] :is(.dd-round, .dd-copy, .dd-bin) { background: #FFFFFF; border-color: rgba(11,18,16,0.12); }
[data-theme="light"] .dd-bin[aria-pressed="true"] { background: var(--mint-soft); border-color: rgba(11,122,82,0.30); }
[data-theme="light"] :is(.dd-dl > div, .dd-table tbody tr, .dd-interval-foot, .dd-interval-empty, .dd-flow-cells, .dd-flow-cell, .dd-flow-note, .dd-records[open] > .dd-records-sum, .dd-records .launch-trade, .dd-records .launch-buyer) { border-color: rgba(11,18,16,0.06); }
[data-theme="light"] .dd-balance { background: rgba(11,18,16,0.03); }
[data-theme="light"] .dd-pill { background: var(--mint-soft); }
[data-theme="light"] .dd-pill.is-attention { background: var(--amber-soft); }
[data-theme="light"] .dd-flow-cell.is-attention { background: rgba(255,193,90,0.10); }
[data-theme="light"] .is-held.dd-flow-piece { background: rgba(11,18,16,0.18); }
[data-theme="light"] .dd-flow-dot.is-held { background: rgba(11,18,16,0.30); }


/* Funding and Other tokens tabs (DeepDive-Funding.html). The panels' own headings and buttons are
   replaced by the section status and these views; their status lines stay for screen readers. */
.dd-panel :is(.funding-panel-heading) { display: none; }
.dd-panel .creator-panel > :is(.launch-section-title, .launch-scope-note, .creator-read-button) { display: none; }
.dd-panel :is(.funding-message, .launch-status) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
:root .dd-panel :is(.funding-panel, .creator-panel) { margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.dd-panel :is(.funding-evidence, .creator-evidence) { display: flex; flex-direction: column; gap: 20px; padding-top: 12px; }
.dd-panel-funding, .dd-panel-creator { gap: 20px; }
.dd-section-sub.is-wide { max-width: 700px; line-height: 1.5; }
.dd-banner { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding: 14px 16px 14px 20px; border-radius: 20px; background: rgba(168,245,213,0.06); border: 1px solid rgba(168,245,213,0.20); }
.dd-banner.is-attention { background: rgba(255,193,90,0.07); border-color: rgba(255,193,90,0.22); }
.dd-banner-icon { width: 32px; height: 32px; flex-shrink: 0; border-radius: 10px; display: grid; place-items: center; background: rgba(168,245,213,0.12); color: var(--accent); }
.dd-banner.is-attention .dd-banner-icon { background: rgba(255,193,90,0.16); color: var(--amber); }
.dd-banner-copy { flex: 1 1 380px; display: flex; flex-direction: column; gap: 2px; }
.dd-banner-title { font-size: 15px; font-weight: 600; color: var(--accent); }
.dd-banner.is-attention .dd-banner-title { color: var(--amber); }
.dd-banner-text { font-size: 14px; line-height: 1.45; color: var(--text-soft); }
.dd-trail-card { display: flex; flex-direction: column; gap: 16px; padding: 28px; border-radius: 28px; background: var(--panel); border: 1px solid var(--line); }
.dd-sw-line { width: 18px; height: 2px; }
.dd-sw-line.is-mint { background: var(--accent); }
.dd-sw-line.is-sky { background: var(--sky); }
.dd-sw-line.is-dashed { height: 0; border-top: 2px dashed var(--muted); }
.dd-trail-frame { border-radius: 20px; background: var(--inset); border: 1px solid rgba(255,255,255,0.05); padding: 16px 12px; overflow-x: auto; }
.dd-trail { display: block; width: 100%; min-width: 720px; height: auto; }
.dd-trail-heads { font-family: var(--font-mono); font-size: 11px; letter-spacing: 1.2px; fill: var(--muted); }
.dd-trail-rule { stroke: rgba(255,255,255,0.06); }
.dd-trail-edge { stroke-width: 1.6; }
.dd-trail-edge.is-mint { stroke: rgba(168,245,213,0.40); }
.dd-trail-edge.is-sky { stroke: rgba(124,203,255,0.7); stroke-width: 1.8; }
.dd-trail-edge.is-sky-soft { stroke: rgba(124,203,255,0.45); }
.dd-trail-edge.is-plain { stroke: rgba(174,185,181,0.40); }
.dd-trail-edge.is-unknown { stroke: rgba(255,255,255,0.25); stroke-dasharray: 4 5; }
.dd-trail-edge.is-attention { stroke: rgba(255,193,90,0.40); stroke-dasharray: 4 5; }
.dd-trail-edge.is-selected { stroke: var(--accent); stroke-width: 2.6; stroke-dasharray: none; }
.dd-trail-dot { fill: var(--accent); }
.dd-trail-note { font-family: var(--font-sans); font-size: 13px; fill: var(--muted); }
.dd-trail-dots { stroke: rgba(255,255,255,0.10); stroke-dasharray: 2 5; }
.dd-trail-box { fill: var(--surface-2); stroke: rgba(255,255,255,0.12); }
.dd-trail-box.is-mint { fill: rgba(168,245,213,0.08); stroke: var(--accent); stroke-width: 1.5; }
.dd-trail-box.is-sky { fill: rgba(124,203,255,0.08); stroke: rgba(124,203,255,0.45); }
.dd-trail-box.is-bridge { stroke: rgba(124,203,255,0.45); }
.dd-trail-box.is-unknown { fill: none; stroke: rgba(255,255,255,0.28); stroke-dasharray: 5 5; }
.dd-trail-box.is-attention { fill: none; stroke: rgba(255,193,90,0.45); stroke-dasharray: 5 5; }
.dd-trail-title { font-family: var(--font-sans); font-size: 14px; font-weight: 600; fill: var(--text); }
.dd-trail-title.is-mono { font-family: var(--font-mono); font-weight: 400; }
.dd-trail-sub { font-family: var(--font-sans); font-size: 12px; fill: var(--text-2); }
.dd-trail-pill { fill: var(--surface-2); stroke: rgba(255,255,255,0.10); }
.dd-trail-pill.is-sky { stroke: rgba(124,203,255,0.35); }
.dd-trail-pill.is-unknown { fill: none; stroke: rgba(255,255,255,0.22); stroke-dasharray: 5 5; }
.dd-trail-pill.is-attention { fill: none; stroke: rgba(255,193,90,0.45); stroke-dasharray: 5 5; }
.dd-trail-pill.is-selected { fill: rgba(168,245,213,0.10); stroke: var(--accent); stroke-width: 1.5; stroke-dasharray: none; }
.dd-trail-pill-title { font-family: var(--font-sans); font-size: 14px; font-weight: 600; fill: var(--text-soft); }
.dd-trail-pill-title.is-mono { font-family: var(--font-mono); font-weight: 400; }
.dd-trail-pill-title.is-attention { fill: var(--amber); }
.dd-trail-pill-note { font-family: var(--font-sans); font-size: 13px; fill: var(--text-2); }
.dd-trail-pill-note.is-selected { font-weight: 600; fill: var(--accent); }
.dd-trail-wallet { cursor: pointer; outline: none; }
.dd-trail-wallet:hover .dd-trail-pill:not(.is-selected) { stroke: rgba(255,255,255,0.28); }
.dd-trail-wallet:focus-visible .dd-trail-pill { stroke: var(--focus); stroke-width: 2; }
.dd-trail-scope { border-radius: 16px; background: rgba(255,255,255,0.03); }
.dd-trail-scope-sum { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; min-height: 52px; padding: 4px 18px; cursor: pointer; }
.dd-trail-scope-text { flex: 1 1 320px; font-size: 14px; color: var(--text-soft); }
.dd-trail-scope[open] .dd-scope-more svg { transform: rotate(180deg); }
.dd-trail-scope-list { margin: 0; padding: 0 18px 18px 49px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; line-height: 1.5; color: var(--text-2); }
.dd-path { flex: 1.3 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 18px; padding: 28px; border-radius: 28px; background: var(--panel); border: 1px solid rgba(168,245,213,0.22); animation-delay: .1s; }
.dd-path-head { display: flex; flex-direction: column; gap: 8px; }
.dd-path-title { margin: 0; display: flex; flex-wrap: wrap; gap: 6px 12px; align-items: center; font-family: var(--font-mono); font-size: 20px; font-weight: 500; }
.dd-path-arrow { color: var(--accent); }
.dd-path-text { margin: 0; font-size: 15px; line-height: 1.5; color: var(--text-2); }
.dd-path-facts { margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr)); gap: 8px; }
.dd-path-facts > div { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border-radius: 16px; background: rgba(255,255,255,0.03); }
.dd-path-facts dt { font-size: 12px; font-weight: 600; letter-spacing: 0.04em; color: var(--muted); }
.dd-path-facts dd { margin: 0; font-size: 15px; }
.dd-path-facts dd.is-big { font-size: 20px; font-weight: 600; }
.dd-path-branch { display: flex; flex-direction: column; border-top: 1px solid rgba(255,255,255,0.06); padding-top: 14px; }
.dd-path-branch-title { font-size: 14px; font-weight: 600; margin-bottom: 4px; }
.dd-path-branch-text { margin: 4px 0; font-size: 14px; line-height: 1.5; color: var(--text-soft); }
.dd-path-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 4px 16px; padding: 2px 0; border-bottom: 1px solid rgba(255,255,255,0.05); font-size: 14px; }
.dd-path-row:last-child { border-bottom: 0; }
.dd-path-note { margin: 0; display: flex; gap: 10px; align-items: flex-start; padding: 14px 16px; border-radius: 16px; background: rgba(124,203,255,0.08); font-size: 14px; line-height: 1.45; color: var(--text-soft); }
.dd-hash { margin: 0; font-family: var(--font-mono); font-size: 12px; line-height: 1.5; color: var(--text-3); overflow-wrap: anywhere; }
.dd-small { margin: 0; font-size: 13px; line-height: 1.5; }
.dd-side-col { flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.dd-side { border-radius: 24px; background: var(--panel); border: 1px solid var(--line); }
.dd-side.is-sky { border-color: rgba(124,203,255,0.22); }
.dd-side.is-attention { border-color: rgba(255,193,90,0.20); }
.dd-side-sum { display: flex; gap: 14px; align-items: center; padding: 18px 20px; border-radius: 24px; cursor: pointer; }
.dd-side-icon { width: 40px; height: 40px; flex-shrink: 0; border-radius: 12px; display: grid; place-items: center; background: rgba(255,255,255,0.06); color: var(--text-2); }
.dd-side.is-sky .dd-side-icon { background: rgba(124,203,255,0.12); color: var(--sky); }
.dd-side.is-attention .dd-side-icon { background: rgba(255,193,90,0.14); color: var(--amber); }
.dd-side-copy { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.dd-side-title { font-size: 16px; font-weight: 600; }
.dd-side-sub { font-size: 13px; color: var(--text-3); }
.dd-side[open] .dd-chev { transform: rotate(180deg); }
.dd-side-body { display: flex; flex-direction: column; gap: 10px; padding: 0 20px 20px; }
.dd-side-text { margin: 0; font-size: 14px; line-height: 1.5; color: var(--text-soft); }
.dd-side-link { display: flex; align-items: center; min-height: 40px; font-size: 14px; text-decoration: none; }
.dd-wallet-rows { display: flex; flex-direction: column; padding-bottom: 8px; }
.dd-wallet-row { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; padding: 6px 0; border-top: 1px solid rgba(255,255,255,0.06); font-size: 14px; }
.dd-wallet-row:first-child { border-top: 0; }
.dd-wallet-role { flex: 0 0 130px; color: var(--text-3); }
.dd-wallet-state { flex: 0 0 140px; font-weight: 600; }
.dd-wallet-row .dd-muted-2 { flex: 1 1 200px; }
.dd-relay-row { display: flex; flex-direction: column; gap: 4px; padding: 12px 0; border-top: 1px solid rgba(255,255,255,0.06); font-size: 14px; }
.dd-creator-meaning { margin: -6px 0 0; padding: 0 8px; max-width: 820px; font-size: 15px; line-height: 1.5; color: var(--text-2); }
.creator-history-links { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 13px; }
.dd-creator-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; padding: 0 8px; font-size: 14px; color: var(--text-3); }
.dd-creator-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)); gap: 12px; }
.dd-token-card { display: flex; flex-direction: column; gap: 14px; padding: 22px; border-radius: 24px; background: var(--panel); border: 1px solid var(--line); transition: border-color .3s, transform .3s; }
.dd-token-card:hover { border-color: rgba(168,245,213,0.32); transform: translateY(-3px); }
.dd-token-card .creator-token-identity { display: flex; gap: 12px; align-items: center; min-width: 0; }
.dd-token-card-face { position: relative; width: 44px; height: 44px; flex-shrink: 0; box-sizing: border-box; border-radius: 50%; overflow: hidden; background: var(--surface-3); border: 1px dashed rgba(255,255,255,0.22); display: grid; place-items: center; font-size: 13px; font-weight: 600; color: var(--muted); }
.dd-token-card-face img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.dd-token-card-names { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.dd-token-card .creator-token-title { font-size: 16px; font-weight: 600; overflow-wrap: anywhere; }
.dd-token-card .creator-token-symbol { font-size: 13px; color: var(--muted); }
.dd-token-card .creator-token-cap { display: flex; flex-direction: column; gap: 2px; }
.dd-token-card .creator-token-cap strong { font-size: 26px; font-weight: 600; letter-spacing: -0.04em; }
.dd-token-card .creator-token-cap.is-missing strong { font-size: 17px; line-height: 1.25; color: var(--text-2); letter-spacing: 0; }
.dd-token-card .creator-token-cap span { font-size: 13px; color: var(--muted); }
.dd-token-card :is(.creator-token-created, .creator-role) { margin: 0; font-size: 13px; line-height: 1.5; color: var(--text-3); }
.dd-token-card .creator-role { margin-top: -14px; }
.dd-token-card :is(.creator-token-source, .creator-market-source) { margin: 0; font-size: 12px; color: var(--muted); }
.dd-token-card .creator-token-actions { margin-top: auto; display: flex; flex-wrap: wrap; gap: 4px 16px; align-items: center; }
.dd-token-card .creator-open-deep-dive { display: flex; align-items: center; min-height: 44px; font-size: 14px; font-weight: 600; text-decoration: none; }
.dd-token-card .creator-scan-token { font-size: 13px; text-decoration: none; color: var(--text-2); }
.dd-token-card .creator-token-details { font-size: 13px; color: var(--text-3); }
.dd-token-card .creator-token-details summary { cursor: pointer; min-height: 32px; display: flex; align-items: center; }
.dd-token-card .creator-token-details :is(p, a) { margin: 4px 0; font-family: var(--font-mono); font-size: 12px; overflow-wrap: anywhere; }
.dd-repeats { border-radius: 28px; background: var(--panel); border: 1px solid var(--line); overflow: hidden; }
.dd-repeats-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px 16px; padding: 26px 24px 14px; font-size: 14px; }
.dd-repeats-title { margin: 0; font-size: 22px; font-weight: 600; letter-spacing: -0.03em; }
.dd-repeat-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; padding: 14px 24px; border-top: 1px solid rgba(255,255,255,0.06); }
.dd-repeat-wallet { flex: 0 0 120px; font-family: var(--font-mono); font-size: 14px; }
.dd-repeat-text { flex: 1 1 200px; font-size: 14px; color: var(--text-2); }
.dd-repeat-chips { flex: 1 1 240px; display: flex; flex-wrap: wrap; gap: 6px; }
.dd-repeat-chip { font-size: 13px; padding: 4px 10px; border-radius: 999px; background: rgba(255,255,255,0.06); color: var(--text-soft); text-decoration: none; }
.dd-repeat-chip.is-current { background: rgba(168,245,213,0.10); color: var(--accent); }
.dd-repeat-link { display: flex; align-items: center; min-height: 44px; font-size: 14px; text-decoration: none; }
.dd-repeat-empty, .dd-repeat-note { margin: 0; padding: 16px 24px 22px; border-top: 1px solid rgba(255,255,255,0.06); font-size: 14px; line-height: 1.5; color: var(--text-3); }
[data-theme="light"] :is(.dd-trail-card, .dd-path, .dd-side, .dd-token-card, .dd-repeats) { box-shadow: 0 1px 2px rgba(11,18,16,0.04); }
[data-theme="light"] .dd-path { border-color: rgba(11,122,82,0.25); }
[data-theme="light"] .dd-banner { background: var(--mint-soft); border-color: rgba(11,122,82,0.20); }
[data-theme="light"] .dd-banner.is-attention { background: rgba(255,193,90,0.12); border-color: rgba(166,101,0,0.22); }
[data-theme="light"] .dd-trail-frame { border-color: rgba(11,18,16,0.05); }
[data-theme="light"] .dd-trail-rule, [data-theme="light"] .dd-trail-dots { stroke: rgba(11,18,16,0.10); }
[data-theme="light"] .dd-trail-box, [data-theme="light"] .dd-trail-pill { fill: #FFFFFF; stroke: rgba(11,18,16,0.14); }
[data-theme="light"] .dd-trail-box.is-mint, [data-theme="light"] .dd-trail-pill.is-selected { fill: var(--mint-soft); stroke: var(--accent); }
[data-theme="light"] .dd-trail-box.is-sky { fill: var(--sky-soft); }
[data-theme="light"] .dd-trail-edge.is-plain { stroke: rgba(11,18,16,0.25); }
[data-theme="light"] .dd-trail-edge.is-unknown { stroke: rgba(11,18,16,0.25); }
[data-theme="light"] :is(.dd-path-facts > div, .dd-trail-scope) { background: rgba(11,18,16,0.03); }
[data-theme="light"] :is(.dd-path-branch, .dd-path-row, .dd-wallet-row, .dd-relay-row, .dd-repeat-row, .dd-repeat-empty, .dd-repeat-note) { border-color: rgba(11,18,16,0.06); }
[data-theme="light"] .dd-side-icon { background: rgba(11,18,16,0.05); }
[data-theme="light"] .dd-side.is-sky .dd-side-icon { background: var(--sky-soft); }
[data-theme="light"] .dd-side.is-attention .dd-side-icon { background: var(--amber-soft); }
[data-theme="light"] .dd-token-card-face { background: #E7EEEB; border-color: rgba(11,18,16,0.22); }
[data-theme="light"] .dd-repeat-chip { background: rgba(11,18,16,0.05); }
[data-theme="light"] .dd-repeat-chip.is-current { background: var(--mint-soft); }

/* Legacy launch.css/experience.css/refresh.css styles don't apply inside the 2.0 views. */
:root .dd-panel .dd-token-card { background: var(--panel); border-color: var(--line); }
:root .dd-panel .dd-records :is(.launch-metric, .launch-buyer) { background: none; border-color: rgba(255,255,255,0.06); }
[data-theme="light"] .dd-panel .dd-records :is(.launch-metric, .launch-buyer) { background: none; border-color: rgba(11,18,16,0.06); }
.dd-panel .dd-token-card :is(.creator-open-deep-dive, .creator-scan-token) { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.dd-panel .dd-token-card .creator-open-deep-dive { color: var(--accent); }
.dd-panel .dd-token-card .creator-open-deep-dive:hover { color: var(--accent-hover); }
.dd-panel .dd-token-card .creator-scan-token { min-height: 44px; color: var(--text-2); }
.dd-panel .dd-token-card .creator-scan-token:hover { color: var(--text); }
.dd-panel .creator-history-links { gap: 4px 16px; }
.dd-panel .creator-history-links a { min-height: 32px; padding: 0; border: 0; border-radius: 0; background: none; }

/* Expanded view */
.dd-dialog { width: min(1280px, calc(100% - 32px)); max-width: none; max-height: calc(100dvh - 32px); padding: 24px; border-radius: 32px; background: var(--page); border: 1px solid var(--line-strong); color: var(--text); }
.dd-dialog::backdrop { background: rgba(5,7,8,0.75); }
.dd-dialog-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; }
.dd-dialog-title { margin: 0; font-size: 22px; font-weight: 600; letter-spacing: -0.03em; }

/* Light theme */
[data-theme="light"] .dd-token,
[data-theme="light"] .dd-status,
[data-theme="light"] .dd-card,
[data-theme="light"] .dd-glance,
[data-theme="light"] .dd-tabs,
[data-theme="light"] .dd-placeholder { box-shadow: 0 1px 2px rgba(11,18,16,0.04); }
[data-theme="light"] .dd-token-glow { background: radial-gradient(circle, rgba(168,245,213,0.35), rgba(168,245,213,0) 65%); }
[data-theme="light"] .dd-token-face { background: radial-gradient(circle at 35% 30%, #FFFFFF, #E7EEEB); border-color: rgba(11,18,16,0.22); }
[data-theme="light"] .dd-token-chip { background: var(--sky-soft); }
[data-theme="light"] .dd-contract,
[data-theme="light"] .dd-btn-s,
[data-theme="light"] .dd-icon-btn { background: #FFFFFF; border-color: rgba(11,18,16,0.12); }
[data-theme="light"] .dd-btn-p { border: 1px solid rgba(11,18,16,0.10); }
[data-theme="light"] .dd-invite { border-color: rgba(11,18,16,0.16); }
[data-theme="light"] .dd-tab:hover { background: rgba(11,18,16,0.05); }
[data-theme="light"] .dd-tab[aria-selected="true"] { background: #FFFFFF; border-color: rgba(11,18,16,0.12); box-shadow: 0 1px 2px rgba(11,18,16,0.06); }
[data-theme="light"] .dd-status-cell { border-right-color: rgba(11,18,16,0.06); }
[data-theme="light"] .dd-status-cell[data-tone="attention"] { background: rgba(255,193,90,0.10); }
[data-theme="light"] .dd-status-icon { background: rgba(11,18,16,0.05); }
[data-theme="light"] .dd-status-cell[data-tone="pass"] .dd-status-icon,
[data-theme="light"] .dd-card-icon { background: var(--mint-soft); }
[data-theme="light"] .dd-status-cell[data-tone="attention"] .dd-status-icon,
[data-theme="light"] .dd-card-icon[data-tone="attention"],
[data-theme="light"] .dd-card-flag { background: var(--amber-soft); }
[data-theme="light"] .dd-metric { border-color: rgba(11,18,16,0.05); }
[data-theme="light"] .dd-card-action,
[data-theme="light"] .dd-glance-col + .dd-glance-col,
[data-theme="light"] .dd-glance-note,
[data-theme="light"] .dd-wallets { border-color: rgba(11,18,16,0.06); }
[data-theme="light"] .dd-glance-dl > div { border-bottom-color: rgba(11,18,16,0.05); }
[data-theme="light"] .dd-bar { background: rgba(11,18,16,0.06); }
[data-theme="light"] .dd-chip-mono,
[data-theme="light"] .dd-wallet-pill { background: rgba(11,18,16,0.05); }
[data-theme="light"] .dd-wallets-sum:hover { background: rgba(11,18,16,0.03); }
[data-theme="light"] .dd-card[data-stage-state="ready"]:hover,
[data-theme="light"] .dd-card[data-stage-state="partial"]:hover { border-color: rgba(11,122,82,0.32); }
[data-theme="light"] .dd-dialog::backdrop { background: rgba(11,18,16,0.35); }

/* Phones: one column, 16px gutters, the tab strip scrolls sideways. */
@media (max-width: 639px) {
  .ds-3 { padding: 48px 16px 0; gap: 20px; }
  .ds-6 { font-size: 48px; text-wrap: wrap; }
  .ds-9 { width: 100%; }
  .ds-11 { flex-wrap: wrap; border-radius: 28px; }
  .ds-13 { flex: 1 1 0; }
  .ds-15 { flex: 1 1 100%; justify-content: center; }
  .ds-29, .ds-63 { padding-left: 16px !important; padding-right: 16px !important; }
  .dd-page { padding: 20px 16px 0; gap: 16px; }
  .dd-token { padding: 22px 20px; border-radius: 28px; gap: 16px; }
  .dd-token-face { width: 60px; height: 60px; font-size: 18px; }
  .dd-token-title { font-size: 34px; }
  .dd-token-actions { width: 100%; }
  .dd-token-actions .dd-btn-lg { flex: 1 1 auto; justify-content: center; }
  .dd-tabs { width: 100%; }
  .dd-tab { padding: 0 16px; }
  .dd-expand { display: none; }
  .dd-panel { gap: 36px; }
  .dd-status-cell { flex-basis: 100%; border-right: 0; border-bottom: 1px solid rgba(255,255,255,0.06); padding: 18px 18px; }
  .dd-status-cell:last-child { border-bottom: 0; }
  .dd-obs-title { font-size: 28px; }
  .dd-card { padding: 22px 20px; }
  .dd-glance-head { padding: 24px 20px 4px; }
  .dd-glance-col { padding: 20px 20px 24px; }
  .dd-glance-col + .dd-glance-col { border-left: 0; border-top: 1px solid rgba(255,255,255,0.06); }
  .dd-glance-value { font-size: 40px; }
  .dd-glance-note { padding: 14px 20px; }
  .dd-wallets-sum { padding: 0 20px; }
  .dd-wallets-list { padding: 0 20px 22px; }
  .dd-section-title.is-large { font-size: 28px; }
  .dd-timeline, .dd-selected { padding: 22px 18px; }
  .dd-chart-frame { margin: 0 -6px; overflow-x: auto; }
  .dd-chart { min-width: 680px; }
  .dd-stepper-row { flex-basis: 100%; }
  .dd-interval-head { padding: 22px 18px 12px; }
  .dd-bins { padding: 0 18px 14px; }
  .dd-table .is-first { padding-left: 18px; }
  .dd-table .is-last { padding-right: 18px; }
  .dd-flow-cell { border-right: 0; border-bottom: 1px solid rgba(255,255,255,0.06); }
  .dd-fold-sum { padding: 0 20px; }
  .dd-records-sum { padding: 0 18px; }
  .dd-records > :not(summary) { margin: 0 18px; }
  .dd-trail-card, .dd-path { padding: 22px 18px; }
  .dd-trail-frame { margin: 0 -6px; }
  .dd-wallet-role, .dd-wallet-state { flex-basis: auto; }
  .dd-repeat-row { padding: 14px 18px; }
  .dd-repeats-head { padding: 22px 18px 12px; }
}