/* Compact cobalt / champagne market strip. Separate from map verdicts. */
.im-header-stack { position:relative; z-index:30; min-width:0; }
/* The landing uses an absolutely positioned nav, unlike the app grid. */
body > [data-im-trending] { position:relative; z-index:60; }
body:has(> [data-im-trending] > .im-trends) > .lpx-nav { top:44px; }
.im-trends {
  position:relative; z-index:31; display:flex; align-items:center; gap:4px;
  height:44px; box-sizing:border-box; padding:0 12px; min-width:0;
  color:var(--bone,#e9eef8); background:var(--deep-black,#070809);
  border-bottom:1px solid var(--stroke,rgba(255,255,255,.08));
  font:500 11px/1.2 Inter,system-ui,sans-serif;
}
.im-trends button,.im-trends a { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.im-trends-label { flex:none; display:grid; gap:2px; font-size:11px; font-weight:800; letter-spacing:.04em; color:var(--gold,#e9c77b); }
.im-trends-count { font-size:11px; font-weight:500; letter-spacing:0; color:var(--muted,#a8b0c2); }
.im-trends-picker { flex:none; position:relative; }
.im-trends button { border:0; background:transparent; color:inherit; cursor:pointer; }
.im-trends-toggle { display:flex; align-items:center; justify-content:center; gap:5px; width:52px; min-height:44px; }
.im-trends img { object-fit:contain; }
.im-trends-toggle img,.im-trends-chain img { width:20px; height:20px; }
.im-trends-globe { font-size:27px; color:var(--ton-blue-soft,#8fb0ff); line-height:1; }
.im-trends-chevron { color:var(--muted,#a8b0c2); font-size:14px; }
.im-trends-menu { position:absolute; top:43px; left:0; width:220px; padding:8px; border:1px solid var(--stroke-strong,#343c4c); border-radius:12px; background:var(--panel-strong,#171921); box-shadow:0 12px 35px #0009; }
.im-trends-menu[hidden] { display:none; }
.im-trends-chain-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:3px; }
.im-trends-chain { position:relative; display:grid; place-items:center; min-width:44px; min-height:44px; border-radius:8px; }
.im-trends-chain[aria-pressed="true"] { background:rgba(47,107,255,.18); box-shadow:inset 0 0 0 1px var(--ton-blue,#2f6bff); }
.im-trends-chain::after { content:attr(data-label); position:absolute; top:calc(100% - 2px); left:50%; transform:translateX(-50%); z-index:3; padding:6px 8px; border:1px solid #39445a; border-radius:6px; background:#0b101a; color:#fff; white-space:nowrap; opacity:0; pointer-events:none; font:500 11px/1.2 Inter,system-ui,sans-serif; }
.im-trends-chain:hover::after,.im-trends-chain:focus-visible::after { opacity:1; }
.im-trends-selected { padding:10px 4px 3px; text-align:center; color:var(--muted-2,#a8b0c2); font-size:11px; }
.im-trends-rail { flex:1; min-width:0; overflow:hidden; -webkit-mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent); mask-image:linear-gradient(to right,transparent,#000 12px,#000 calc(100% - 12px),transparent); scrollbar-width:none; }
.im-trends-rail::-webkit-scrollbar { display:none; }
.im-trends-track { display:flex; width:max-content; max-width:none; animation:im-trends-drift var(--im-trends-duration,150s) linear infinite; }
.im-trends-group { display:flex; flex:none; align-items:center; padding-right:18px; gap:18px; }
.im-trends-token { flex:none; display:flex; align-items:center; gap:6px; min-height:44px; color:inherit; text-decoration:none; white-space:nowrap; font-variant-numeric:tabular-nums; border-radius:4px; }
.im-trends-token:hover .im-trends-symbol { color:var(--ton-blue-soft,#8fb0ff); }
.im-trends-rank { color:var(--muted,#8b95a8); font-size:11px; }
.im-trends-art { position:relative; display:grid; place-items:center; width:19px; height:19px; overflow:hidden; flex:none; border-radius:50%; color:#a9bbef; background:#1b2540; font-size:11px; }
.im-trends-art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; background:#10141e; }
.im-trends-symbol { max-width:110px; overflow:hidden; text-overflow:ellipsis; font-weight:700; font-size:11px; }
.im-trends-change { font-size:11px; }
.im-trends-change.is-up { color:var(--green,#4ade80); }
.im-trends-change.is-down { color:var(--warning-red,#ff6b7a); }
.im-trends-external { color:var(--muted,#8b95a8); font-size:11px; }
.im-trends-pause { width:44px; min-width:44px; height:44px; font-size:15px; }
.im-trends-source { flex:none; display:grid; place-items:center; height:44px; min-width:44px; color:var(--muted,#a8b0c2); text-decoration:none; font-size:11px; }
.im-trends-message { display:block; padding:0 12px; line-height:44px; color:var(--muted-2,#a8b0c2); }
.im-trends:has(.im-trends-message) .im-trends-track { animation:none; }
.im-trends-track.is-static { animation:none; }
.im-trends:hover .im-trends-track { animation-play-state:paused; }
.im-trends.is-paused .im-trends-track,.im-trends:focus-within .im-trends-track { animation:none; }
.im-trends.is-paused .im-trends-rail,.im-trends:focus-within .im-trends-rail { overflow-x:auto; }
.im-trends.is-paused .im-trends-group[aria-hidden],.im-trends:focus-within .im-trends-group[aria-hidden] { display:none; }
.im-trends :is(button,a):focus-visible { outline:2px solid var(--gold,#e9c77b); outline-offset:-3px; }
.im-trends-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@keyframes im-trends-drift { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce) {
  .im-trends-track { animation:none; }
  .im-trends-rail { overflow-x:auto; }
  .im-trends-group[aria-hidden] { display:none; }
}
@media (max-width:768px) {
  #app:has(.im-header-stack) { grid-template-rows:calc(96px + env(safe-area-inset-top,0px)) 1fr !important; }
  .im-trends { padding-left:max(8px,env(safe-area-inset-left,0px)); padding-right:max(4px,env(safe-area-inset-right,0px)); gap:1px; }
  .im-trends-toggle { width:44px; }
  .im-trends-group { gap:16px; }
}
body[data-profile="embed"] .im-header-stack,body.im-card .im-header-stack { display:none !important; }
body[data-profile="embed"] #app:has(.im-header-stack),body.im-card #app:has(.im-header-stack) { grid-template-rows:1fr !important; }