:root {
  /* neutrals */
  --bg: #08121A;
  --bg-alt: #0A1B26;
  --panel: rgba(12, 30, 42, 0.72);
  --panel-strong: rgba(12, 30, 42, 0.84);
  --border: rgba(120, 180, 200, 0.18);
  --border-weak: rgba(120, 180, 200, 0.08);
  --text: #E6F2F6;
  --muted: #8AA6B4;

  /* semantic palette (ONLY these 6) */
  --mint: #3DDC97;
  --cyan: #00D4FF;
  --coral: #FF4D6D;
  --amber: #FFC857;
  --violet: #B784FF;
  --sky: #4AA3FF;

  /* semantic mapping */
  --primary: var(--mint);
  --link: var(--cyan);
  --good: var(--mint);
  --danger: var(--coral);
  --warning: var(--amber);
  --info: var(--violet);

  /* alpha helpers (use these for bg/border states) */
  --a-8: 0.08;
  --a-12: 0.12;
  --a-16: 0.16;
  --a-22: 0.22;
  --a-30: 0.30;

  /* typography */
  --font-body: "Manrope","Noto Sans SC",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --font-title: "Space Grotesk","Noto Sans SC",system-ui,sans-serif;
  --font-mono: "JetBrains Mono","SFMono-Regular",ui-monospace,Menlo,monospace;

  /* responsive scale */
  --space-1: clamp(4px, 0.4vw, 6px);
  --space-2: clamp(6px, 0.55vw, 8px);
  --space-3: clamp(8px, 0.7vw, 12px);
  --space-4: clamp(10px, 0.9vw, 16px);
  --space-5: clamp(12px, 1.1vw, 20px);
  --space-6: clamp(16px, 1.35vw, 24px);
  --space-7: clamp(20px, 1.8vw, 32px);
  --space-8: clamp(24px, 2.3vw, 40px);

  --font-1: clamp(11px, 0.55vw, 12px);
  --font-2: clamp(12px, 0.7vw, 13px);
  --font-3: clamp(13px, 0.8vw, 14px);
  --font-4: clamp(14px, 0.95vw, 16px);
  --font-5: clamp(16px, 1.15vw, 18px);
  --font-6: clamp(18px, 1.4vw, 22px);

  --radius-lg: 20px;
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 20px 40px color-mix(in srgb, var(--bg) 68%, transparent);
  --shadow-soft: 0 10px 24px color-mix(in srgb, var(--bg) 48%, transparent);
  --border-width: 1px;
  --border-style: solid;
  --header-blur: 18px;
  --panel-blur: 10px;
  --table-row: color-mix(in srgb, var(--text) 1%, transparent);
  --table-hover: color-mix(in srgb, var(--cyan) calc(var(--a-12) * 100%), transparent);
  --row-divider: var(--border-weak);
  --chip-bg: color-mix(in srgb, var(--cyan) calc(var(--a-12) * 100%), transparent);
  --chip-border: color-mix(in srgb, var(--cyan) calc(var(--a-30) * 100%), transparent);
  --bg-shape: radial-gradient(850px circle at 20% -10%, color-mix(in srgb, var(--cyan) 8%, transparent), transparent 60%),
    radial-gradient(750px circle at 90% 15%, color-mix(in srgb, var(--mint) 6%, transparent), transparent 60%);
  --bg-pattern: radial-gradient(circle at 20px 20px, color-mix(in srgb, var(--text) 4%, transparent) 1px, transparent 1px);
  --bg-pattern-size: 70px 70px;
  --bg-pattern-opacity: 0.02;
  --bg-shape-opacity: 0.42;

  /* legacy aliases */
  --accent: var(--cyan);
  --accent-2: var(--mint);
  --accent-cyan: var(--cyan);
  --accent-green: var(--mint);
  --accent-red: var(--coral);
  --accent-orange: var(--amber);
  --accent-purple: var(--violet);
  --accent-yellow: var(--amber);
  --accent-blue: var(--sky);
  --whale-color: var(--coral);
  --shark-color: var(--amber);
  --dolphin-color: var(--sky);
  --shrimp-color: var(--mint);
}

body.theme-deep-sea-glass {
  --bg-primary: var(--bg);
  --bg-secondary: var(--bg-alt);
  --bg-card: var(--panel);
  --bg-dark: var(--bg);
  --bg-panel: var(--panel-strong);
  --bg-hover: color-mix(in srgb, var(--bg-alt) 70%, var(--bg));
  --border-color: var(--border);
  --border-glow: color-mix(in srgb, var(--cyan) calc(var(--a-30) * 100%), transparent);
  --text-primary: var(--text);
  --text-secondary: var(--muted);
  --text-muted: color-mix(in srgb, var(--muted) 80%, transparent);
  --accent-cyan: var(--cyan);
  --accent-green: var(--mint);
  --accent-red: var(--coral);
  --accent-orange: var(--amber);
  --accent-purple: var(--violet);
  --accent-yellow: var(--amber);
  --accent-blue: var(--sky);
  --accent: var(--cyan);
  --accent-2: var(--mint);
  --whale-color: var(--coral);
  --shark-color: var(--amber);
  --dolphin-color: var(--sky);
  --shrimp-color: var(--mint);
  min-height: 100vh;
  background: linear-gradient(160deg, var(--bg) 0%, var(--bg-alt) 45%, var(--bg) 100%);
  color: var(--text);
  font-family: var(--font-body);
  line-height: 1.5;
  font-size: var(--font-2);
  --container-max: 98%;
  --container-padding: clamp(12px, 1.1vw, 24px);
  --container-padding-block: clamp(12px, 1vw, 20px);
  padding: 0;
  overflow-x: hidden;
}

body.theme-deep-sea-glass::before,
body.theme-deep-sea-glass::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

body.theme-deep-sea-glass::before {
  background: var(--bg-shape);
  opacity: var(--bg-shape-opacity);
}

body.theme-deep-sea-glass::after {
  background-image: var(--bg-pattern);
  background-size: var(--bg-pattern-size);
  opacity: var(--bg-pattern-opacity);
  mix-blend-mode: normal;
}

body.theme-deep-sea-glass a {
  color: var(--link);
}

body.theme-deep-sea-glass .container,
body.theme-deep-sea-glass .page-container,
body.theme-deep-sea-glass .ui-shell {
  position: relative;
  z-index: 1;
  max-width: var(--container-max);
  width: min(100%, var(--container-max));
  margin: 0 auto;
  padding: 18px 22px 28px;
  padding-inline: var(--container-padding);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

body.theme-deep-sea-glass.theme-home {
  overflow: hidden;
  --container-max: 2200px;
  --container-padding: clamp(12px, 1.2vw, 22px);
  --entity-col: 10%;
  --token-col: 6%;
  --initial-col: 6%;
  --balance-col: 6%;
  --holder-col: 5%;
  --change-col: 6%;
  --root-col: 4.5%;
  --child-col: 4.5%;
  --time-col: 7.5%;
  --action-col: 10.5%;
}

body.theme-deep-sea-glass.theme-home .container {
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
  width: min(98vw, var(--container-max));
  max-width: var(--container-max);
  padding-block: var(--container-padding-block);
  padding-inline: var(--container-padding);
  gap: 14px;
}

body.theme-deep-sea-glass .header,
body.theme-deep-sea-glass .ui-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 20px;
  background: var(--panel);
  border: var(--border-width) var(--border-style) var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
  backdrop-filter: blur(var(--header-blur));
  -webkit-backdrop-filter: blur(var(--header-blur));
}

body.theme-deep-sea-glass .header-left,
body.theme-deep-sea-glass .header-right,
body.theme-deep-sea-glass .ui-header-left,
body.theme-deep-sea-glass .ui-header-right {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

body.theme-deep-sea-glass .header h1 {
  font-size: 22px;
  letter-spacing: 0.6px;
  color: var(--link);
  font-family: var(--font-title);
  font-weight: 600;
  text-shadow: none;
}

body.theme-deep-sea-glass .page-title,
body.theme-deep-sea-glass .ui-title {
  font-family: var(--font-title);
  font-size: 20px;
  font-weight: 600;
  color: var(--link);
  letter-spacing: 0.5px;
}

body.theme-deep-sea-glass .section-title,
body.theme-deep-sea-glass .chart-header h3,
body.theme-deep-sea-glass .table-header h3,
body.theme-deep-sea-glass .test-section h2 {
  color: var(--text);
  font-family: var(--font-title);
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.2px;
}

body.theme-deep-sea-glass .section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body.theme-deep-sea-glass .status-panel {
  gap: 12px;
}

body.theme-deep-sea-glass .main-grid,
body.theme-deep-sea-glass .grid-2col {
  gap: 16px;
}

body.theme-deep-sea-glass .summary-section,
body.theme-deep-sea-glass .charts-section,
body.theme-deep-sea-glass .stats-row,
body.theme-deep-sea-glass .tier-grid {
  gap: 12px;
}

body.theme-deep-sea-glass .section {
  padding: 14px 16px;
  gap: 12px;
  margin-bottom: 12px;
}

body.theme-deep-sea-glass .progress-section,
body.theme-deep-sea-glass .chart-card,
body.theme-deep-sea-glass .table-section,
body.theme-deep-sea-glass .test-section,
body.theme-deep-sea-glass .test-container {
  padding: 14px 16px;
}

body.theme-deep-sea-glass .back-btn {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--cyan) calc(var(--a-8) * 100%), transparent);
  border: 1px solid color-mix(in srgb, var(--cyan) calc(var(--a-30) * 100%), transparent);
  color: var(--link);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.2s ease;
}

body.theme-deep-sea-glass.theme-home .header {
  margin-bottom: 0;
  padding: 14px 18px;
}

body.theme-deep-sea-glass.theme-home .status-panel {
  margin-bottom: 0;
  gap: 10px;
}

body.theme-deep-sea-glass.theme-home .main-grid {
  margin-top: 0;
  gap: 14px;
  grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr);
}

body.theme-deep-sea-glass.theme-home .main-grid > div {
  min-height: 0;
}

body.theme-deep-sea-glass.theme-home .main-grid > div:last-child {
  gap: 12px !important;
}

body.theme-deep-sea-glass.theme-home .section {
  margin-bottom: 0;
  padding: 12px 14px;
  gap: 10px;
}

body.theme-deep-sea-glass.theme-home .section-title {
  margin-bottom: 0;
}

body.theme-deep-sea-glass.theme-home :is(
  button[onclick="openBatchAddModal()"],
  button[onclick="openAddEntityModal()"],
  #batchSelectBtn,
  button[onclick="exportAlerts()"],
  button[onclick="exportTransactions()"]
) {
  background: color-mix(in srgb, var(--text) 6%, transparent);
  border: 1px solid color-mix(in srgb, var(--text) 22%, transparent);
  color: var(--muted);
  box-shadow: none;
}

body.theme-deep-sea-glass.theme-home :is(
  button[onclick="openBatchAddModal()"],
  button[onclick="openAddEntityModal()"],
  #batchSelectBtn,
  button[onclick="exportAlerts()"],
  button[onclick="exportTransactions()"]
):hover {
  background: color-mix(in srgb, var(--text) 10%, transparent);
  border-color: color-mix(in srgb, var(--text) 32%, transparent);
  color: var(--text);
}

body.theme-deep-sea-glass.theme-home :is(
  button[onclick="openBatchAddModal()"],
  button[onclick="openAddEntityModal()"],
  #batchSelectBtn,
  button[onclick="exportAlerts()"],
  button[onclick="exportTransactions()"]
):active,
body.theme-deep-sea-glass.theme-home #batchSelectBtn.btn-select-active {
  background: color-mix(in srgb, var(--cyan) 12%, transparent);
  border-color: color-mix(in srgb, var(--cyan) 40%, transparent);
  color: var(--cyan);
}

body.theme-deep-sea-glass.theme-home :is(
  button[onclick="openBatchAddModal()"],
  button[onclick="openAddEntityModal()"],
  #batchSelectBtn,
  button[onclick="exportAlerts()"],
  button[onclick="exportTransactions()"]
):disabled {
  background: color-mix(in srgb, var(--text) 4%, transparent);
  border-color: color-mix(in srgb, var(--text) 14%, transparent);
  color: color-mix(in srgb, var(--muted) 70%, transparent);
}

body.theme-deep-sea-glass.theme-home .main-grid table {
  table-layout: fixed;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}


body.theme-deep-sea-glass.theme-home .main-grid table thead th,
body.theme-deep-sea-glass.theme-home .main-grid table tbody td {
  height: 36px;
  min-height: 36px;
  padding: 6px 8px;
  line-height: 1.2;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(1),
body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(1) {
  width: var(--entity-col);
}

body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(2),
body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(2) {
  width: var(--token-col);
}

body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(3),
body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(3) {
  width: var(--initial-col);
}

body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(4),
body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(4) {
  width: var(--balance-col);
}

body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(5),
body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(5) {
  width: var(--holder-col);
}

body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(6),
body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(6),
body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(7),
body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(7),
body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(8),
body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(8),
body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(9),
body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(9),
body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(10),
body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(10),
body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(11),
body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(11) {
  width: var(--change-col);
  padding-inline: 4px;
  text-overflow: clip;
}

body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(12),
body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(12) {
  width: var(--root-col);
}

body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(13),
body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(13) {
  width: var(--child-col);
}

body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(14),
body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(14) {
  width: var(--time-col);
  min-width: 0;
}

body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(15),
body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(15) {
  width: var(--action-col);
}

body.theme-deep-sea-glass.theme-home .main-grid table tbody tr {
  height: 36px;
}

body.theme-deep-sea-glass.theme-home .status-card {
  padding: 10px 12px;
  min-height: 84px;
}

body.theme-deep-sea-glass.theme-home .main-grid > div:first-child .scroll-container {
  padding-bottom: 20px !important;
}

body.theme-deep-sea-glass.theme-home .section .scroll-container {
  min-height: 0;
}

body.theme-deep-sea-glass.theme-analytics {
  display: flex;
  flex-direction: column;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
}

body.theme-deep-sea-glass.theme-analytics .header {
  margin-bottom: 0;
  padding: 12px 16px;
}

body.theme-deep-sea-glass.theme-analytics .main-container {
  flex: 1;
  min-height: 0;
  height: auto;
  padding: 12px 16px;
  gap: 12px;
  grid-template-columns: 1fr 1fr 360px;
}

body.theme-deep-sea-glass.theme-analytics .card-header {
  padding: 10px 12px;
}

body.theme-deep-sea-glass.theme-analytics .card-body {
  padding: 10px 12px;
}

body.theme-deep-sea-glass.theme-analytics .trader-section {
  min-height: 0;
  overflow: auto;
}

body.theme-deep-sea-glass.theme-analytics .trades-section .trades-container,
body.theme-deep-sea-glass.theme-analytics .trades-section .trades-table-wrapper {
  min-height: 0;
}

body.theme-deep-sea-glass.theme-analytics .trades-section .trades-table-wrapper {
  flex: 1;
  max-height: none;
}

body.theme-deep-sea-glass.theme-analytics .chart-container {
  min-height: 0;
}

body.theme-deep-sea-glass.theme-sell {
  display: flex;
  flex-direction: column;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
}

body.theme-deep-sea-glass.theme-sell .container {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto auto 1fr 1fr;
  gap: 10px;
  padding: 14px 16px 18px;
  width: min(98vw, 2200px);
  max-width: none;
  margin: 0 auto;
  overflow: hidden;
}

body.theme-deep-sea-glass.theme-sell .header {
  margin-bottom: 0;
  padding: 12px 16px;
}

body.theme-deep-sea-glass.theme-sell .summary-section {
  margin-bottom: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
}

body.theme-deep-sea-glass.theme-sell .stat-card {
  padding: 10px 12px;
}

body.theme-deep-sea-glass.theme-sell .progress-section {
  margin-bottom: 0;
  padding: 10px 12px;
}

body.theme-deep-sea-glass.theme-sell .charts-section {
  margin-bottom: 0;
  gap: 10px;
  min-height: 0;
}

body.theme-deep-sea-glass.theme-sell .chart-card {
  min-height: 0;
  display: flex;
  flex-direction: column;
}

body.theme-deep-sea-glass.theme-sell .chart-container {
  flex: 1;
  min-height: 0;
}

body.theme-deep-sea-glass.theme-sell .table-section {
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding: 10px 12px;
}

body.theme-deep-sea-glass.theme-sell .table-scroll {
  flex: 1;
  min-height: 0;
  max-height: none;
}

body.theme-deep-sea-glass.theme-trader {
  display: flex;
  flex-direction: column;
  height: 100vh;
  max-height: 100vh;
  overflow: hidden;
}

body.theme-deep-sea-glass.theme-trader .page-container {
  flex: 1;
  min-height: 0;
  padding: 14px 16px 18px;
  gap: 12px;
  width: min(98vw, 2200px);
  max-width: none;
  margin: 0 auto;
  overflow: hidden;
}

body.theme-deep-sea-glass.theme-trader .header {
  padding: 12px 16px;
}

body.theme-deep-sea-glass.theme-trader .stats-row {
  gap: 10px;
}

body.theme-deep-sea-glass.theme-trader .tier-grid {
  gap: 8px;
}

body.theme-deep-sea-glass.theme-trader .stat-card {
  padding: 10px 12px;
  gap: 10px;
}

body.theme-deep-sea-glass.theme-trader .stat-icon {
  font-size: 24px;
}

body.theme-deep-sea-glass.theme-trader .behavior-grid {
  gap: 10px;
  margin-bottom: 0 !important;
}

body.theme-deep-sea-glass.theme-trader .behavior-card {
  padding: 8px 10px;
}

body.theme-deep-sea-glass.theme-trader .charts-grid {
  flex: 1;
  min-height: 0;
  gap: 10px;
  grid-auto-rows: minmax(0, 1fr);
  overflow: auto;
}

body.theme-deep-sea-glass.theme-trader .chart-panel {
  min-height: 0;
  padding: 10px;
}

body.theme-deep-sea-glass.theme-trader .chart-container {
  min-height: 0;
}

body.theme-deep-sea-glass #root-count {
  color: var(--info) !important;
  text-shadow: none !important;
}

body.theme-deep-sea-glass #child-count {
  color: var(--sky) !important;
  text-shadow: none !important;
}

body.theme-deep-sea-glass #sync-lag {
  color: var(--warning) !important;
}

body.theme-deep-sea-glass #last-sync-time {
  color: var(--link) !important;
}

body.theme-deep-sea-glass #entity-table [style*="color: #00ff88"] {
  color: var(--good) !important;
}

body.theme-deep-sea-glass #entity-table [style*="color: #ff0055"] {
  color: var(--danger) !important;
}

body.theme-deep-sea-glass #entity-table [style*="color: #00d4ff"] {
  color: var(--accent) !important;
}

body.theme-deep-sea-glass #entity-table [style*="color: #ff8800"],
body.theme-deep-sea-glass #entity-table [style*="color: #ffaa00"] {
  color: var(--warning) !important;
}

body.theme-deep-sea-glass .back-btn:hover {
  background: color-mix(in srgb, var(--cyan) calc(var(--a-16) * 100%), transparent);
  border-color: var(--cyan);
  box-shadow: 0 0 12px color-mix(in srgb, var(--cyan) 24%, transparent);
}

body.theme-deep-sea-glass .ui-back {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--cyan) calc(var(--a-12) * 100%), transparent);
  border: 1px solid color-mix(in srgb, var(--cyan) calc(var(--a-30) * 100%), transparent);
  color: var(--link);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.2s ease;
}

body.theme-deep-sea-glass .ui-back:hover {
  background: color-mix(in srgb, var(--cyan) calc(var(--a-16) * 100%), transparent);
  border-color: var(--cyan);
  box-shadow: 0 0 12px color-mix(in srgb, var(--cyan) 24%, transparent);
}

body.theme-deep-sea-glass .token-badge,
body.theme-deep-sea-glass .ui-badge,
body.theme-deep-sea-glass .header .token-symbol {
  background: color-mix(in srgb, var(--text) calc(var(--a-8) * 100%), transparent);
  border: var(--border-width) var(--border-style) var(--border);
  color: var(--link);
  border-radius: 10px;
  font-family: var(--font-mono);
}

body.theme-deep-sea-glass .ui-link {
  padding: 6px 14px;
  border-radius: 10px;
  font-size: 12px;
  border: var(--border-width) var(--border-style) var(--border);
  background: color-mix(in srgb, var(--text) calc(var(--a-8) * 100%), transparent);
  color: var(--text);
  text-decoration: none;
  transition: all 0.2s ease;
}

body.theme-deep-sea-glass .ui-link.accent {
  color: var(--primary);
  border-color: color-mix(in srgb, var(--primary) 45%, transparent);
  background: color-mix(in srgb, var(--primary) calc(var(--a-12) * 100%), transparent);
}

body.theme-deep-sea-glass .ui-link.warning {
  color: var(--warning);
  border-color: color-mix(in srgb, var(--warning) 45%, transparent);
  background: color-mix(in srgb, var(--warning) calc(var(--a-12) * 100%), transparent);
}

body.theme-deep-sea-glass .link-btn {
  padding: 6px 14px;
  border-radius: 10px;
  font-size: 12px;
  border: var(--border-width) var(--border-style) var(--border);
  background: color-mix(in srgb, var(--text) calc(var(--a-8) * 100%), transparent);
  color: var(--text);
  text-decoration: none;
  transition: all 0.2s ease;
}

body.theme-deep-sea-glass .link-btn.accent {
  color: var(--primary);
  border-color: color-mix(in srgb, var(--primary) 45%, transparent);
  background: color-mix(in srgb, var(--primary) calc(var(--a-12) * 100%), transparent);
}

body.theme-deep-sea-glass .link-btn.warning {
  color: var(--warning);
  border-color: color-mix(in srgb, var(--warning) 45%, transparent);
  background: color-mix(in srgb, var(--warning) calc(var(--a-12) * 100%), transparent);
}

body.theme-deep-sea-glass .header a[href="/token-analytics"],
body.theme-deep-sea-glass .header a[href="/sell-stats"] {
  text-decoration: none !important;
  padding: 6px 14px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  border: var(--border-width) var(--border-style) var(--border) !important;
  background: color-mix(in srgb, var(--text) calc(var(--a-8) * 100%), transparent) !important;
  color: var(--text) !important;
  transition: all 0.2s ease;
}

body.theme-deep-sea-glass .header a[href="/token-analytics"] {
  color: var(--link) !important;
  border-color: color-mix(in srgb, var(--link) 45%, transparent) !important;
  background: color-mix(in srgb, var(--link) calc(var(--a-12) * 100%), transparent) !important;
}

body.theme-deep-sea-glass .header a[href="/sell-stats"] {
  color: var(--warning) !important;
  border-color: color-mix(in srgb, var(--warning) 45%, transparent) !important;
  background: color-mix(in srgb, var(--warning) calc(var(--a-12) * 100%), transparent) !important;
}

body.theme-deep-sea-glass button[title="添加代币"],
body.theme-deep-sea-glass button[onclick="openAddTokenModal()"] {
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  border: var(--border-width) var(--border-style) color-mix(in srgb, var(--mint) 45%, transparent) !important;
  background: color-mix(in srgb, var(--mint) calc(var(--a-12) * 100%), transparent) !important;
  color: var(--mint) !important;
  font-weight: 700 !important;
}

body.theme-deep-sea-glass #delete-token-btn {
  width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  border: var(--border-width) var(--border-style) color-mix(in srgb, var(--coral) 45%, transparent) !important;
  background: color-mix(in srgb, var(--coral) calc(var(--a-12) * 100%), transparent) !important;
  color: var(--coral) !important;
  font-weight: 700 !important;
}

body.theme-deep-sea-glass .token-btn,
body.theme-deep-sea-glass .status-tab,
body.theme-deep-sea-glass .period-tab,
body.theme-deep-sea-glass .interval-btn,
body.theme-deep-sea-glass .ui-pill,
body.theme-deep-sea-glass .deep-trader-btn,
body.theme-deep-sea-glass .view-toggle,
body.theme-deep-sea-glass .chart-toggle {
  padding: 6px 12px;
  font-size: 12px;
  background: color-mix(in srgb, var(--cyan) calc(var(--a-8) * 100%), transparent);
  border: var(--border-width) var(--border-style) color-mix(in srgb, var(--cyan) calc(var(--a-22) * 100%), transparent);
  color: var(--muted);
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.2s ease;
}

body.theme-deep-sea-glass .view-toggle {
  border-radius: 10px;
}

body.theme-deep-sea-glass .chart-toggle {
  border-radius: 8px;
  font-size: 11px;
  padding: 4px 10px;
}

body.theme-deep-sea-glass .interval-btns {
  background: transparent;
  border: none;
  padding: 0;
}

body.theme-deep-sea-glass .interval-btn {
  border: 1px solid color-mix(in srgb, var(--cyan) calc(var(--a-22) * 100%), transparent);
}

body.theme-deep-sea-glass .token-btn.active,
body.theme-deep-sea-glass .token-btn.token-active,
body.theme-deep-sea-glass .token-active,
body.theme-deep-sea-glass .status-tab.active,
body.theme-deep-sea-glass .period-tab.active,
body.theme-deep-sea-glass .interval-btn.active,
body.theme-deep-sea-glass .ui-pill.active,
body.theme-deep-sea-glass .view-toggle.active,
body.theme-deep-sea-glass .chart-toggle.active {
  color: var(--primary);
  border-color: var(--primary);
  background: color-mix(in srgb, var(--primary) calc(var(--a-22) * 100%), transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--primary) 22%, transparent);
}

body.theme-deep-sea-glass .token-btn:hover,
body.theme-deep-sea-glass .status-tab:hover,
body.theme-deep-sea-glass .period-tab:hover,
body.theme-deep-sea-glass .interval-btn:hover,
body.theme-deep-sea-glass .ui-pill:hover,
body.theme-deep-sea-glass .deep-trader-btn:hover,
body.theme-deep-sea-glass .view-toggle:hover,
body.theme-deep-sea-glass .chart-toggle:hover {
  color: var(--text);
  border-color: color-mix(in srgb, var(--cyan) calc(var(--a-30) * 100%), transparent);
  background: color-mix(in srgb, var(--cyan) calc(var(--a-16) * 100%), transparent);
}

body.theme-deep-sea-glass .icon-btn:hover,
body.theme-deep-sea-glass .token-btn:hover,
body.theme-deep-sea-glass .status-tab:hover,
body.theme-deep-sea-glass .period-tab:hover,
body.theme-deep-sea-glass .interval-btn:hover,
body.theme-deep-sea-glass .ui-pill:hover,
body.theme-deep-sea-glass .deep-trader-btn:hover,
body.theme-deep-sea-glass .view-toggle:hover,
body.theme-deep-sea-glass .chart-toggle:hover,
body.theme-deep-sea-glass .link-btn:hover,
body.theme-deep-sea-glass .ui-link:hover {
  transform: translateY(-1px);
}

body.theme-deep-sea-glass .btn,
body.theme-deep-sea-glass .btn-primary,
body.theme-deep-sea-glass .btn-add,
body.theme-deep-sea-glass .btn-check,
body.theme-deep-sea-glass .btn-save,
body.theme-deep-sea-glass .btn-submit,
body.theme-deep-sea-glass .ui-btn {
  padding: 6px 12px;
  border-radius: 8px;
  border: var(--border-width) var(--border-style) color-mix(in srgb, var(--cyan) calc(var(--a-22) * 100%), transparent);
  font-size: 12px;
  background: color-mix(in srgb, var(--cyan) calc(var(--a-8) * 100%), transparent);
  color: var(--text);
  cursor: pointer;
  box-shadow: none;
  transition: all 0.2s ease;
}

body.theme-deep-sea-glass .btn:hover,
body.theme-deep-sea-glass .btn-primary:hover,
body.theme-deep-sea-glass .btn-add:hover,
body.theme-deep-sea-glass .btn-check:hover,
body.theme-deep-sea-glass .btn-save:hover,
body.theme-deep-sea-glass .btn-submit:hover,
body.theme-deep-sea-glass .ui-btn:hover {
  transform: translateY(-1px);
}

body.theme-deep-sea-glass .btn.primary,
body.theme-deep-sea-glass .btn-primary,
body.theme-deep-sea-glass .btn-add,
body.theme-deep-sea-glass .btn-check,
body.theme-deep-sea-glass .btn-save,
body.theme-deep-sea-glass .btn-submit {
  background: color-mix(in srgb, var(--primary) calc(var(--a-16) * 100%), transparent);
  color: var(--primary);
  border-color: color-mix(in srgb, var(--primary) 45%, transparent);
}

body.theme-deep-sea-glass .btn.warning,
body.theme-deep-sea-glass .btn-warning {
  background: color-mix(in srgb, var(--warning) calc(var(--a-16) * 100%), transparent);
  color: var(--warning);
  border-color: color-mix(in srgb, var(--warning) 45%, transparent);
}

body.theme-deep-sea-glass .btn.ghost {
  background: color-mix(in srgb, var(--text) calc(var(--a-8) * 100%), transparent);
  color: var(--muted);
}

body.theme-deep-sea-glass .ui-btn.success {
  background: color-mix(in srgb, var(--primary) calc(var(--a-16) * 100%), transparent);
  border-color: color-mix(in srgb, var(--primary) 45%, transparent);
  color: var(--primary);
}

body.theme-deep-sea-glass .ui-btn.warning,
body.theme-deep-sea-glass .btn-warning {
  background: color-mix(in srgb, var(--warning) calc(var(--a-16) * 100%), transparent);
  border-color: color-mix(in srgb, var(--warning) 45%, transparent);
  color: var(--warning);
}

body.theme-deep-sea-glass .icon-btn,
body.theme-deep-sea-glass .ui-icon-btn,
body.theme-deep-sea-glass .scroll-top-btn {
  border-radius: 8px;
  border: var(--border-width) var(--border-style) color-mix(in srgb, var(--cyan) calc(var(--a-22) * 100%), transparent);
  background: color-mix(in srgb, var(--cyan) calc(var(--a-8) * 100%), transparent);
  color: var(--muted);
  transition: all 0.2s ease;
}

body.theme-deep-sea-glass .icon-btn.add,
body.theme-deep-sea-glass .ui-icon-btn.add,
body.theme-deep-sea-glass .scroll-top-btn {
  color: var(--primary);
  border-color: color-mix(in srgb, var(--primary) 45%, transparent);
  background: color-mix(in srgb, var(--primary) calc(var(--a-12) * 100%), transparent);
}

body.theme-deep-sea-glass .icon-btn.remove,
body.theme-deep-sea-glass .ui-icon-btn.remove {
  color: var(--danger);
  border-color: color-mix(in srgb, var(--danger) 45%, transparent);
  background: color-mix(in srgb, var(--danger) calc(var(--a-12) * 100%), transparent);
}

body.theme-deep-sea-glass .section,
body.theme-deep-sea-glass .stat-card,
body.theme-deep-sea-glass .status-card,
body.theme-deep-sea-glass .summary-section .stat-card,
body.theme-deep-sea-glass .progress-section,
body.theme-deep-sea-glass .chart-card,
body.theme-deep-sea-glass .table-section,
body.theme-deep-sea-glass .test-section,
body.theme-deep-sea-glass .test-container,
body.theme-deep-sea-glass .debug,
body.theme-deep-sea-glass .chart-surface {
  background: var(--panel);
  border: var(--border-width) var(--border-style) var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(var(--panel-blur));
  -webkit-backdrop-filter: blur(var(--panel-blur));
}

body.theme-deep-sea-glass .section,
body.theme-deep-sea-glass .progress-section,
body.theme-deep-sea-glass .chart-card,
body.theme-deep-sea-glass .table-section,
body.theme-deep-sea-glass .test-section,
body.theme-deep-sea-glass .test-container {
  border-radius: var(--radius-lg);
}

body.theme-deep-sea-glass .status-card {
  background: linear-gradient(145deg, var(--panel-strong), var(--panel));
  animation: rise 0.7s ease both;
  padding: 12px 14px;
  text-align: left;
}

body.theme-deep-sea-glass .progress-bar {
  background: color-mix(in srgb, var(--bg) 70%, transparent);
  border: 1px solid var(--border-weak);
}

body.theme-deep-sea-glass .alert-card {
  background: linear-gradient(135deg, var(--panel-strong), var(--panel));
  border: var(--border-width) var(--border-style) var(--border);
  border-radius: 10px;
}

body.theme-deep-sea-glass .alert-card.critical { border-left: 3px solid var(--danger); }
body.theme-deep-sea-glass .alert-card.warning { border-left: 3px solid var(--warning); }
body.theme-deep-sea-glass .alert-card.info { border-left: 3px solid var(--info); }

body.theme-deep-sea-glass .alert-item {
  background: var(--panel-strong);
  border-radius: 10px;
  border-left: 3px solid var(--border);
  border: var(--border-width) var(--border-style) var(--border);
}

body.theme-deep-sea-glass .alert-item.critical { border-left-color: var(--danger); }
body.theme-deep-sea-glass .alert-item.warning { border-left-color: var(--warning); }
body.theme-deep-sea-glass .alert-item.info { border-left-color: var(--info); }
body.theme-deep-sea-glass .alert-item.success { border-left-color: var(--good); }

body.theme-deep-sea-glass .alert-head {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  color: var(--muted);
}

body.theme-deep-sea-glass .alert-title {
  color: var(--text);
  font-weight: 600;
}

body.theme-deep-sea-glass .alert-body {
  font-size: 12px;
  color: var(--text);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

body.theme-deep-sea-glass .progress-header .percent {
  color: var(--good);
}

body.theme-deep-sea-glass .progress-info,
body.theme-deep-sea-glass .progress-ticks {
  color: color-mix(in srgb, var(--muted) 70%, transparent);
}

body.theme-deep-sea-glass .stat-label,
body.theme-deep-sea-glass .stat-name,
body.theme-deep-sea-glass .progress-header .title,
body.theme-deep-sea-glass .stat-label,
body.theme-deep-sea-glass .stat-detail,
body.theme-deep-sea-glass .table-header .update-time,
body.theme-deep-sea-glass .config-item label {
  color: var(--muted);
}

body.theme-deep-sea-glass .stat-value,
body.theme-deep-sea-glass .price-value,
body.theme-deep-sea-glass .value {
  color: var(--text);
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

body.theme-deep-sea-glass .status-card h3,
body.theme-deep-sea-glass .status-title {
  color: var(--muted);
  font-size: 12px;
  letter-spacing: 0.6px;
}

body.theme-deep-sea-glass .status-value {
  color: var(--text);
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  font-size: 22px;
}

body.theme-deep-sea-glass .status-detail,
body.theme-deep-sea-glass .status-sub,
body.theme-deep-sea-glass .stat-detail,
body.theme-deep-sea-glass .stats span {
  color: var(--muted);
  font-size: 11px;
}

body.theme-deep-sea-glass .status-detail.danger,
body.theme-deep-sea-glass .status-sub.danger {
  color: var(--danger);
}

body.theme-deep-sea-glass .num {
  text-align: right;
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}
body.theme-deep-sea-glass .mono {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}
body.theme-deep-sea-glass .pos { color: var(--good); }
body.theme-deep-sea-glass .neg { color: var(--danger); }
body.theme-deep-sea-glass .accent { color: var(--link); }
body.theme-deep-sea-glass .accent-2 { color: var(--primary); }
body.theme-deep-sea-glass .muted { color: var(--muted); }

body.theme-deep-sea-glass .chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  border: 1px solid color-mix(in srgb, var(--cyan) calc(var(--a-30) * 100%), transparent);
  background: color-mix(in srgb, var(--cyan) calc(var(--a-8) * 100%), transparent);
  color: var(--muted);
}

body.theme-deep-sea-glass .chip.buy {
  color: var(--good);
  border-color: color-mix(in srgb, var(--good) 45%, transparent);
  background: color-mix(in srgb, var(--good) 18%, transparent);
}

body.theme-deep-sea-glass .chip.sell {
  color: var(--danger);
  border-color: color-mix(in srgb, var(--danger) 45%, transparent);
  background: color-mix(in srgb, var(--danger) 18%, transparent);
}

body.theme-deep-sea-glass .chip.info,
body.theme-deep-sea-glass .badge.info,
body.theme-deep-sea-glass .tag-info {
  color: var(--info);
  border-color: color-mix(in srgb, var(--info) 45%, transparent);
  background: color-mix(in srgb, var(--info) 16%, transparent);
}

body.theme-deep-sea-glass .stats strong {
  color: var(--accent-2);
}

body.theme-deep-sea-glass .stat-value.highlight,
body.theme-deep-sea-glass .price-change.positive,
body.theme-deep-sea-glass .positive {
  color: var(--good) !important;
}

body.theme-deep-sea-glass .price-change.negative,
body.theme-deep-sea-glass .negative {
  color: var(--danger) !important;
}

body.theme-deep-sea-glass .change-positive {
  color: var(--good) !important;
  font-weight: 600;
  background: color-mix(in srgb, var(--good) 18%, transparent);
  border-radius: 4px;
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

body.theme-deep-sea-glass .change-negative {
  color: var(--danger) !important;
  font-weight: 600;
  background: color-mix(in srgb, var(--danger) 18%, transparent);
  border-radius: 4px;
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

body.theme-deep-sea-glass .change-neutral {
  color: var(--muted) !important;
  font-weight: 500;
  opacity: 0.7;
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

body.theme-deep-sea-glass .live-indicator,
body.theme-deep-sea-glass .ui-status {
  color: var(--good);
}

body.theme-deep-sea-glass .live-dot,
body.theme-deep-sea-glass .status-dot {
  background: var(--good);
  box-shadow: 0 0 12px color-mix(in srgb, var(--good) 60%, transparent);
}

body.theme-deep-sea-glass .ui-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--panel-strong);
  border: var(--border-width) var(--border-style) var(--border);
  font-size: 12px;
}

body.theme-deep-sea-glass .status-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--panel-strong);
  border: var(--border-width) var(--border-style) var(--border);
  font-size: 12px;
  color: var(--good);
}

body.theme-deep-sea-glass .status-toggle .pulse {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--good);
  box-shadow: 0 0 12px color-mix(in srgb, var(--good) 60%, transparent);
  animation: pulse 2s infinite;
}

body.theme-deep-sea-glass #monitor-status-toggle {
  background: var(--panel-strong) !important;
  border: var(--border-width) var(--border-style) var(--border) !important;
  border-radius: 999px !important;
  padding: 6px 12px !important;
  gap: 8px !important;
}

body.theme-deep-sea-glass #monitor-status-dot {
  background: var(--good) !important;
  box-shadow: 0 0 12px color-mix(in srgb, var(--good) 60%, transparent) !important;
}

body.theme-deep-sea-glass #monitor-status-text {
  color: var(--good) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

body.theme-deep-sea-glass .token-info-group,
body.theme-deep-sea-glass .stats-bar,
body.theme-deep-sea-glass .header-config {
  border-color: var(--border);
}

body.theme-deep-sea-glass input,
body.theme-deep-sea-glass select,
body.theme-deep-sea-glass textarea {
  background: color-mix(in srgb, var(--bg) 70%, transparent);
  border: 1px solid var(--border);
  border-radius: 10px;
  color: var(--text);
  padding: 8px 12px;
  font-family: var(--font-body);
}

body.theme-deep-sea-glass input:focus,
body.theme-deep-sea-glass select:focus,
body.theme-deep-sea-glass textarea:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--cyan) 60%, transparent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--cyan) calc(var(--a-12) * 100%), transparent);
}

body.theme-deep-sea-glass table,
body.theme-deep-sea-glass .data-table,
body.theme-deep-sea-glass .ui-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  color: var(--text);
  line-height: 1.35;
}

body.theme-deep-sea-glass .table-wrap,
body.theme-deep-sea-glass .table-scroll {
  background: var(--panel-strong);
  border-radius: 10px;
  border: var(--border-width) var(--border-style) var(--border);
}

body.theme-deep-sea-glass .table-wrap.table-compact {
  max-height: 280px;
}

body.theme-deep-sea-glass th,
body.theme-deep-sea-glass .data-table th,
body.theme-deep-sea-glass .ui-table thead th {
  background: var(--panel-strong);
  color: var(--muted);
  border-bottom: 1px solid var(--row-divider);
  letter-spacing: 0.4px;
}

body.theme-deep-sea-glass td,
body.theme-deep-sea-glass .data-table td,
body.theme-deep-sea-glass .ui-table tbody td {
  border-bottom: 1px solid var(--row-divider);
}

body.theme-deep-sea-glass tbody tr:nth-child(even),
body.theme-deep-sea-glass .data-table tbody tr:nth-child(even),
body.theme-deep-sea-glass .ui-table tbody tr:nth-child(even) {
  background: var(--table-row);
}

body.theme-deep-sea-glass tbody tr:hover,
body.theme-deep-sea-glass .data-table tbody tr:hover,
body.theme-deep-sea-glass .ui-table tbody tr:hover {
  background: var(--table-hover);
}

body.theme-deep-sea-glass .time-2line {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  line-height: 1.15;
  font-size: 11px;
  color: color-mix(in srgb, var(--text) 50%, transparent);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  white-space: normal;
}

body.theme-deep-sea-glass .time-2line .time-date {
  font-size: 11px;
  color: color-mix(in srgb, var(--text) 65%, transparent);
}

body.theme-deep-sea-glass .time-2line .time-clock {
  font-size: 11px;
  color: color-mix(in srgb, var(--text) 85%, transparent);
}

body.theme-deep-sea-glass .alert-time {
  margin-left: 12px;
  min-width: 120px;
  text-align: center;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.theme-deep-sea-glass.theme-home .main-grid table tbody td.trade-type-cell {
  white-space: normal;
  padding: 4px 8px;
  text-overflow: clip;
}

body.theme-deep-sea-glass.theme-home .main-grid table tbody td.trade-type-cell .trade-type {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.1;
  max-height: 2.2em;
  word-break: break-word;
  text-align: center;
}

body.theme-deep-sea-glass .table-scroll,
body.theme-deep-sea-glass .scroll-container {
  scrollbar-color: color-mix(in srgb, var(--text) 25%, transparent) transparent;
}

body.theme-deep-sea-glass .loading-overlay {
  background: color-mix(in srgb, var(--bg) 78%, transparent);
  backdrop-filter: blur(6px);
}

body.theme-deep-sea-glass .loading-spinner {
  border-color: color-mix(in srgb, var(--cyan) calc(var(--a-12) * 100%), transparent);
  border-top-color: var(--cyan);
}

body.theme-deep-sea-glass .toast {
  background: color-mix(in srgb, var(--panel-strong) 95%, transparent);
  border: 1px solid color-mix(in srgb, var(--good) 45%, transparent);
  color: var(--good);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--good) 25%, transparent);
}

body.theme-deep-sea-glass .toast.error {
  border-color: color-mix(in srgb, var(--danger) 55%, transparent);
  color: var(--danger);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--danger) 25%, transparent);
}

body.theme-deep-sea-glass .toast.warning {
  border-color: color-mix(in srgb, var(--warning) 55%, transparent);
  color: var(--warning);
  box-shadow: 0 4px 20px color-mix(in srgb, var(--warning) 25%, transparent);
}

body.theme-deep-sea-glass .log {
  background: color-mix(in srgb, var(--bg) 90%, transparent);
  border: 1px solid var(--border);
  color: var(--text);
}

body.theme-deep-sea-glass *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body.theme-deep-sea-glass *::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--text) 20%, transparent);
  border-radius: 999px;
}

/* Responsive foundation */
body.theme-deep-sea-glass .header,
body.theme-deep-sea-glass .ui-header {
  flex-wrap: wrap;
  row-gap: var(--space-2);
}

body.theme-deep-sea-glass .header-left,
body.theme-deep-sea-glass .header-right,
body.theme-deep-sea-glass .ui-header-left,
body.theme-deep-sea-glass .ui-header-right {
  flex-wrap: wrap;
  min-width: 0;
}

body.theme-deep-sea-glass .section-title {
  flex-wrap: wrap;
  gap: var(--space-2);
}

body.theme-deep-sea-glass .scroll-container,
body.theme-deep-sea-glass .table-scroll,
body.theme-deep-sea-glass .trades-table-wrapper,
body.theme-deep-sea-glass .flow-history-container {
  overflow-x: auto;
  overscroll-behavior: contain;
}

body.theme-deep-sea-glass .main-grid > div,
body.theme-deep-sea-glass .main-container > .card,
body.theme-deep-sea-glass .charts-grid > .chart-panel,
body.theme-deep-sea-glass .charts-section > .chart-card {
  min-width: 0;
}

body.theme-deep-sea-glass table {
  width: 100%;
  table-layout: fixed;
}

body.theme-deep-sea-glass table th,
body.theme-deep-sea-glass table td {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

/* Breakpoints: 1920 */
@media (max-width: 1920px) {
  body.theme-deep-sea-glass {
    --container-max: 98%;
  }

  body.theme-deep-sea-glass.theme-analytics .main-container {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 320px;
  }
}

/* Breakpoints: 1536 */
@media (max-width: 1536px) {
  body.theme-deep-sea-glass {
    --container-max: 96%;
    --container-padding: clamp(10px, 1vw, 20px);
  }

  body.theme-deep-sea-glass.theme-home .status-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.theme-deep-sea-glass.theme-home .main-grid {
    grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr);
  }

  body.theme-deep-sea-glass.theme-analytics .header-left {
    gap: var(--space-3);
  }

  body.theme-deep-sea-glass.theme-analytics .stats-bar {
    flex-wrap: wrap;
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }

  body.theme-deep-sea-glass.theme-analytics .main-container {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 300px;
  }

  body.theme-deep-sea-glass.theme-trader .stats-row {
    flex-wrap: wrap;
  }

  body.theme-deep-sea-glass.theme-trader .tier-grid {
    flex: 1 1 520px;
  }

  body.theme-deep-sea-glass.theme-trader .ratio-card {
    flex: 1 1 320px;
    min-width: 260px;
  }

  body.theme-deep-sea-glass.theme-trader .behavior-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.theme-deep-sea-glass.theme-sell .summary-section {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }

  /* Table column priorities */
  body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(6),
  body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(6),
  body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(7),
  body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(7),
  body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(8),
  body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(8) {
    display: none;
  }

  body.theme-deep-sea-glass.theme-home .transactions-table th:nth-child(6),
  body.theme-deep-sea-glass.theme-home .transactions-table td:nth-child(6) {
    display: none;
  }

  body.theme-deep-sea-glass.theme-analytics .trades-table-header col:nth-child(4),
  body.theme-deep-sea-glass.theme-analytics .trades-table-header col:nth-child(8),
  body.theme-deep-sea-glass.theme-analytics .trades-table-header th:nth-child(4),
  body.theme-deep-sea-glass.theme-analytics .trades-table-header th:nth-child(8),
  body.theme-deep-sea-glass.theme-analytics .trades-table col:nth-child(4),
  body.theme-deep-sea-glass.theme-analytics .trades-table col:nth-child(8),
  body.theme-deep-sea-glass.theme-analytics .trades-table td:nth-child(4),
  body.theme-deep-sea-glass.theme-analytics .trades-table td:nth-child(8) {
    display: none;
  }

  body.theme-deep-sea-glass.theme-analytics .flow-history-table col:nth-child(6),
  body.theme-deep-sea-glass.theme-analytics .flow-history-table col:nth-child(8),
  body.theme-deep-sea-glass.theme-analytics .flow-history-table th:nth-child(6),
  body.theme-deep-sea-glass.theme-analytics .flow-history-table th:nth-child(8),
  body.theme-deep-sea-glass.theme-analytics .flow-history-table td:nth-child(6),
  body.theme-deep-sea-glass.theme-analytics .flow-history-table td:nth-child(8) {
    display: none;
  }

  body.theme-deep-sea-glass.theme-analytics .liq-table-header,
  body.theme-deep-sea-glass.theme-analytics .liq-row {
    grid-template-columns: 90px 60px 90px 70px minmax(120px, 1fr);
  }

  body.theme-deep-sea-glass.theme-analytics .liq-table-header > div:nth-child(6),
  body.theme-deep-sea-glass.theme-analytics .liq-row > div:nth-child(6) {
    display: none;
  }

  body.theme-deep-sea-glass.theme-sell .data-table th:nth-child(7),
  body.theme-deep-sea-glass.theme-sell .data-table td:nth-child(7),
  body.theme-deep-sea-glass.theme-sell .data-table th:nth-child(8),
  body.theme-deep-sea-glass.theme-sell .data-table td:nth-child(8) {
    display: none;
  }
}

/* Breakpoints: 1439 */
@media (max-width: 1439px) {
  body.theme-deep-sea-glass.theme-home .main-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  }
}

/* Breakpoints: 1440 */
@media (max-width: 1440px) {
  body.theme-deep-sea-glass.theme-home .main-grid table thead th,
  body.theme-deep-sea-glass.theme-home .main-grid table tbody td {
    padding: 5px 6px;
  }
}

/* Breakpoints: 1920+ */
@media (min-width: 1920px) {
  body.theme-deep-sea-glass.theme-home {
    --container-max: 2400px;
  }

  body.theme-deep-sea-glass.theme-home .main-grid {
    grid-template-columns: minmax(980px, 2.2fr) minmax(420px, 1fr);
  }
}

/* Breakpoints: 1280 */
@media (max-width: 1280px) {
  body.theme-deep-sea-glass {
    --container-max: 94%;
    --container-padding: clamp(8px, 0.9vw, 16px);
  }

  body.theme-deep-sea-glass.theme-home .header {
    align-items: flex-start;
  }

  body.theme-deep-sea-glass.theme-home .header-left,
  body.theme-deep-sea-glass.theme-home .header-right {
    width: 100%;
  }

  body.theme-deep-sea-glass.theme-home .header-right {
    justify-content: flex-start;
  }

  body.theme-deep-sea-glass.theme-home #token-buttons {
    flex-wrap: wrap;
    max-width: 100%;
  }

  body.theme-deep-sea-glass.theme-home .status-panel {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }

  body.theme-deep-sea-glass.theme-home .main-grid {
    grid-template-columns: 1fr;
    grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
  }

  body.theme-deep-sea-glass.theme-home .main-grid > div:last-child {
    gap: var(--space-3) !important;
  }

  body.theme-deep-sea-glass.theme-analytics .header {
    align-items: flex-start;
  }

  body.theme-deep-sea-glass.theme-analytics .header-left,
  body.theme-deep-sea-glass.theme-analytics .header-right {
    width: 100%;
  }

  body.theme-deep-sea-glass.theme-analytics .header-right {
    justify-content: flex-start;
  }

  body.theme-deep-sea-glass.theme-analytics .stats-bar {
    width: 100%;
    flex-wrap: wrap;
  }

  body.theme-deep-sea-glass.theme-analytics .main-container {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(0, auto);
  }

  body.theme-deep-sea-glass.theme-analytics .chart-section,
  body.theme-deep-sea-glass.theme-analytics .trades-section,
  body.theme-deep-sea-glass.theme-analytics .flow-section,
  body.theme-deep-sea-glass.theme-analytics .period-section,
  body.theme-deep-sea-glass.theme-analytics .pools-section,
  body.theme-deep-sea-glass.theme-analytics .liquidity-alert-section,
  body.theme-deep-sea-glass.theme-analytics .trader-section {
    grid-column: 1 / -1;
    grid-row: auto;
  }

  body.theme-deep-sea-glass.theme-analytics .trader-section {
    grid-column: 1 / -1;
    grid-row: auto;
    max-height: none;
  }

  body.theme-deep-sea-glass.theme-analytics .trader-heatmap,
  body.theme-deep-sea-glass.theme-analytics .la-grid {
    grid-template-columns: 1fr;
  }

  body.theme-deep-sea-glass.theme-analytics .interval-tabs,
  body.theme-deep-sea-glass.theme-analytics .cost-line-toggles,
  body.theme-deep-sea-glass.theme-analytics .period-tabs {
    flex-wrap: wrap;
    gap: 6px;
  }

  body.theme-deep-sea-glass.theme-trader .stats-row {
    flex-direction: column;
  }

  body.theme-deep-sea-glass.theme-trader .tier-grid {
    grid-template-columns: 1fr;
  }

  body.theme-deep-sea-glass.theme-trader .interval-btns {
    flex-wrap: wrap;
  }

  body.theme-deep-sea-glass.theme-trader .charts-grid {
    grid-template-columns: 1fr;
  }

  body.theme-deep-sea-glass.theme-trader .behavior-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.theme-deep-sea-glass.theme-sell .header {
    align-items: flex-start;
  }

  body.theme-deep-sea-glass.theme-sell .header-left,
  body.theme-deep-sea-glass.theme-sell .header-right,
  body.theme-deep-sea-glass.theme-sell .header-config {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
  }

  body.theme-deep-sea-glass.theme-sell .charts-section {
    grid-template-columns: 1fr;
  }

  body.theme-deep-sea-glass.theme-sell .chart-controls,
  body.theme-deep-sea-glass.theme-sell .period-tabs {
    flex-wrap: wrap;
  }

  /* Table column priorities */
  body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(3),
  body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(3),
  body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(9),
  body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(9),
  body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(10),
  body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(10),
  body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(12),
  body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(12),
  body.theme-deep-sea-glass.theme-home #entity-table th:nth-child(13),
  body.theme-deep-sea-glass.theme-home #entity-table td:nth-child(13) {
    display: none;
  }

  body.theme-deep-sea-glass.theme-analytics .trades-table-header col:nth-child(3),
  body.theme-deep-sea-glass.theme-analytics .trades-table-header th:nth-child(3),
  body.theme-deep-sea-glass.theme-analytics .trades-table col:nth-child(3),
  body.theme-deep-sea-glass.theme-analytics .trades-table td:nth-child(3) {
    display: none;
  }

  body.theme-deep-sea-glass.theme-analytics .flow-history-table col:nth-child(3),
  body.theme-deep-sea-glass.theme-analytics .flow-history-table col:nth-child(7),
  body.theme-deep-sea-glass.theme-analytics .flow-history-table th:nth-child(3),
  body.theme-deep-sea-glass.theme-analytics .flow-history-table th:nth-child(7),
  body.theme-deep-sea-glass.theme-analytics .flow-history-table td:nth-child(3),
  body.theme-deep-sea-glass.theme-analytics .flow-history-table td:nth-child(7) {
    display: none;
  }

  body.theme-deep-sea-glass.theme-analytics .liq-table-header,
  body.theme-deep-sea-glass.theme-analytics .liq-row {
    grid-template-columns: 80px 60px 80px minmax(120px, 1fr);
  }

  body.theme-deep-sea-glass.theme-analytics .liq-table-header > div:nth-child(3),
  body.theme-deep-sea-glass.theme-analytics .liq-row > div:nth-child(3) {
    display: none;
  }

  body.theme-deep-sea-glass.theme-sell .data-table th:nth-child(5),
  body.theme-deep-sea-glass.theme-sell .data-table td:nth-child(5),
  body.theme-deep-sea-glass.theme-sell .data-table th:nth-child(6),
  body.theme-deep-sea-glass.theme-sell .data-table td:nth-child(6) {
    display: none;
  }

  body.theme-deep-sea-glass .debug-entity-table th:nth-child(4),
  body.theme-deep-sea-glass .debug-entity-table td:nth-child(4),
  body.theme-deep-sea-glass .debug-entity-table th:nth-child(5),
  body.theme-deep-sea-glass .debug-entity-table td:nth-child(5),
  body.theme-deep-sea-glass .debug-entity-table th:nth-child(6),
  body.theme-deep-sea-glass .debug-entity-table td:nth-child(6) {
    display: none;
  }

  body.theme-deep-sea-glass .perf-table th:nth-child(3),
  body.theme-deep-sea-glass .perf-table td:nth-child(3) {
    display: none;
  }
}

/* Breakpoints: 1921+ */
@media (min-width: 1921px) {
  body.theme-deep-sea-glass {
    --container-max: 2200px;
    --container-padding: clamp(18px, 1.4vw, 32px);
  }

  body.theme-deep-sea-glass.theme-analytics .main-container {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr) 420px;
  }
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

@keyframes rise {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}