/* Electric blue, silver and cyan across both wallet and demo modes. */
:root {
  --bg: #111d32;
  --panel: #1a2c4b;
  --line: #3c699f70;
  --text: #f5fbff;
  --muted: #acc3df;
  --lime: #6eadfb;
  --mint: #68aafb;
  --pink: #8be0fc;
}

body {
  background:
    radial-gradient(ellipse at 4% 4%, #317bd544, transparent 42rem),
    radial-gradient(ellipse at 100% 28%, #36b0d924, transparent 48rem),
    radial-gradient(ellipse at 40% 100%, #3786e733, transparent 65rem),
    var(--bg);
}
.header {
  background: linear-gradient(110deg, #192946, #15233c 55%, #213557);
  border-bottom-color: #6ba1e45e;
  box-shadow: 0 4px 35px #0a111e44;
}
.brand { color: #f4fbff; }
.brandmark {
  color: #142239;
  background: linear-gradient(140deg, #8fe1fc, #8dbffc 55%, #6cacfb);
  box-shadow: 0 0 22px #4c9afa45;
}
.brand-sub { color: #a9c1de; border-color: #5887c05e; }
.header nav { color: #b9d5e5; }
.header nav .active { color: #94d6fc; }
.header nav .active::after {
  background: linear-gradient(90deg, #71affb, #80b8fc);
  box-shadow: 0 0 14px #70affb;
}
.demo-badge {
  color: #9edafd;
  background: #1d305270;
  border-color: #5e9de976;
  box-shadow: inset 0 0 16px #3078d010;
}
.eyebrow { color: #a6ddfd; }
h1 {
  color: #ebf7fe;
  background: linear-gradient(100deg, #ffffff 8%, #a9defd 57%, #a5ddfd);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h1 span { -webkit-text-fill-color: #85defc; }
.rank-heading h2 span { color: #8be0fc; }
.button {
  color: #e0f3fe;
  background: #274468;
  border-color: #608dc58c;
}
.button.primary {
  color: #182844;
  background: linear-gradient(110deg, #6aabfb, #a7ddfd);
  border-color: #a7ddfd;
  box-shadow: 0 5px 22px #4691ed35, inset 0 1px #ffffff80;
}
.button.primary:hover {
  color: #121e33;
  background: linear-gradient(110deg, #a2dcfd, #c3e8fd);
  box-shadow: 0 5px 28px #76b2fb65;
}
.button:disabled { opacity: .78; }
.mode-bar > span { color: #b1cfe1; }
.mode-switch { background: #16253f; border-color: #5987c080; }
.mode-switch a { color: #c1d9e7; }
.mode-switch .selected {
  color: #f4fbff;
  background: linear-gradient(110deg, #336fb9, #4483cf);
  box-shadow: 0 2px 12px #458ade38, inset 0 1px #b3e2fd38;
}
.wallet-status {
  color: #c9eafe;
  background: linear-gradient(105deg, #223961, #203355);
  border-left-color: #6cacfb;
  box-shadow: inset 0 1px #9edafd15;
}
.wallet-status[data-status=partial], .wallet-status[data-status=unavailable] {
  color: #b6e3fd;
  background: linear-gradient(105deg, #265463, #232e42);
  border-color: #79dbfc;
}
.demo-badge[data-status=partial], .demo-badge[data-status=unavailable] {
  color: #abdffd; background: #313c50; border-color: #6cd1f28c;
}

.observatory {
  border-color: #76a1d57d;
  box-shadow: 0 14px 60px #0a111c70, 0 0 45px #3c8ff419;
}
.signals {
  background: linear-gradient(155deg, #223960, #182946 65%, #243553);
  border-color: #779dcb50;
}
.spotlight {
  background: linear-gradient(155deg, #203457, #20355a 60%, #22375c);
  border-color: #83bdd050;
}
.panel-title h2 { color: #f0f9ff; }
.micro-tag {
  color: #9edafc;
  background: #22416645;
  border-color: #6da4e869;
}
.signal-card { border-color: #87abd737; }
.signal-card:hover { background: #78b3fc12; }
.avatar {
  color: #f0f9ff;
  background: linear-gradient(135deg, #3178ce, #5183bf);
  box-shadow: 0 0 0 1px #b8e4fd60, 0 3px 12px #0c14233d;
}
.signal-card:nth-child(2n) .avatar {
  background: linear-gradient(135deg, #1959a7, #5487c5);
}
.signal-meta .time, .signal-action { color: #afcee0; }
.activity-kind { color: #c4e8fd; border-color: #7da7db; background: #305d9533; }
.activity-kind.buy, .buy-label { color: #91c1fc; background: #21385f59; border-color: #4488dc7d; }
.activity-kind.sell { color: #b9e4fd; background: #2885a44a; border-color: #79d8f886; }
.activity-kind.failed { color: #9fdafd; background: #206d8742; border-color: #63bcd9a6; }
.pulse-dot { background: #6dadfb; box-shadow: 0 0 11px #4f99f388; }
.brain-stage {
  background:
    radial-gradient(ellipse at 48% 45%, #3bb1d83d, transparent 58%),
    radial-gradient(ellipse at 6% 92%, #1960b673, transparent 53%),
    radial-gradient(ellipse at 95% 8%, #3d8ef07d, transparent 65%),
    radial-gradient(#a0dbfd45 .7px, transparent .7px), #16253e;
  background-size: auto, auto, auto, 19px 19px, auto;
}
.stage-top { color: #bae4fd; }
.stage-id { color: #91b0d5; }
.coordinate { color: #bce3fa; }
.coordinate b { color: #92b1d6; }
.coordinate:nth-of-type(2), .coordinate:nth-of-type(4) { color: #a0dbfd; }
.brain-label p { color: #d8ecf8; }
.crawler-tag {
  color: #b9e4fd;
  background: #22497899;
  border-color: #82ddfb87;
  box-shadow: 0 0 18px #4ccef920;
}
.stage-bottom { color: #afcee0; background: #1a2a45d9; border-color: #84a6d039; }
.stage-bottom button { color: #c7e0ef; background: #2a496e75; border-color: #6892c679; }
.stage-bottom button[aria-pressed=true] { color: #a8defd; background: #31558070; border-color: #77b3fc; }
.processing .stage-top { color: #8abdfc; }
.tiny-star { color: #99d8fc; text-shadow: 0 0 16px #5dd3fb80; }
.score-big strong { color: #a9defd; text-shadow: 0 0 28px #55a0fb28; }
.score-big em { color: #a7ddfd; background: #2341664a; border-color: #80afe979; }
.wallet-mode .score-big strong { color: #b8daee; }
.wallet-mode .score-big em { color: #cdecfe; background: #4171ab3b; border-color: #8db2e08a; }
.score-row { color: #c2dae8; }
.score-row strong { color: #e2f4fe; }
.bar { background: #628ec447; }
.bar i { background: linear-gradient(90deg, #8ebffc, #6eadfb); }
.bar.pink i { background: linear-gradient(90deg, #6eadfb, #8ee1fc); }
.bar.blue i { background: linear-gradient(90deg, #7bb5fc, #6cacfb); }
.bar.orange i { background: linear-gradient(90deg, #9dd9fc, #8fe1fc); }
.spotlight .profile-button {
  color: #f1faff;
  background: linear-gradient(110deg, #366db1, #467ab9);
  border-color: #85b1e79e;
  box-shadow: 0 5px 18px #0f182940, inset 0 1px #d0edfe30;
}
.spotlight .profile-button:hover { background: linear-gradient(110deg, #4780c6, #5c96dc); }

.crawl-terminal {
  background: linear-gradient(110deg, #182843, #1c3051 60%, #203457);
  border-color: #759ccb79;
  box-shadow: 0 5px 25px #0c142340;
}
.terminal-title { color: #c9e6f6; border-color: #749bca51; background: #1f325463; }
.terminal-title i { background: #83defc; }
.terminal-title i:nth-child(2) { background: #72d9fb; }
.terminal-title i:nth-child(3) { background: #61a6fb; }
.terminal-demo { color: #172640; background: #9edafc; }
.terminal-cells > div { border-color: #7fa3ce40; }
.terminal-cells small { color: #b5def5; }
.terminal-cells strong { color: #95d6fc; }
.terminal-cells span { color: #abc2df; }
.terminal-cells .reading { background: #4981c62e; box-shadow: inset 0 2px #8fc0fc; }
.terminal-cells .reading strong { color: #d1edfe; }
#terminal-state { color: #9bd9fc; }
.network-bar > div, .network-bar .network-note { color: #b1d0e2; }
.network-bar .metric-number { color: #98d7fc; }
.network-bar > div:nth-child(2) .metric-number { color: #a3dcfd; }
.network-bar > div:nth-child(3) .metric-number { color: #a9defd; }
.text-button { color: #acdffd; }
.filter-tabs button { color: #b3d1e2; }
.filter-tabs button.selected { color: #e9f6fe; background: linear-gradient(110deg, #3b6aa4, #386295); }
.filter-tabs button span { color: #c5e5f8; }
.search, select { color: #c6e0ef; background: #1c2e4d; border-color: #5282bd8f; }
.search input { color: #e7f6fe; }
.search input::placeholder { color: #9fbada; opacity: 1; }
.table-scroll { border: 1px solid #5c89c15c; border-radius: 10px; background: #16243c80; }
th { color: #baddf1; background: #244063; border-color: #769ecf65; }
td { border-color: #4e80bc3b; }
tbody tr:nth-child(even) { background: #375f9013; }
tbody tr:hover { background: #528bd02b; }
th:first-child, td:first-child { color: #92b0d5; }
.kol-cell small, .coin-button .age { color: #a1bcdc; }
.score-pill i { background: #4477b575; }
.score-pill i::after { background: linear-gradient(90deg, #86bbfc, #7ab5fc); }
.watch { color: #92b1d6; }
.watch[aria-pressed=true] { color: #86defc; }
.unscored { color: #a3bddc; }
.table-foot, .coverage-note, .feed-empty { color: #a0bbdb; }
footer { color: #97b4d8; border-color: #5a88c05c; }
footer .brand { color: #d6effe; }

dialog {
  background: linear-gradient(150deg, #203252, #192945 65%, #223350);
  border-color: #8ab8f0a3;
  box-shadow: 0 30px 100px #0c1421bb, 0 0 60px #5090df24;
}
dialog::backdrop { background: #0b121ec4; }
dialog p { color: #bdd7e6; }
.close { color: #b4e0fa; }
.detail-stat { background: #30547f2e; border-color: #6f98c95c; }
.detail-stat span, .detail-stats span { color: #b5d5e8; }
.detail-stat small, .wallet-history > small, .modal-trade small { color: #a1bbdb; }
.coin-address { color: #9dd4f4; background: #28395777; border-color: #6b94c76b; }
.modal-trade, .method-row, .token-detail { border-color: #7ca0cd57; }
.detail-notice { color: #a4bedd !important; border-color: #6691c569; }
.positive { color: #7bb5fc; }
.negative { color: #95d6fc; }
#empty { color: #c0deef; }
#toast { color: #e6f5fe; background: #396295; border-color: #9ac1f1; box-shadow: 0 8px 35px #0c142280; }

@media (prefers-contrast: more) {
  :root { --muted: #d9ebf5; }
  .coordinate b, .kol-cell small, .table-foot, .coverage-note, .terminal-cells span { color: #d9ebf5; }
}
/* Real performance connection, with a local-only credential field. */
.analytics-setup{display:grid;grid-template-columns:1.25fr 1fr;gap:32px;padding:26px;margin:20px 0;border:1px solid #5a8ac5;border-radius:14px;background:linear-gradient(125deg,#223961,#243759);color:#e7f6fe}
.analytics-setup[hidden]{display:none}
.analytics-setup h2{font-size:23px;margin:8px 0 12px}.analytics-setup p{font-size:13px;line-height:1.8}.analytics-setup a{color:#6bacfb;text-decoration:underline}
.analytics-setup form{display:flex;flex-direction:column;gap:12px;align-self:center}.analytics-setup label{font-size:13px;font-weight:600}.analytics-setup input{min-width:0;width:100%;box-sizing:border-box;padding:13px;border:1px solid #5685bf;border-radius:9px;background:#132036;color:#fff;font:inherit}.analytics-setup input:focus{outline:2px solid #59a2fb}
.analytics-setup .subtle{color:#b3d1e2;font-size:12px}.analytics-controls{display:flex;justify-content:flex-end;gap:20px;margin:-10px 0 18px}.analytics-controls [hidden]{display:none}
.performance-mode .performance-profit{font-size:30px;letter-spacing:-.6px;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.performance-mode .spotlight .detail-grid{grid-template-columns:1fr;gap:10px}.performance-mode .spotlight .detail-stat{padding:9px}.performance-mode .spotlight .detail-stat strong{font-size:20px}.performance-mode .mode-bar{flex-wrap:wrap;gap:10px}
.project-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 3.5%;background:linear-gradient(110deg,#2849715c,#37619560);border-bottom:1px solid #93bcee4d;font-size:12px}.project-contract{display:flex;align-items:center;gap:12px;min-width:0}.project-label{color:#9adbf1;font-size:10px;font-weight:700;letter-spacing:1.5px;white-space:nowrap}.project-contract code{color:#e4f5fe;font:12px/1.7 monospace;overflow-wrap:anywhere;user-select:all;min-width:0}.project-bar button{border:1px solid #acdffd55;border-radius:6px;padding:5px 10px;font-size:11px;white-space:nowrap;background:#83b3ed22;min-height:32px}.project-bar button:disabled{cursor:default;color:#98b5d8;opacity:.55}.project-bar a{color:#8fbdf5;white-space:nowrap;font-weight:600}.project-bar>span{color:#a4bddc;white-space:nowrap}.service-notice,.demo-warning{padding:12px 3.5%;background:#24385b4d;border-bottom:1px solid #81cbe455;color:#b0d9f1;font-size:12px;line-height:1.6}.demo-warning{border:1px solid #81cbe455;border-radius:8px}.performance-mode .coordinate:first-of-type b{color:#b4d5e8}@media(max-width:600px){.project-bar{padding:12px 16px;flex-wrap:wrap;gap:9px}.project-contract{width:100%;flex-wrap:wrap;gap:6px 10px}.project-contract code{flex:1;min-width:160px}.project-label{font-size:9px}.project-bar>span,.project-bar a{margin-left:auto;font-size:11px}.project-contract button{padding:5px 8px}.service-notice{padding:10px 16px}}
.table-scroll{position:relative}.sr-only{top:0;left:0}
@media(max-width:760px){.mode-switch{flex-wrap:wrap}.performance-mode .mode-bar>span{font-size:11px}}
/* Narrative attention extends the existing bright observatory palette. */
.narrative-panel{margin:24px 0;padding:26px;border:1px solid #6798d36b;border-radius:20px;background:linear-gradient(125deg,#1b2e4e,#16253e 65%,#182945);box-shadow:0 12px 44px #0c142133}
.narrative-panel h2{margin:4px 0;font-size:1.65rem}.narrative-panel h3{font-size:1.05rem}.narrative-summary{font-size:.875rem;color:#c3deed;line-height:1.6}.theme-list{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.theme-pill{min-width:145px;display:grid;gap:7px;text-align:left;border:1px solid #9ad8fc7a;border-radius:14px;padding:16px 20px;background:#21457075;color:#ebf7fe;cursor:pointer}.theme-pill strong{font-size:1.7rem;color:#71d9fb}.theme-pill small{font-size:.875rem;color:#c9e1ef}.theme-pill:hover{background:#3a649885;border-color:#b1e1fd}.recent-buy-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.buy-owner{display:flex;align-items:center;gap:9px;padding:5px 0 10px;border:0;background:none;color:#e9f6fe;font-weight:600;cursor:pointer}.buy-owner .avatar{width:28px;height:28px}.buy-card{min-width:0;margin:8px 0 16px;border:1px solid #7099ca66;border-radius:13px;padding:16px;background:#131e3299}.buy-card p{font-size:.875rem;line-height:1.6;color:#d0e3ee}.buy-card-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}.buy-card-top strong{overflow-wrap:anywhere;color:#fff}.buy-card-top span{font-size:.8rem;color:#9fbadb}.buy-card .coin-address{display:block;word-break:break-all;white-space:normal;font-size:.8rem;padding:8px 0}.buy-card .modal-actions{gap:8px;flex-wrap:wrap;margin:12px 0 0}.buy-card .button{font-size:.875rem;padding:9px 12px}.narrative-detail{border:1px solid #9ad8fc66;border-radius:15px;padding:18px;margin:20px 0;background:linear-gradient(120deg,#23436b70,#1b2e4e45)}.narrative-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.narrative-heading h3{margin:8px 0}.narrative-number{color:#71d9fb;font-size:1.65rem;white-space:nowrap}.narrative-evidence{display:flex;flex-wrap:wrap;gap:18px;margin:18px 0;font-size:.875rem}.narrative-evidence span{display:grid;gap:6px;color:#b3d1e2}.narrative-evidence b{color:#fff}.narrative-detail .subtle{font-size:.875rem;line-height:1.6}.coin-inline-actions{display:flex;gap:10px;padding:0 0 14px}.coin-inline-actions a{font-size:.875rem;color:#aed8f0}.theme-pill:focus-visible,.buy-owner:focus-visible{outline:2px solid #91c1fc;outline-offset:4px}
@media(max-width:1050px){.recent-buy-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.narrative-panel{padding:18px}.recent-buy-list{grid-template-columns:1fr}.narrative-panel .rank-heading{align-items:flex-start;gap:12px;flex-direction:column}.theme-pill{flex:1 1 135px}.narrative-heading{align-items:flex-start;flex-direction:column}}
