/* ------------------------------------------------------------------ */
/* Custom overrides to improve mobile navigation UX
   On small screens, the default backdrop sits above the sidebar. This
   prevents users from interacting with the menu and makes the entire
   screen appear frozen or blurred. The following overrides reduce the
   blur on the mobile navigation backdrop and elevate the sidebar above
   the backdrop. Use !important to ensure these rules win over earlier
   declarations. */

/* Reduce the blur on the mobile navigation backdrop to avoid a fully
   blurred page. Leaving some blur provides contrast but keeps the
   underlying interface recognizable. A small blur keeps the
   overlay soft without obscuring the content. */
.mobile-nav-backdrop {
  backdrop-filter: blur(1px) !important;
}

/* When the viewport is narrow, raise the sidebar's z-index above the
   backdrop so that the slide‑out menu remains interactive. Without
   this override, the backdrop's z-index obscures the sidebar. */
@media (max-width: 900px) {
  .sidebar {
    z-index: 50 !important;
  }
}

/* ------------------------------------------------------------------ */
/* Enhanced interactivity and subtle motion

   To elevate the overall feel of the interface, we add gentle
   transitions and hover effects to navigation items, panels, and
   buttons. These transitions make the UI feel responsive without
   distracting from the data. */

.nav-item {
  transition: background-color .35s ease, color .35s ease, transform .25s ease;
}

.nav-item:hover {
  /* Shift slightly to the right on hover to indicate focus */
  transform: translateX(4px);
}

.drawer-panel {
  transition: box-shadow .3s ease;
}

.drawer-panel:hover {
  box-shadow: 0 0 14px rgba(153,119,255,.20);
}

/* Button hover animations */
button, .nav-item {
  transition: background-color .25s ease, color .25s ease;
}

button:hover:not(:disabled) {
  filter: brightness(1.1);
}

/* ------------------------------------------------------------------ */
/* Futuristic background overlay

   A subtle abstract background helps anchor the dark interface and
   reinforces the quantum/intelligence theme. The image is blurred and
   tinted to blend into the dark palette. It does not interfere with
   readability because it sits behind everything and has low opacity. */
body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('img/bg-futuristic.webp') center/cover no-repeat;
  opacity: 0.18;
  z-index: -1;
  pointer-events: none;
  filter: blur(28px) saturate(1.2);
}
:root {
  color-scheme: dark;
  --bg: #070a10;
  --bg-2: #0a0f18;
  --panel: #0e1420;
  --panel-2: #121a28;
  --panel-3: #0b111b;
  --line: rgba(255,255,255,.08);
  --line-strong: rgba(255,255,255,.15);
  --text: #f5f7fb;
  --text-soft: #c7ced9;
  --muted: #8995a8;
  --muted-2: #5f6b7f;
  --violet: #9977ff;
  --violet-2: #c0afff;
  --violet-soft: rgba(153,119,255,.12);
  --green: #28d7a0;
  --green-soft: rgba(40,215,160,.11);
  --red: #ff657f;
  --red-soft: rgba(255,101,127,.11);
  --amber: #ffbd66;
  --amber-soft: rgba(255,189,102,.11);
  --blue: #66a7ff;
  --blue-soft: rgba(102,167,255,.11);
  --cyan: #55d5e9;
  --shadow: 0 28px 90px rgba(0,0,0,.42);
  --sidebar-w: 252px;
  --radius: 20px;
  --radius-sm: 12px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background:
    radial-gradient(circle at 14% -10%, rgba(153,119,255,.15), transparent 30%),
    radial-gradient(circle at 88% 10%, rgba(40,215,160,.07), transparent 28%),
    var(--bg);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  overflow-x: hidden;
}
button, input, select { font: inherit; }
button { color: inherit; }
svg { display: block; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.hidden { display: none !important; }
.positive { color: var(--green) !important; }
.negative { color: var(--red) !important; }
.warning { color: var(--amber) !important; }
.neutral { color: var(--muted) !important; }
.noscript { margin: 18px; padding: 18px; border: 1px solid var(--red); background: var(--red-soft); border-radius: 14px; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar-w) minmax(0,1fr); }
.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 20;
  width: var(--sidebar-w);
  padding: 20px 14px 14px;
  background: rgba(8,12,19,.94);
  border-right: 1px solid var(--line);
  backdrop-filter: blur(20px);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.sidebar-brand { display: flex; align-items: center; gap: 12px; padding: 4px 8px 20px; }
.brand-mark {
  width: 45px; height: 45px; border-radius: 14px; display: grid; place-items: center;
  background: linear-gradient(145deg, rgba(153,119,255,.28), rgba(40,215,160,.08));
  border: 1px solid rgba(153,119,255,.28);
  box-shadow: inset 0 1px rgba(255,255,255,.1), 0 12px 30px rgba(0,0,0,.2);
}
.brand-mark svg { width: 28px; height: 28px; stroke: var(--violet-2); stroke-width: 4; }
.sidebar-brand strong { display: block; letter-spacing: .14em; font-size: 14px; }
.sidebar-brand span { display: block; margin-top: 4px; color: var(--muted); font-size: 10px; }
.side-nav { display: grid; gap: 6px; }
.nav-item {
  width: 100%; min-height: 46px; padding: 0 11px; border: 1px solid transparent; border-radius: 13px;
  background: transparent; color: var(--muted); display: grid; grid-template-columns: 30px 1fr auto; align-items: center;
  gap: 8px; text-align: left; cursor: pointer; font-weight: 700; transition: .18s ease;
}
.nav-item:hover { color: var(--text-soft); background: rgba(255,255,255,.035); }
.nav-item.active { color: #efeaff; background: linear-gradient(90deg, rgba(153,119,255,.16), rgba(153,119,255,.055)); border-color: rgba(153,119,255,.18); }
.nav-icon { width: 29px; height: 29px; border-radius: 9px; display: grid; place-items: center; background: rgba(255,255,255,.025); }
.nav-icon svg { width: 17px; height: 17px; }
.nav-item.active .nav-icon { background: rgba(153,119,255,.16); color: var(--violet-2); }
.nav-item em { min-width: 23px; padding: 3px 6px; border-radius: 999px; background: rgba(255,255,255,.05); color: var(--muted); font-style: normal; font-size: 9px; text-align: center; }
.sidebar-spacer { flex: 1; min-height: 30px; }
.connection-card { padding: 14px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.025); }
.connection-title { display: flex; align-items: center; gap: 8px; font-size: 11px; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: #455064; box-shadow: 0 0 0 4px rgba(255,255,255,.03); flex: 0 0 auto; }
.status-dot.live { background: var(--green); box-shadow: 0 0 0 4px rgba(40,215,160,.11); }
.status-dot.busy { background: var(--amber); box-shadow: 0 0 0 4px rgba(255,189,102,.11); animation: pulse 1.2s ease infinite; }
.status-dot.error { background: var(--red); box-shadow: 0 0 0 4px rgba(255,101,127,.11); }
@keyframes pulse { 50% { opacity: .38; } }
.connection-card p { margin: 10px 0 14px; color: var(--muted); font-size: 10px; line-height: 1.55; }
.connection-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.connection-grid div { padding: 9px; border-radius: 10px; background: rgba(255,255,255,.025); }
.connection-grid span { display: block; color: var(--muted-2); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.connection-grid strong { display: block; margin-top: 4px; font-size: 10px; }
.sidebar-footer { display: flex; justify-content: space-between; gap: 10px; padding: 15px 4px 0; color: var(--muted-2); font-size: 9px; }

.workspace { grid-column: 2; min-width: 0; }
.topbar {
  position: sticky; top: 0; z-index: 15; min-height: 78px; padding: 0 24px; display: flex; justify-content: space-between; align-items: center; gap: 20px;
  background: rgba(7,10,16,.78); border-bottom: 1px solid var(--line); backdrop-filter: blur(22px);
}
.topbar-left { display: flex; align-items: center; gap: 11px; min-width: 0; }
.breadcrumb { color: var(--muted-2); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.breadcrumb span { margin: 0 6px; color: #3f4858; }
.breadcrumb b { color: var(--text-soft); }
.topbar-left p { margin: 6px 0 0; color: var(--muted); font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.topbar-actions { display: flex; align-items: center; gap: 8px; }
.freshness-chip { min-height: 42px; padding: 0 12px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
.freshness-chip small { display: block; color: var(--muted-2); font-size: 8px; text-transform: uppercase; letter-spacing: .07em; }
.freshness-chip strong { display: block; margin-top: 2px; font-size: 10px; }
.pulse-dot, .live-dot-small { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(40,215,160,.1); }
.icon-button, .primary-button, .secondary-button, .ghost-button, .text-button, .deep-button, .star-button {
  border: 0; cursor: pointer; transition: .18s ease; display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-weight: 800;
}
.icon-button { width: 42px; height: 42px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); color: var(--muted); }
.icon-button:hover { color: var(--text); background: rgba(255,255,255,.07); transform: translateY(-1px); }
.icon-button svg { width: 18px; height: 18px; }
.primary-button { min-height: 42px; padding: 0 16px; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #7352ff, #9f7eff); box-shadow: 0 12px 30px rgba(115,82,255,.2); }
.primary-button:hover { filter: brightness(1.08); transform: translateY(-1px); }
.primary-button:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.primary-button svg, .secondary-button svg { width: 17px; height: 17px; }
.secondary-button { min-height: 39px; padding: 0 13px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.03); color: var(--text-soft); }
.secondary-button:hover { background: rgba(255,255,255,.075); transform: translateY(-1px); }
.ghost-button { min-height: 40px; padding: 0 13px; border: 1px solid var(--line); border-radius: 11px; background: transparent; color: var(--muted); }
.ghost-button:hover { color: var(--text-soft); background: rgba(255,255,255,.035); }
.text-button { padding: 3px 0; background: transparent; color: var(--violet-2); font-size: 10px; }
.text-button:hover { color: #fff; }
.full-button { width: 100%; }
.mobile-menu-button { display: none; }

.view-container { width: min(1720px, calc(100% - 44px)); margin: 0 auto; padding: 24px 0 42px; }
.app-view { display: none; animation: fadeIn .22s ease; }
.app-view.active { display: block; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } }
.eyebrow { color: var(--violet-2); font-size: 9px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }
.panel { border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(17,24,36,.95), rgba(10,15,23,.95)); box-shadow: 0 18px 55px rgba(0,0,0,.18); }
.panel-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 16px; }
.panel-heading h2 { margin: 5px 0 0; font-size: 18px; letter-spacing: -.035em; }
.panel-badge { padding: 7px 9px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.025); color: var(--muted); font-size: 9px; font-weight: 800; }

.command-card {
  min-height: 300px; display: grid; grid-template-columns: minmax(0,1.5fr) minmax(300px,.56fr); gap: 34px; align-items: center; padding: 34px;
  border: 1px solid var(--line); border-radius: 28px; overflow: hidden; position: relative;
  background:
    radial-gradient(circle at 78% 10%, rgba(153,119,255,.17), transparent 34%),
    linear-gradient(135deg, rgba(20,27,41,.97), rgba(8,12,19,.97));
  box-shadow: var(--shadow);
}
.command-card::before { content: ""; position: absolute; width: 420px; height: 420px; left: -230px; bottom: -280px; border-radius: 50%; background: rgba(40,215,160,.06); filter: blur(25px); }
.command-copy { position: relative; z-index: 1; }
.command-copy h1 { max-width: 920px; margin: 12px 0 15px; font-size: clamp(40px,5.1vw,74px); line-height: .98; letter-spacing: -.065em; }
.command-copy h1 span { background: linear-gradient(90deg,#fff,#baabff 54%,#59e0ba); -webkit-background-clip: text; color: transparent; }
.command-copy p { max-width: 770px; margin: 0; color: #9aa5b7; line-height: 1.7; font-size: 13px; }
.command-badges { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 21px; }
.command-badges span { padding: 7px 9px; border-radius: 999px; border: 1px solid var(--line); background: rgba(255,255,255,.03); color: #aab4c3; font-size: 9px; font-weight: 800; }
.command-control { position: relative; z-index: 1; padding: 20px; border: 1px solid var(--line); border-radius: 19px; background: rgba(6,9,14,.66); backdrop-filter: blur(10px); }
.control-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.control-heading span { display: block; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }
.control-heading strong { display: block; margin-top: 4px; font-size: 26px; letter-spacing: -.04em; }
.mode-pill { padding: 6px 8px; border-radius: 8px; color: var(--green) !important; background: var(--green-soft); border: 1px solid rgba(40,215,160,.18); }
.mode-pill.demo { color: var(--amber) !important; background: var(--amber-soft); border-color: rgba(255,189,102,.18); }
input[type="range"] { width: 100%; accent-color: var(--violet); cursor: pointer; }
.range-labels { display: flex; justify-content: space-between; color: var(--muted-2); font-size: 8px; margin: 2px 0 15px; }
.command-control .ghost-button { margin-top: 8px; }
.microcopy { margin: 12px 0 0; color: var(--muted-2); font-size: 9px; line-height: 1.5; text-align: center; }

.stats-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 11px; margin: 15px 0; }
.stat-card { min-height: 126px; padding: 16px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg, rgba(17,24,36,.9), rgba(10,15,23,.92)); }
.stat-top { display: flex; justify-content: space-between; align-items: center; gap: 10px; color: var(--muted); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }
.stat-top i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; font-style: normal; background: rgba(255,255,255,.035); }
.stat-top i.violet { color: var(--violet-2); }.stat-top i.green { color: var(--green); }.stat-top i.red { color: var(--red); }.stat-top i.amber { color: var(--amber); }.stat-top i.blue { color: var(--blue); }.stat-top i.cyan { color: var(--cyan); }
.stat-card > strong { display: block; margin-top: 15px; font-size: 30px; letter-spacing: -.05em; }
.stat-card p { margin: 4px 0 0; color: var(--muted-2); font-size: 9px; }

.ticker-ribbon { min-height: 48px; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 14px; padding: 0 14px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.02); overflow: hidden; }
.ribbon-label { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; }
.ribbon-track { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; }
.ribbon-track::-webkit-scrollbar { display: none; }
.ribbon-item { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; min-height: 31px; padding: 0 10px; border-left: 1px solid var(--line); font-size: 10px; }
.ribbon-item b { font-size: 10px; }.ribbon-item span { font-weight: 900; }.ribbon-item small { color: var(--muted-2); }
.ribbon-empty { color: var(--muted-2); font-size: 10px; }

.overview-grid { display: grid; grid-template-columns: 1.1fr 1.4fr; gap: 12px; margin-top: 15px; }
.breadth-panel, .leaders-panel, .distribution-panel, .health-panel { padding: 18px; min-height: 290px; }
.breadth-content { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 20px; align-items: center; }
.gauge-wrap { position: relative; width: 200px; height: 135px; margin: 0 auto; }
.gauge { width: 200px; height: 120px; overflow: visible; }
.gauge-bg, .gauge-fill { fill: none; stroke-width: 17; stroke-linecap: round; }
.gauge-bg { stroke: rgba(255,255,255,.055); }
.gauge-fill { stroke: var(--violet); stroke-dasharray: 235.6; stroke-dashoffset: 235.6; transition: stroke-dashoffset .7s ease, stroke .3s; }
.gauge-value { position: absolute; inset: 67px 0 auto; text-align: center; }
.gauge-value strong { display: block; font-size: 28px; letter-spacing: -.05em; }
.gauge-value span { color: var(--muted); font-size: 8px; text-transform: uppercase; letter-spacing: .08em; }
.breadth-bars { display: grid; gap: 18px; }
.bar-label { display: flex; justify-content: space-between; color: var(--muted); font-size: 9px; }
.bar-label strong { color: var(--text-soft); }
.bar-track { height: 7px; margin-top: 8px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.05); }
.bar-track span { display: block; height: 100%; width: 0; border-radius: inherit; transition: width .6s ease; }
.green-bar { background: linear-gradient(90deg,rgba(40,215,160,.55),var(--green)); }.red-bar { background: linear-gradient(90deg,rgba(255,101,127,.55),var(--red)); }.amber-bar { background: linear-gradient(90deg,rgba(255,189,102,.55),var(--amber)); }
.leader-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.leader-title { margin-bottom: 8px; font-size: 9px; font-weight: 900; text-transform: uppercase; letter-spacing: .09em; }
.leader-list { display: grid; gap: 7px; }
.leader-row { min-height: 52px; padding: 9px 10px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.022); display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 8px; cursor: pointer; transition: .15s; }
.leader-row:hover { background: rgba(153,119,255,.055); border-color: rgba(153,119,255,.2); }
.leader-row .identity { display: flex; align-items: center; gap: 8px; min-width: 0; }
.leader-row b { display: block; font-size: 10px; }.leader-row small { display: block; margin-top: 2px; color: var(--muted-2); font-size: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.leader-score { text-align: right; }.leader-score strong { display: block; font-size: 12px; }.leader-score span { font-size: 8px; color: var(--muted); }
.mini-empty, .empty-block { display: grid; place-items: center; min-height: 90px; color: var(--muted-2); font-size: 10px; border: 1px dashed var(--line); border-radius: 12px; }
.distribution-panel canvas { width: 100%; height: 195px; display: block; }
.distribution-legend { display: flex; justify-content: center; gap: 18px; color: var(--muted); font-size: 9px; }
.distribution-legend span { display: flex; align-items: center; gap: 6px; }.distribution-legend i { width: 8px; height: 8px; border-radius: 3px; }.legend-green { background: var(--green); }.legend-red { background: var(--red); }
.health-list { display: grid; gap: 7px; }
.health-row { display: flex; justify-content: space-between; gap: 12px; padding: 10px 11px; border-radius: 10px; background: rgba(255,255,255,.025); color: var(--muted); font-size: 9px; }
.health-row strong { color: var(--text-soft); }
.pipeline-note { margin-top: 12px; padding: 11px; border-left: 2px solid var(--violet); background: var(--violet-soft); color: var(--muted); font-size: 9px; line-height: 1.5; border-radius: 0 10px 10px 0; }
.compact-scanner-panel { margin-top: 12px; padding: 18px; }
.quick-board { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.quick-coin { padding: 13px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.022); cursor: pointer; transition: .16s; }
.quick-coin:hover { transform: translateY(-2px); border-color: rgba(153,119,255,.22); background: rgba(153,119,255,.05); }
.quick-head { display: flex; justify-content: space-between; gap: 10px; align-items: center; }.quick-head .identity { display: flex; gap: 8px; align-items: center; }.quick-head b { font-size: 10px; }.quick-head span { font-size: 11px; font-weight: 900; }
.quick-score { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin-top: 12px; }.quick-score div { padding: 8px; border-radius: 9px; background: rgba(255,255,255,.025); }.quick-score small { color: var(--muted-2); font-size: 7px; text-transform: uppercase; }.quick-score strong { display: block; margin-top: 3px; font-size: 11px; }

.section-hero { margin-bottom: 14px; }
.compact-hero { min-height: 150px; padding: 25px; display: flex; justify-content: space-between; align-items: center; gap: 25px; border: 1px solid var(--line); border-radius: 22px; background: radial-gradient(circle at 85% 0,rgba(153,119,255,.13),transparent 35%), linear-gradient(145deg,rgba(18,25,38,.96),rgba(9,14,22,.96)); }
.compact-hero h1 { margin: 8px 0 8px; font-size: clamp(30px,4vw,48px); letter-spacing: -.055em; }.compact-hero p { max-width: 750px; margin: 0; color: var(--muted); line-height: 1.6; }
.hero-inline-control { min-width: 250px; padding: 15px; border: 1px solid var(--line); border-radius: 14px; background: rgba(4,7,12,.55); }.hero-inline-control label { display: flex; justify-content: space-between; color: var(--muted); font-size: 10px; }.hero-inline-control strong { color: var(--violet-2); }
.scan-progress-card { margin-bottom: 11px; padding: 14px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.022); }
.scan-progress-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 10px; }.scan-progress-top > div { display: flex; align-items: center; gap: 8px; }.scan-progress-top span:last-child { color: var(--violet-2); font-weight: 900; }
.progress-track { height: 7px; margin-top: 11px; border-radius: 999px; background: rgba(255,255,255,.05); overflow: hidden; }.progress-track > span { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--violet),var(--green)); transition: width .2s ease; }
.scan-stage-grid { display: grid; grid-template-columns: repeat(5,1fr); margin-top: 10px; color: var(--muted-2); font-size: 8px; }.scan-stage-grid span.complete { color: var(--green); }.scan-stage-grid span.active { color: var(--amber); }
.scanner-toolbar { margin-bottom: 11px; padding: 10px; display: flex; justify-content: space-between; gap: 14px; align-items: center; }
.filter-tabs { display: flex; flex-wrap: wrap; gap: 5px; }.filter-tabs button { min-height: 34px; padding: 0 10px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); cursor: pointer; font-size: 9px; font-weight: 850; }.filter-tabs button:hover { background: rgba(255,255,255,.035); }.filter-tabs button.active { color: var(--violet-2); background: var(--violet-soft); }.filter-tabs span { margin-left: 3px; opacity: .75; }
.toolbar-controls { min-width: min(550px,45%); display: flex; gap: 7px; }.search-box { position: relative; flex: 1; }.search-box svg { position: absolute; width: 15px; height: 15px; left: 11px; top: 11px; color: var(--muted); }.search-box input, .toolbar-controls select, .settings-modal input, .settings-modal select, .calculator-input { width: 100%; height: 38px; border: 1px solid var(--line); border-radius: 10px; background: #0a111b; color: var(--text); outline: none; }.search-box input { padding: 0 10px 0 35px; }.toolbar-controls select { min-width: 170px; padding: 0 10px; }.search-box input:focus, .toolbar-controls select:focus, .settings-modal input:focus, .settings-modal select:focus, .calculator-input:focus { border-color: rgba(153,119,255,.5); box-shadow: 0 0 0 3px rgba(153,119,255,.08); }
.scanner-panel { position: relative; overflow: hidden; min-height: 360px; }
.table-scroll { overflow: auto; max-height: calc(100vh - 235px); }
.scanner-table { width: 100%; min-width: 1840px; border-collapse: collapse; }
.scanner-table th { position: sticky; top: 0; z-index: 3; padding: 11px 10px; background: #0d141f; color: var(--muted-2); font-size: 7px; text-align: left; text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; }
.scanner-table td { padding: 13px 10px; border-top: 1px solid rgba(255,255,255,.055); vertical-align: middle; }
.scanner-table tbody tr { transition: .13s; cursor: pointer; }.scanner-table tbody tr:hover { background: rgba(153,119,255,.04); }
.scanner-panel.dense .scanner-table td { padding-top: 8px; padding-bottom: 8px; }
.rank-cell { color: var(--muted-2); font-size: 9px; }
.coin-cell { min-width: 155px; }.coin-identity { display: flex; align-items: center; gap: 9px; min-width: 0; }.coin-identity-text { min-width: 0; }.coin-identity b { display: block; font-size: 10px; }.coin-identity small { display: block; margin-top: 3px; color: var(--muted-2); font-size: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.coin-avatar { width: 34px; height: 34px; border-radius: 11px; flex: 0 0 auto; display: grid; place-items: center; overflow: hidden; background: linear-gradient(145deg,rgba(153,119,255,.26),rgba(40,215,160,.12)); border: 1px solid var(--line); color: #e6ddff; font-size: 9px; font-weight: 900; }.coin-avatar img { width: 100%; height: 100%; object-fit: cover; }.coin-avatar.large { width: 45px; height: 45px; border-radius: 14px; font-size: 12px; }
.move-cell strong { display: block; font-size: 12px; }.move-cell small { display: block; margin-top: 4px; color: var(--muted-2); font-size: 8px; }
.score-cell { min-width: 150px; }.score-top { display: flex; align-items: center; justify-content: space-between; gap: 7px; }.score-top strong { font-size: 12px; }.bias-pill { padding: 4px 6px; border-radius: 7px; font-size: 7px; font-weight: 900; letter-spacing: .05em; }.long-pill { color: var(--green); background: var(--green-soft); }.short-pill { color: var(--red); background: var(--red-soft); }.mixed-pill, .neutral-pill { color: var(--amber); background: var(--amber-soft); }
.score-meter { position: relative; height: 5px; margin-top: 7px; border-radius: 999px; overflow: hidden; background: var(--red); }.score-meter span { display: block; height: 100%; background: var(--green); }.score-split { display: flex; justify-content: space-between; margin-top: 4px; color: var(--muted-2); font-size: 7px; }
.signal-cell { min-width: 74px; }.signal-cell strong { font-size: 10px; }.signal-cell small { display: block; margin-top: 4px; color: var(--muted-2); font-size: 7px; }.signal-arrow { font-size: 9px; margin-left: 3px; }
.day-bubbles { display: flex; gap: 2px; }.day-bubbles i { width: 7px; height: 18px; border-radius: 3px; background: rgba(255,255,255,.05); }.day-bubbles i.up { background: rgba(40,215,160,.75); }.day-bubbles i.down { background: rgba(255,101,127,.75); }
.funding-cell { min-width: 105px; }.funding-cell strong { font-size: 9px; }.negative-flag { display: inline-block; margin-top: 4px; padding: 3px 5px; border-radius: 6px; background: var(--red-soft); color: var(--red); font-size: 6px; font-weight: 900; letter-spacing: .05em; }
.activity-cell { min-width: 105px; }.mini-bar { width: 90px; height: 5px; margin-top: 6px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.05); }.mini-bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--violet),var(--amber)); }
.tf-strip { display: flex; gap: 2px; min-width: 170px; }.tf-pill { min-width: 25px; padding: 4px 3px; border-radius: 6px; text-align: center; font-size: 6px; font-weight: 900; }.tf-pill.up { color: var(--green); background: var(--green-soft); }.tf-pill.down { color: var(--red); background: var(--red-soft); }.tf-pill.na { color: var(--muted-2); background: rgba(255,255,255,.035); }
.deep-button { min-height: 31px; padding: 0 10px; border: 1px solid rgba(153,119,255,.2); border-radius: 9px; background: var(--violet-soft); color: var(--violet-2); font-size: 8px; white-space: nowrap; }.deep-button:hover { background: rgba(153,119,255,.2); }
.star-button { width: 29px; height: 29px; margin-left: 4px; border-radius: 9px; background: rgba(255,255,255,.03); color: var(--muted-2); }.star-button.active { color: var(--amber); background: var(--amber-soft); }.star-button svg { width: 14px; height: 14px; }.star-button.active svg { fill: currentColor; }
.mobile-card-list { display: none; }
.table-empty { display: none; min-height: 400px; padding: 40px; place-items: center; text-align: center; }.table-empty.show { display: grid; }.table-empty h3 { margin: 18px 0 7px; }.table-empty p { max-width: 560px; margin: 0 0 17px; color: var(--muted); line-height: 1.6; font-size: 10px; }
.empty-orbit { position: relative; width: 58px; height: 58px; border: 1px solid rgba(153,119,255,.25); border-radius: 50%; }.empty-orbit span { position: absolute; width: 16px; height: 16px; left: 20px; top: 20px; border-radius: 50%; background: var(--violet); box-shadow: 0 0 28px rgba(153,119,255,.5); }.empty-orbit i { position: absolute; inset: -9px; border: 1px dashed rgba(153,119,255,.2); border-radius: 50%; }
.scanner-footer-note { display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 12px 4px 0; color: var(--muted-2); font-size: 8px; }.scanner-footer-note span::before { content: "•"; margin-right: 6px; color: var(--violet); }

.watchlist-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }.watch-card { padding: 16px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg,rgba(17,24,36,.94),rgba(10,15,23,.94)); cursor: pointer; }.watch-card:hover { border-color: rgba(153,119,255,.22); }.watch-card-head { display: flex; justify-content: space-between; gap: 12px; }.watch-card .coin-identity b { font-size: 11px; }.watch-card-price { text-align: right; }.watch-card-price strong { display: block; font-size: 12px; }.watch-card-price span { font-size: 9px; font-weight: 900; }.watch-card-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; margin-top: 14px; }.watch-card-grid div { padding: 9px; border-radius: 9px; background: rgba(255,255,255,.025); }.watch-card-grid small { color: var(--muted-2); font-size: 7px; text-transform: uppercase; }.watch-card-grid strong { display: block; margin-top: 4px; font-size: 10px; }

.method-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }.method-card { min-height: 175px; padding: 17px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg,rgba(17,24,36,.94),rgba(10,15,23,.94)); }.method-card-head { display: flex; justify-content: space-between; align-items: center; }.method-index { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; background: var(--violet-soft); color: var(--violet-2); font-size: 9px; font-weight: 900; }.method-weight { color: var(--muted); font-size: 8px; }.method-card h3 { margin: 14px 0 8px; font-size: 14px; }.method-card p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.6; }.method-scale { display: flex; justify-content: space-between; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--line); font-size: 8px; }.method-scale span:first-child { color: var(--red); }.method-scale span:last-child { color: var(--green); }
.methodology-note { margin-top: 11px; padding: 22px; }.methodology-note h2 { margin: 0 0 8px; }.methodology-note p { max-width: 1100px; color: var(--muted); line-height: 1.65; }.decision-flow { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 17px; }.decision-flow span { padding: 9px 11px; border-radius: 9px; background: rgba(255,255,255,.035); color: var(--text-soft); font-size: 9px; }.decision-flow i { color: var(--violet); font-style: normal; }
.site-footer { width: min(1720px,calc(100% - 44px)); margin: 0 auto; padding: 18px 0 28px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 25px; color: var(--muted-2); font-size: 8px; }.site-footer strong,.site-footer span { display: block; }.site-footer strong { color: var(--muted); font-size: 9px; }.site-footer span { margin-top: 3px; }.site-footer p { max-width: 650px; margin: 0; text-align: right; }

.drawer-backdrop, .modal-backdrop, .mobile-nav-backdrop { position: fixed; inset: 0; z-index: 40; background: rgba(0,0,0,.68); backdrop-filter: blur(7px); opacity: 0; pointer-events: none; transition: opacity .2s; }.drawer-backdrop.open, .modal-backdrop.open, .mobile-nav-backdrop.open { opacity: 1; pointer-events: auto; }
.investigation-drawer { position: fixed; z-index: 42; top: 0; right: 0; width: min(1180px,94vw); height: 100vh; background: #080d15; border-left: 1px solid var(--line); box-shadow: -30px 0 90px rgba(0,0,0,.5); transform: translateX(102%); transition: transform .26s ease; overflow: hidden; display: flex; flex-direction: column; }.investigation-drawer.open { transform: translateX(0); }
.drawer-header { min-height: 82px; padding: 14px 17px; display: grid; grid-template-columns: 1fr auto auto; gap: 20px; align-items: center; border-bottom: 1px solid var(--line); background: rgba(8,13,21,.93); backdrop-filter: blur(18px); }.drawer-symbol-block { display: flex; align-items: center; gap: 11px; min-width: 0; }.drawer-title-line { display: flex; align-items: center; gap: 8px; }.drawer-title-line h2 { margin: 0; font-size: 20px; }.drawer-symbol-block p { margin: 4px 0 0; color: var(--muted); font-size: 9px; }.drawer-price-block { text-align: right; }.drawer-price-block strong { display: block; font-size: 17px; }.drawer-price-block span { display: block; margin-top: 4px; font-size: 10px; font-weight: 900; }.drawer-actions { display: flex; gap: 7px; }
.drawer-tabs { display: flex; gap: 3px; padding: 8px 14px; border-bottom: 1px solid var(--line); background: #0b111b; overflow-x: auto; }.drawer-tabs button { min-height: 34px; padding: 0 12px; border: 0; border-radius: 9px; background: transparent; color: var(--muted); cursor: pointer; font-size: 9px; font-weight: 850; white-space: nowrap; }.drawer-tabs button.active { color: var(--violet-2); background: var(--violet-soft); }
.drawer-body { flex: 1; overflow-y: auto; padding: 15px; }.drawer-loading { min-height: 65vh; display: grid; place-items: center; align-content: center; text-align: center; }.drawer-loading h3 { margin: 14px 0 7px; }.drawer-loading p { max-width: 500px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.5; }.loader-ring { width: 46px; height: 46px; border: 3px solid rgba(255,255,255,.07); border-top-color: var(--violet); border-radius: 50%; animation: spin .8s linear infinite; }.loader-ring.small { width: 18px; height: 18px; border-width: 2px; }.spin { animation: spin .8s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } }
.drawer-kpis { display: grid; grid-template-columns: repeat(6,1fr); gap: 7px; margin-bottom: 10px; }.drawer-kpi { min-height: 86px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.022); }.drawer-kpi span { color: var(--muted-2); font-size: 7px; text-transform: uppercase; letter-spacing: .07em; }.drawer-kpi strong { display: block; margin-top: 11px; font-size: 13px; }.drawer-kpi small { display: block; margin-top: 4px; color: var(--muted); font-size: 7px; }
.drawer-grid { display: grid; grid-template-columns: 1.4fr .8fr; gap: 10px; }.drawer-panel { padding: 15px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg,rgba(17,24,36,.93),rgba(10,15,23,.93)); }.drawer-panel h3 { margin: 4px 0 0; font-size: 15px; }.drawer-panel-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 13px; }
.analysis-summary { display: grid; gap: 8px; }.analysis-row { padding: 11px; border-radius: 11px; background: rgba(255,255,255,.025); }.analysis-row-head { display: flex; justify-content: space-between; gap: 12px; }.analysis-row b { font-size: 9px; }.analysis-row strong { font-size: 9px; }.analysis-row p { margin: 6px 0 0; color: var(--muted); font-size: 8px; line-height: 1.5; }
.radar-wrap { position: relative; min-height: 260px; display: grid; place-items: center; }.radar-wrap canvas { width: 100%; height: 255px; }
.chart-toolbar { display: flex; gap: 4px; }.chart-toolbar button { min-height: 29px; padding: 0 9px; border: 0; border-radius: 7px; background: rgba(255,255,255,.03); color: var(--muted); cursor: pointer; font-size: 8px; }.chart-toolbar button.active { color: var(--violet-2); background: var(--violet-soft); }
.chart-canvas-wrap { position: relative; min-height: 430px; }.chart-canvas-wrap canvas { width: 100%; height: 430px; display: block; }
.chart-legend { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; color: var(--muted); font-size: 8px; }.chart-legend span { display: flex; align-items: center; gap: 5px; }.chart-legend i { width: 12px; height: 2px; border-radius: 9px; }
.derivative-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.derivative-card { min-height: 118px; padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.022); }.derivative-card span { color: var(--muted-2); font-size: 7px; text-transform: uppercase; letter-spacing: .07em; }.derivative-card strong { display: block; margin-top: 13px; font-size: 15px; }.derivative-card p { margin: 6px 0 0; color: var(--muted); font-size: 8px; line-height: 1.45; }.sparkline { width: 100%; height: 34px; margin-top: 8px; }
.trade-decision { position: relative; overflow: hidden; padding: 17px; border: 1px solid var(--line); border-radius: 16px; background: linear-gradient(145deg,rgba(17,24,36,.96),rgba(10,15,23,.96)); }.trade-decision::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--amber); }.trade-decision.ready::before { background: var(--green); }.trade-decision.avoid::before { background: var(--red); }.trade-decision-head { display: flex; justify-content: space-between; gap: 15px; }.trade-status { padding: 6px 8px; border-radius: 8px; background: var(--amber-soft); color: var(--amber); font-size: 8px; font-weight: 900; }.trade-decision.ready .trade-status { background: var(--green-soft); color: var(--green); }.trade-decision.avoid .trade-status { background: var(--red-soft); color: var(--red); }.trade-decision h2 { margin: 8px 0 7px; font-size: 24px; }.trade-decision p { max-width: 900px; color: var(--muted); font-size: 9px; line-height: 1.55; }
.level-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 7px; margin-top: 14px; }.level-card { padding: 12px; border-radius: 11px; background: rgba(255,255,255,.025); }.level-card span { color: var(--muted-2); font-size: 7px; text-transform: uppercase; }.level-card strong { display: block; margin-top: 7px; font-size: 12px; }.level-card.entry strong { color: var(--blue); }.level-card.stop strong { color: var(--red); }.level-card.target strong { color: var(--green); }
.trade-columns { display: grid; grid-template-columns: 1fr .9fr; gap: 10px; margin-top: 10px; }.plan-steps { display: grid; gap: 8px; }.plan-step { display: grid; grid-template-columns: 27px 1fr; gap: 10px; padding: 10px; border-radius: 10px; background: rgba(255,255,255,.023); }.plan-step i { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; background: var(--violet-soft); color: var(--violet-2); font-style: normal; font-size: 8px; font-weight: 900; }.plan-step b { display: block; font-size: 9px; }.plan-step p { margin: 4px 0 0; color: var(--muted); font-size: 8px; line-height: 1.45; }
.calculator-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }.calculator-field span { display: block; margin-bottom: 5px; color: var(--muted); font-size: 8px; }.calculator-input { padding: 0 9px; }.calculator-results { display: grid; grid-template-columns: repeat(2,1fr); gap: 7px; margin-top: 10px; }.calculator-results div { padding: 11px; border-radius: 10px; background: rgba(255,255,255,.025); }.calculator-results span { color: var(--muted-2); font-size: 7px; text-transform: uppercase; }.calculator-results strong { display: block; margin-top: 5px; font-size: 11px; }
.factor-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }.factor-card { min-height: 135px; padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.022); }.factor-card.missing { opacity: .6; }.factor-head { display: flex; justify-content: space-between; gap: 9px; }.factor-index { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 8px; background: rgba(255,255,255,.04); color: var(--muted); font-size: 8px; font-weight: 900; }.factor-score { font-size: 12px; font-weight: 900; }.factor-card h4 { margin: 10px 0 5px; font-size: 10px; }.factor-value { color: var(--text-soft); font-size: 9px; }.factor-card p { margin: 7px 0 0; color: var(--muted); font-size: 8px; line-height: 1.45; }
.copy-plan-button { margin-top: 10px; }

.settings-modal { position: fixed; z-index: 51; top: 50%; left: 50%; width: min(860px,94vw); max-height: 92vh; transform: translate(-50%,-46%) scale(.98); opacity: 0; pointer-events: none; border: 1px solid var(--line); border-radius: 21px; background: #0a1019; box-shadow: var(--shadow); transition: .2s; display: flex; flex-direction: column; }.settings-modal.open { opacity: 1; pointer-events: auto; transform: translate(-50%,-50%) scale(1); }.settings-modal header, .settings-modal footer { padding: 16px 18px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); }.settings-modal footer { border-top: 1px solid var(--line); border-bottom: 0; }.settings-modal h2 { margin: 5px 0 0; }.settings-body { padding: 17px; overflow-y: auto; }.settings-section + .settings-section { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--line); }.settings-section h3 { margin: 0 0 12px; font-size: 13px; }.settings-section-heading { display: flex; justify-content: space-between; gap: 15px; }.settings-section-heading p { margin: 4px 0 0; color: var(--muted); font-size: 8px; }.settings-grid { display: grid; gap: 10px; }.settings-grid.two { grid-template-columns: 1fr 1fr; }.settings-grid.three { grid-template-columns: repeat(3,1fr); }.settings-modal label > span { display: block; margin-bottom: 6px; color: var(--muted); font-size: 8px; font-weight: 750; }.settings-modal input,.settings-modal select { padding: 0 10px; }.input-suffix,.input-prefix { position: relative; }.input-suffix b,.input-prefix b { position: absolute; top: 11px; color: var(--muted); font-size: 9px; }.input-suffix b { right: 10px; }.input-prefix b { left: 10px; }.input-suffix input { padding-right: 28px; }.input-prefix input { padding-left: 27px; }.toggle-setting { min-height: 58px; padding: 10px; border: 1px solid var(--line); border-radius: 11px; display: flex; align-items: center; justify-content: space-between; gap: 15px; background: rgba(255,255,255,.02); }.toggle-setting span { margin: 0 !important; }.toggle-setting b { display: block; color: var(--text-soft); font-size: 9px; }.toggle-setting small { display: block; margin-top: 3px; color: var(--muted-2); font-size: 7px; }.toggle-setting input { width: 18px; height: 18px; accent-color: var(--violet); }.weight-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }.weight-item { padding: 9px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.02); }.weight-item div { display: flex; justify-content: space-between; gap: 7px; color: var(--muted); font-size: 8px; }.weight-item strong { color: var(--violet-2); }.weight-item input { height: auto; padding: 0; margin-top: 8px; }.security-note { margin: 8px 0 0; padding: 10px; border-radius: 9px; background: var(--amber-soft); color: #d2b889; font-size: 8px; line-height: 1.45; }
.toast-stack { position: fixed; z-index: 100; right: 16px; bottom: 16px; display: grid; gap: 8px; width: min(360px,calc(100vw - 32px)); }.toast { padding: 12px 13px; border: 1px solid var(--line); border-radius: 11px; background: #111925; box-shadow: 0 15px 50px rgba(0,0,0,.35); color: var(--text-soft); font-size: 9px; line-height: 1.45; animation: toastIn .22s ease; }.toast.success { border-color: rgba(40,215,160,.25); }.toast.error { border-color: rgba(255,101,127,.28); }.toast.warning { border-color: rgba(255,189,102,.28); } @keyframes toastIn { from { opacity: 0; transform: translateY(8px); } }

@media (max-width: 1450px) {
  .stats-grid { grid-template-columns: repeat(3,1fr); }
  .quick-board { grid-template-columns: repeat(2,1fr); }
  .drawer-kpis { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 1180px) {
  :root { --sidebar-w: 220px; }
  .command-card { grid-template-columns: 1fr 320px; }
  .overview-grid { grid-template-columns: 1fr; }
  .method-grid { grid-template-columns: repeat(2,1fr); }
  .watchlist-grid { grid-template-columns: repeat(2,1fr); }
  .freshness-chip { display: none; }
  .scanner-toolbar { align-items: stretch; flex-direction: column; }
  .toolbar-controls { min-width: 0; width: 100%; }
}
@media (max-width: 900px) {
  .app-shell { display: block; }
  .sidebar { transform: translateX(-102%); transition: transform .23s; box-shadow: 25px 0 70px rgba(0,0,0,.45); }
  .sidebar.open { transform: translateX(0); }
  .workspace { min-width: 0; }
  .mobile-menu-button { display: inline-flex; }
  .topbar { padding: 0 14px; }
  .view-container,.site-footer { width: min(100% - 24px,1720px); }
  .command-card { grid-template-columns: 1fr; padding: 24px; }
  .command-copy h1 { font-size: clamp(38px,9vw,62px); }
  .stats-grid { grid-template-columns: repeat(2,1fr); }
  .breadth-content { grid-template-columns: 1fr; }
  .leader-columns { grid-template-columns: 1fr; }
  .compact-hero { align-items: flex-start; flex-direction: column; }
  .hero-inline-control { width: 100%; }
  .scan-stage-grid { display: none; }
  .table-scroll { display: none; }
  .mobile-card-list { display: grid; gap: 8px; padding: 10px; }
  .mobile-coin-card { padding: 13px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.018); cursor: pointer; }.mobile-card-head { display: flex; justify-content: space-between; gap: 10px; }.mobile-price { text-align: right; }.mobile-price strong { display: block; }.mobile-price span { display: block; margin-top: 4px; font-size: 10px; font-weight: 900; }.mobile-score-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 5px; margin-top: 12px; }.mobile-score-row div { padding: 9px; border-radius: 9px; background: rgba(255,255,255,.025); }.mobile-score-row small { color: var(--muted-2); font-size: 7px; text-transform: uppercase; }.mobile-score-row strong { display: block; margin-top: 4px; font-size: 10px; }.mobile-card-actions { display: flex; gap: 6px; margin-top: 10px; }.mobile-card-actions .deep-button { flex: 1; }
  .drawer-grid,.trade-columns { grid-template-columns: 1fr; }
  .factor-grid,.derivative-grid { grid-template-columns: repeat(2,1fr); }
  .level-grid { grid-template-columns: repeat(3,1fr); }
  .settings-grid.three { grid-template-columns: 1fr; }
  .weight-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 640px) {
  .topbar { min-height: 68px; }
  .topbar-left p { display: none; }
  .topbar-actions > .icon-button:not(#settingsButton) { display: none; }
  .scan-now-button span { display: none; }
  .scan-now-button { width: 42px; padding: 0; }
  .command-card { padding: 20px; border-radius: 21px; }
  .command-copy h1 { font-size: 38px; }
  .command-copy p { font-size: 11px; }
  .stats-grid { grid-template-columns: 1fr 1fr; gap: 8px; }.stat-card { min-height: 112px; padding: 13px; }.stat-card > strong { font-size: 25px; }
  .ticker-ribbon { grid-template-columns: 1fr; padding: 9px 11px; gap: 7px; }
  .overview-grid { gap: 9px; }.breadth-panel,.leaders-panel,.distribution-panel,.health-panel { min-height: 0; padding: 14px; }
  .quick-board { grid-template-columns: 1fr; }
  .toolbar-controls { flex-wrap: wrap; }.search-box { flex-basis: 100%; }.toolbar-controls select { flex: 1; min-width: 0; }
  .filter-tabs { overflow-x: auto; flex-wrap: nowrap; }.filter-tabs button { white-space: nowrap; }
  .watchlist-grid,.method-grid { grid-template-columns: 1fr; }
  .site-footer { align-items: flex-start; flex-direction: column; }.site-footer p { text-align: left; }
  .investigation-drawer { width: 100vw; }
  .drawer-header { grid-template-columns: 1fr auto; gap: 8px; }.drawer-price-block { grid-row: 2; grid-column: 1; text-align: left; }.drawer-actions { grid-row: 1; grid-column: 2; }
  .drawer-kpis { grid-template-columns: repeat(2,1fr); }
  .factor-grid,.derivative-grid { grid-template-columns: 1fr; }
  .level-grid { grid-template-columns: repeat(2,1fr); }
  .calculator-grid { grid-template-columns: 1fr; }
  .settings-grid.two,.weight-grid { grid-template-columns: 1fr; }
  .settings-modal { width: 100vw; height: 100vh; max-height: none; border-radius: 0; }
}

/* MYCOHR V3 · quantum intelligence layer */
.neural-field { position: fixed; inset: 0; z-index: -2; width: 100%; height: 100%; opacity: .52; pointer-events: none; }
.cursor-aura { position: fixed; z-index: -1; width: 520px; height: 520px; border-radius: 50%; pointer-events: none; transform: translate(-50%,-50%); background: radial-gradient(circle,rgba(85,213,233,.065),rgba(153,119,255,.028) 34%,transparent 68%); filter: blur(8px); transition: opacity .2s; }
body::before { content:""; position:fixed; inset:0; z-index:-3; background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,black,transparent 78%); }
.account-capsule { min-height: 44px; padding: 0 11px 0 7px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); color:var(--text); display:flex; align-items:center; gap:9px; cursor:pointer; }
.account-capsule:hover { border-color:rgba(85,213,233,.27); background:rgba(85,213,233,.045); }
.account-orb { width:31px; height:31px; border-radius:10px; display:grid; place-items:center; background:linear-gradient(145deg,#7352ff,#41cbdc); color:#fff; font-size:10px; font-weight:950; box-shadow:0 0 22px rgba(85,213,233,.2); }
.account-capsule small,.account-capsule strong { display:block; text-align:left; }.account-capsule small{color:var(--muted-2);font-size:7px;text-transform:uppercase;letter-spacing:.08em}.account-capsule strong{margin-top:2px;font-size:9px}.account-capsule i{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 4px rgba(255,189,102,.08)}.account-capsule i.live{background:var(--green);box-shadow:0 0 0 4px rgba(40,215,160,.1)}
.intelligence-core { position:absolute; width:230px; height:230px; right:350px; top:34px; pointer-events:none; opacity:.85; }
.core-ring { position:absolute; inset:50%; border-radius:50%; border:1px solid rgba(85,213,233,.24); transform:translate(-50%,-50%); animation:coreSpin 13s linear infinite; }
.core-ring::before,.core-ring::after { content:""; position:absolute; width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan); }
.core-ring::before{left:9%;top:18%}.core-ring::after{right:4%;bottom:28%}.ring-a{width:210px;height:210px}.ring-b{width:154px;height:154px;border-style:dashed;animation-direction:reverse;animation-duration:9s}.ring-c{width:98px;height:98px;border-color:rgba(153,119,255,.4);animation-duration:6s}.core-center{position:absolute;left:50%;top:50%;width:70px;height:70px;transform:translate(-50%,-50%);border-radius:24px;display:grid;place-items:center;background:radial-gradient(circle at 34% 26%,rgba(255,255,255,.18),transparent 24%),linear-gradient(145deg,rgba(153,119,255,.35),rgba(85,213,233,.14));border:1px solid rgba(192,175,255,.38);box-shadow:0 0 55px rgba(153,119,255,.22),inset 0 1px rgba(255,255,255,.16)}.core-center span{font-size:23px;font-weight:950;line-height:1}.core-center small{font-size:6px;color:var(--violet-2);text-transform:uppercase;letter-spacing:.08em;margin-top:-17px}.core-node{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 12px var(--cyan)}.core-node.n1{left:10px;top:92px}.core-node.n2{right:13px;top:52px}.core-node.n3{right:40px;bottom:13px}.core-node.n4{left:45px;bottom:25px}@keyframes coreSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.command-copy { max-width:650px; }.command-control{position:relative;z-index:2}.command-card{isolation:isolate}
.external-action { text-decoration:none; }
.position-hero,.community-hero,.performance-hero { min-height:220px; padding:30px; display:flex; align-items:center; justify-content:space-between; gap:30px; border:1px solid var(--line); border-radius:26px; overflow:hidden; position:relative; background:radial-gradient(circle at 82% 15%,rgba(85,213,233,.14),transparent 32%),radial-gradient(circle at 55% 100%,rgba(153,119,255,.1),transparent 42%),linear-gradient(145deg,rgba(18,25,38,.97),rgba(7,11,18,.98));box-shadow:var(--shadow);margin-bottom:14px}
.position-hero::after,.community-hero::after,.performance-hero::after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(85,213,233,.12);border-radius:50%;right:-90px;top:-180px;box-shadow:0 0 0 28px rgba(153,119,255,.025),0 0 0 58px rgba(85,213,233,.018)}
.position-hero h1,.community-hero h1,.performance-hero h1{margin:9px 0;font-size:clamp(38px,5vw,66px);letter-spacing:-.065em}.position-hero p,.community-hero p,.performance-hero p{max-width:760px;margin:0;color:var(--muted);line-height:1.7}.hero-metric,.community-live,.performance-score{position:relative;z-index:1;min-width:230px;padding:20px;border:1px solid rgba(85,213,233,.16);border-radius:18px;background:rgba(4,9,15,.62);backdrop-filter:blur(14px)}.hero-metric span,.performance-score small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.09em}.hero-metric strong,.performance-score strong{display:block;margin:8px 0 4px;font-size:32px}.hero-metric small,.performance-score span{color:var(--muted-2);font-size:9px}.community-live{display:flex;align-items:center;gap:12px}.community-live>span{width:12px;height:12px;border-radius:50%;background:var(--green);box-shadow:0 0 0 8px rgba(40,215,160,.08),0 0 28px rgba(40,215,160,.32);animation:pulse 1.8s infinite}.community-live small,.community-live strong{display:block}.community-live small{color:var(--muted-2);font-size:8px;text-transform:uppercase}.community-live strong{margin-top:4px;font-size:11px}
.position-kpi-grid,.performance-kpis,.journal-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.performance-kpis{grid-template-columns:repeat(5,minmax(0,1fr))}.position-kpi-grid article,.performance-kpis article,.journal-summary article{padding:17px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(16,23,35,.92),rgba(8,13,21,.95))}.position-kpi-grid span,.performance-kpis span,.journal-summary span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.position-kpi-grid strong,.performance-kpis strong,.journal-summary strong{display:block;margin:8px 0 5px;font-size:22px}.position-kpi-grid small,.performance-kpis small,.journal-summary small{color:var(--muted-2);font-size:8px}
.active-position-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.active-position-card{padding:20px;border:1px solid var(--line);border-radius:21px;background:radial-gradient(circle at 90% 0,rgba(85,213,233,.07),transparent 34%),linear-gradient(145deg,rgba(15,22,34,.97),rgba(8,13,21,.97));position:relative;overflow:hidden}.active-position-card.long{box-shadow:inset 3px 0 rgba(40,215,160,.72)}.active-position-card.short{box-shadow:inset 3px 0 rgba(255,101,127,.72)}.position-card-head{display:flex;justify-content:space-between;gap:16px}.position-card-head h3{display:inline-block;margin:0 0 3px 8px;font-size:20px}.position-card-head p{margin:7px 0 0;color:var(--muted);font-size:8px}.position-side{display:inline-flex;padding:5px 7px;border-radius:7px;font-size:7px;font-weight:950;letter-spacing:.08em}.position-side.long{background:var(--green-soft);color:var(--green)}.position-side.short{background:var(--red-soft);color:var(--red)}.position-live{text-align:right}.position-live small,.position-live strong,.position-live span{display:block}.position-live small{color:var(--muted-2);font-size:7px;text-transform:uppercase}.position-live strong{margin:4px 0;font-size:16px}.position-live span{font-size:11px;font-weight:900}.position-radar{margin:19px 0 15px}.position-progress{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--red),rgba(255,255,255,.06) 46%,rgba(255,255,255,.06) 54%,var(--green));overflow:hidden}.position-progress span{display:block;height:100%;background:rgba(255,255,255,.76);box-shadow:0 0 12px rgba(255,255,255,.45)}.position-radar>div:last-child{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted-2);font-size:8px}.position-radar b{color:var(--text);font-size:10px}.position-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.position-data-grid div{padding:10px;border-radius:11px;background:rgba(255,255,255,.025)}.position-data-grid small{display:block;color:var(--muted-2);font-size:7px;text-transform:uppercase}.position-data-grid strong{display:block;margin-top:4px;font-size:10px}.position-card-actions{display:flex;gap:8px;margin-top:15px}.position-card-actions>*{flex:1}.position-sync{display:flex;align-items:center;gap:6px;margin-top:12px;color:var(--muted-2);font-size:8px}.position-sync i{width:6px;height:6px;border-radius:50%;background:var(--amber)}.position-sync.synced i{background:var(--green)}
.empty-state-orbit{grid-column:1/-1;min-height:360px;border:1px dashed var(--line);border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--muted)}.empty-state-orbit>span{width:70px;height:70px;border-radius:50%;border:1px solid rgba(153,119,255,.35);position:relative;box-shadow:0 0 45px rgba(153,119,255,.1)}.empty-state-orbit>span::before{content:"";position:absolute;inset:16px;border-radius:50%;background:linear-gradient(145deg,var(--violet),var(--cyan));box-shadow:0 0 30px rgba(85,213,233,.25)}.empty-state-orbit h3{color:var(--text);margin:18px 0 7px}.empty-state-orbit p{max-width:560px;margin:0 0 17px;line-height:1.6}
.journal-toolbar,.community-toolbar{padding:10px;margin-bottom:11px;display:flex;justify-content:space-between;gap:12px}.journal-toolbar .search-box{min-width:280px}.journal-list,.community-feed{display:grid;gap:11px}.journal-card{padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(16,23,35,.96),rgba(8,13,21,.96))}.journal-card-main{display:flex;justify-content:space-between;gap:15px}.journal-identity{display:flex;align-items:center;gap:10px}.journal-identity h3{margin:0;font-size:20px}.journal-identity p{margin:4px 0 0;color:var(--muted);font-size:8px}.journal-result{text-align:right}.journal-result strong,.journal-result span,.journal-result small{display:block}.journal-result strong{font-size:20px}.journal-result span{margin-top:4px;font-size:12px;font-weight:900}.journal-result small{margin-top:3px;color:var(--muted-2);font-size:8px}.journal-levels{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.journal-levels>span{padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.025);color:var(--muted);font-size:8px}.journal-levels b{color:var(--text-soft);margin-left:4px}.verification-badge{color:var(--cyan)!important;border:1px solid rgba(85,213,233,.16)}.journal-reflection{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.journal-reflection div{padding:12px;border:1px solid var(--line);border-radius:12px}.journal-reflection span{color:var(--violet-2);font-size:7px;text-transform:uppercase;letter-spacing:.08em}.journal-reflection p{margin:7px 0 0;color:var(--muted);font-size:9px;line-height:1.55}.journal-card details{margin-top:12px}.journal-card summary{color:var(--muted);font-size:9px;cursor:pointer}.event-timeline{margin:12px 0 0 6px;padding-left:18px;border-left:1px solid var(--line)}.event-timeline>div{position:relative;padding:0 0 14px 6px;display:grid;grid-template-columns:120px 180px 1fr;gap:8px}.event-timeline i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--violet);left:-22px;top:4px}.event-timeline span,.event-timeline strong,.event-timeline p{font-size:8px}.event-timeline span{color:var(--muted-2)}.event-timeline strong{color:var(--text-soft)}.event-timeline p{margin:0;color:var(--muted)}
.community-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.55fr);gap:12px}.community-side{display:grid;align-content:start;gap:12px;position:sticky;top:95px}.leaderboard-panel,.insight-panel{padding:18px}.community-trade-card{padding:19px;border:1px solid var(--line);border-radius:19px;background:radial-gradient(circle at 95% 0,rgba(153,119,255,.08),transparent 32%),linear-gradient(145deg,rgba(16,23,35,.96),rgba(8,13,21,.96))}.community-trade-card.preview{border-style:dashed;opacity:.78}.community-card-top,.community-symbol{display:flex;justify-content:space-between;align-items:center;gap:14px}.community-user{display:flex;align-items:center;gap:9px}.community-user>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,var(--violet),var(--cyan));font-weight:950;font-size:10px}.community-user strong,.community-user small{display:block}.community-user strong{font-size:10px}.community-user small{margin-top:3px;color:var(--muted-2);font-size:7px}.community-result{text-align:right}.community-result strong,.community-result span{display:block}.community-result strong{font-size:17px}.community-result span{color:var(--muted);font-size:9px}.community-symbol{margin:16px 0;padding:13px;border-radius:13px;background:rgba(255,255,255,.025)}.community-symbol h3{display:inline-block;margin:0 0 0 8px}.community-symbol>div:last-child{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.community-symbol>div:last-child span{padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.035);color:var(--muted);font-size:7px}.community-quality{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.community-quality div{padding:10px;border:1px solid var(--line);border-radius:10px}.community-quality small,.community-quality strong{display:block}.community-quality small{color:var(--muted-2);font-size:7px}.community-quality strong{margin-top:4px;font-size:9px}.community-trade-card blockquote{margin:13px 0;padding:13px;border-left:2px solid var(--cyan);background:rgba(85,213,233,.045);border-radius:0 10px 10px 0;color:var(--text-soft);font-size:10px;line-height:1.6}.community-improve span{color:var(--violet-2);font-size:7px;text-transform:uppercase}.community-improve p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.5}.leaderboard-row{display:grid;grid-template-columns:25px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.leaderboard-row>span{width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:var(--violet-soft);color:var(--violet-2);font-size:8px;font-weight:900}.leaderboard-row strong,.leaderboard-row small{display:block}.leaderboard-row strong{font-size:9px}.leaderboard-row small{margin-top:3px;color:var(--muted-2);font-size:7px}.leaderboard-row b{font-size:10px}.insight-panel h2{margin:7px 0 10px}.insight-panel p{margin:0;color:var(--muted);font-size:9px;line-height:1.65}
.performance-score{text-align:center}.performance-score strong{font-size:48px;background:linear-gradient(135deg,var(--violet-2),var(--cyan));-webkit-background-clip:text;color:transparent}.performance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chart-lab,.pattern-panel{padding:18px;min-height:360px}.chart-lab canvas{width:100%;height:280px;display:block}.pattern-lesson{padding:12px;border:1px solid var(--line);border-radius:11px;margin-bottom:8px}.pattern-lesson span{color:var(--violet-2);font-size:7px;font-weight:900;text-transform:uppercase}.pattern-lesson p{margin:7px 0 0;color:var(--muted);font-size:9px;line-height:1.55}
.setup-mode-switch{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.024);margin-bottom:10px}.setup-mode-switch h3{margin:5px 0 0}.setup-mode-buttons{display:flex;gap:7px}.setup-mode-button{min-width:105px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.02);color:var(--muted);cursor:pointer;text-align:left}.setup-mode-button span,.setup-mode-button small{display:block}.setup-mode-button span{font-size:9px;font-weight:900}.setup-mode-button small{margin-top:3px;font-size:7px}.setup-mode-button.active{color:#fff;border-color:rgba(85,213,233,.35);background:linear-gradient(145deg,rgba(153,119,255,.16),rgba(85,213,233,.08));box-shadow:0 0 28px rgba(85,213,233,.06)}.quality-orb{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(85,213,233,.17),rgba(153,119,255,.08));border:1px solid rgba(85,213,233,.25);margin-left:auto}.quality-orb strong,.quality-orb span{display:block;text-align:center}.quality-orb strong{font-size:18px}.quality-orb span{margin-top:-12px;color:var(--muted-2);font-size:6px;text-transform:uppercase}.trade-meta-strip{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0}.trade-meta-strip span{padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.035);color:var(--muted);font-size:7px}.trade-primary-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.action-link{min-height:42px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);color:var(--text-soft);display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:9px;font-weight:900;cursor:pointer}.action-link svg{width:16px;height:16px}.action-link.binance:hover{color:#f3ba2f;border-color:rgba(243,186,47,.35);background:rgba(243,186,47,.07)}.action-link.chart:hover{color:var(--cyan);border-color:rgba(85,213,233,.35);background:rgba(85,213,233,.06)}.action-link.copy:hover{color:var(--violet-2);border-color:rgba(153,119,255,.35)}.open-position-button{margin-top:13px}
.position-modal,.close-trade-modal{position:fixed;z-index:80;left:50%;top:50%;width:min(980px,calc(100% - 30px));max-height:92vh;transform:translate(-50%,-46%) scale(.98);opacity:0;pointer-events:none;border:1px solid var(--line-strong);border-radius:23px;background:rgba(8,13,21,.985);box-shadow:0 40px 130px rgba(0,0,0,.62);transition:.2s;overflow:hidden;backdrop-filter:blur(24px)}.position-modal.open,.close-trade-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.position-modal header,.close-trade-modal header{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.position-modal h2,.close-trade-modal h2{margin:5px 0 0}.position-modal-body,.close-trade-body{padding:20px;max-height:calc(92vh - 150px);overflow:auto}.position-modal footer,.close-trade-modal footer{padding:13px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.open-position-summary,.close-preview{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px;border:1px solid var(--line);border-radius:15px;background:radial-gradient(circle at 90% 0,rgba(85,213,233,.08),transparent 35%),rgba(255,255,255,.02);margin-bottom:13px}.open-position-summary h3,.close-preview h3{display:inline-block;margin:0 0 0 8px}.open-position-summary p,.close-preview p{margin:6px 0 0;color:var(--muted);font-size:8px}.open-position-summary>div:last-child,.close-preview>div:last-child{text-align:right}.open-position-summary small,.open-position-summary strong,.close-preview small,.close-preview strong,.close-preview span{display:block}.open-position-summary small,.close-preview small{color:var(--muted-2);font-size:7px}.open-position-summary strong,.close-preview strong{margin-top:5px;font-size:16px}.close-preview span{margin-top:4px;color:var(--muted);font-size:9px}.form-grid{display:grid;gap:9px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid label,.full-form-field,.review-grid label{display:block}.form-grid label>span,.full-form-field>span,.review-grid label>span{display:block;margin-bottom:6px;color:var(--muted);font-size:8px;font-weight:800}.form-grid input,.form-grid select,.full-form-field textarea,.review-grid textarea{width:100%;min-height:40px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:#0a111b;color:var(--text);outline:none}.full-form-field{margin-top:10px}.full-form-field textarea,.review-grid textarea{padding:10px;resize:vertical;line-height:1.5}.open-form-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.open-form-metrics div{padding:11px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}.open-form-metrics span,.open-form-metrics strong{display:block}.open-form-metrics span{color:var(--muted-2);font-size:7px}.open-form-metrics strong{margin-top:4px;font-size:10px}.public-toggle{margin-top:12px;padding:13px;border:1px solid var(--line);border-radius:12px;display:flex!important;align-items:flex-start;gap:10px;background:rgba(153,119,255,.04)}.public-toggle input{margin-top:2px}.public-toggle b,.public-toggle small{display:block}.public-toggle b{font-size:9px}.public-toggle small{margin-top:4px;color:var(--muted);font-size:8px}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:13px}

@media(max-width:1200px){.intelligence-core{opacity:.38;right:300px}.performance-kpis{grid-template-columns:repeat(3,1fr)}.position-kpi-grid,.journal-summary{grid-template-columns:repeat(2,1fr)}.active-position-grid{grid-template-columns:1fr}.community-layout{grid-template-columns:1fr}.community-side{position:static;grid-template-columns:1fr 1fr}.form-grid.three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.account-capsule{display:none}.intelligence-core{display:none}.position-hero,.community-hero,.performance-hero{align-items:flex-start;flex-direction:column}.hero-metric,.community-live,.performance-score{width:100%;min-width:0}.position-kpi-grid,.performance-kpis,.journal-summary{grid-template-columns:repeat(2,1fr)}.performance-grid{grid-template-columns:1fr}.community-side{grid-template-columns:1fr}.journal-reflection{grid-template-columns:1fr}.journal-toolbar,.community-toolbar,.setup-mode-switch{flex-direction:column;align-items:stretch}.setup-mode-buttons{display:grid;grid-template-columns:repeat(3,1fr)}.setup-mode-button{min-width:0}.trade-primary-actions{grid-template-columns:1fr}.form-grid.three,.review-grid{grid-template-columns:1fr}.open-form-metrics{grid-template-columns:repeat(2,1fr)}.event-timeline>div{grid-template-columns:1fr;gap:3px}.cursor-aura{display:none}}
@media(max-width:520px){.position-kpi-grid,.performance-kpis,.journal-summary{grid-template-columns:1fr}.position-data-grid{grid-template-columns:repeat(2,1fr)}.community-quality{grid-template-columns:1fr}.community-card-top,.community-symbol,.journal-card-main,.open-position-summary,.close-preview{align-items:flex-start;flex-direction:column}.community-result,.journal-result,.position-live,.open-position-summary>div:last-child,.close-preview>div:last-child{text-align:left}.setup-mode-buttons{grid-template-columns:1fr}.open-form-metrics{grid-template-columns:1fr}.position-modal,.close-trade-modal{width:calc(100% - 14px);border-radius:17px}}

/* Private-beta account and secure synchronization */
.account-modal{position:fixed;z-index:82;left:50%;top:50%;width:min(560px,calc(100% - 28px));max-height:90vh;transform:translate(-50%,-46%) scale(.98);opacity:0;pointer-events:none;border:1px solid var(--line-strong);border-radius:23px;background:radial-gradient(circle at 85% 0,rgba(85,213,233,.09),transparent 32%),radial-gradient(circle at 0 100%,rgba(153,119,255,.09),transparent 35%),rgba(8,13,21,.99);box-shadow:0 40px 130px rgba(0,0,0,.68);transition:.2s;overflow:hidden;backdrop-filter:blur(24px)}
.account-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.account-modal header{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.account-modal h2{margin:5px 0 0}.account-modal-body{padding:20px;overflow:auto;max-height:calc(90vh - 78px)}
.account-identity{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025);margin-bottom:13px}.account-identity>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(85,213,233,.2),rgba(153,119,255,.26));border:1px solid rgba(153,119,255,.28);font-size:18px;font-weight:900}.account-identity strong,.account-identity small{display:block}.account-identity small{margin-top:4px;color:var(--muted);font-size:8px}.account-state{margin-left:auto;padding:5px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);font-size:7px;font-weight:900;letter-spacing:.08em}.account-state.live{color:var(--green);border-color:rgba(85,232,164,.24);background:var(--green-soft)}
.account-auth-form{display:grid;gap:10px}.account-auth-form label>span{display:block;margin-bottom:6px;color:var(--muted);font-size:8px;font-weight:800}.account-auth-form input{width:100%;height:42px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:#0a111b;color:var(--text);outline:none}.account-auth-form input:focus{border-color:rgba(153,119,255,.5);box-shadow:0 0 0 3px rgba(153,119,255,.08)}.account-auth-form .primary-button{width:100%;justify-content:center;margin-top:2px}.account-auth-status{min-height:17px;color:var(--muted);font-size:8px}.account-auth-status.error{color:var(--red)}
.account-sync-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.account-sync-panel div{padding:11px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025)}.account-sync-panel span,.account-sync-panel strong{display:block}.account-sync-panel span{color:var(--muted-2);font-size:7px}.account-sync-panel strong{margin-top:5px;font-size:9px}.account-actions{display:flex;gap:8px}.account-actions button{flex:1;justify-content:center}.account-connect-note{padding:13px;border:1px solid rgba(242,190,93,.18);border-radius:13px;background:var(--amber-soft);color:#d2b889;font-size:8px;line-height:1.55}.account-connect-note code{color:#fff0bd}.account-privacy-list{display:grid;gap:7px;margin-top:12px}.account-privacy-list div{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:8px;line-height:1.45}.account-privacy-list i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px rgba(85,213,233,.55);margin-top:3px;flex:0 0 auto}
@media(max-width:520px){.account-modal{width:calc(100% - 14px);border-radius:17px}.account-sync-panel{grid-template-columns:1fr}.account-actions{flex-direction:column}}


/* ===== MYCOHR V4: mobile-safe cyber intelligence layer ===== */
html, body { min-height: 100%; min-height: 100dvh; }
body { padding-bottom: env(safe-area-inset-bottom, 0px); }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
.drawer-body, .settings-body, .position-modal-body, .close-trade-body { -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
.investigation-drawer { height: 100vh; height: 100dvh; }

/* Cyber grid and animated scan beam */
.app-shell::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background-image: linear-gradient(rgba(85,213,233,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(153,119,255,.025) 1px, transparent 1px);
  background-size: 46px 46px; animation: cyberGridDrift 22s linear infinite;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.9), transparent 92%);
}
.app-shell::after {
  content: ""; position: fixed; left: 0; right: 0; top: -22vh; height: 22vh; z-index: 1; pointer-events: none;
  background: linear-gradient(to bottom, transparent, rgba(85,213,233,.055), transparent);
  animation: scanBeam 9s linear infinite;
}
@keyframes cyberGridDrift { to { background-position: 46px 46px; } }
@keyframes scanBeam { 0% { transform: translateY(-20vh); } 100% { transform: translateY(145vh); } }

.panel, .drawer-panel, .chart-plan-card, .trade-decision, .stat-card {
  position: relative; isolation: isolate;
}
.panel::after, .drawer-panel::after, .chart-plan-card::after, .trade-decision::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  background: linear-gradient(115deg, transparent 15%, rgba(255,255,255,.028) 42%, transparent 68%);
  transform: translateX(-110%); transition: transform .8s ease;
}
.panel:hover::after, .drawer-panel:hover::after, .chart-plan-card:hover::after, .trade-decision:hover::after { transform: translateX(110%); }

/* Three chart matrix */
.chart-command-panel { overflow: hidden; background: radial-gradient(circle at 85% 0, rgba(85,213,233,.08), transparent 28%), linear-gradient(145deg,rgba(14,21,34,.97),rgba(7,12,20,.98)); }
.chart-plan-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.chart-plan-card { overflow: hidden; padding: 13px; border: 1px solid var(--line); border-radius: 15px; background: rgba(5,10,18,.78); box-shadow: inset 0 1px rgba(255,255,255,.035); }
.chart-plan-card::before { content:""; position:absolute; inset:0 auto 0 0; width:2px; background:var(--amber); box-shadow:0 0 16px var(--amber); }
.chart-plan-card.status-ready::before { background:var(--green); box-shadow:0 0 16px var(--green); }
.chart-plan-card.status-avoid::before { background:var(--red); box-shadow:0 0 16px var(--red); }
.chart-plan-head { display:flex; justify-content:space-between; gap:10px; align-items:flex-start; }
.chart-plan-head h3 { margin:5px 0 0; font-size:15px; }
.chart-status-stack { text-align:right; }
.chart-status-stack span { display:block; padding:4px 6px; border-radius:6px; color:var(--amber); background:var(--amber-soft); font-size:7px; font-weight:900; }
.chart-status-stack strong { display:block; margin-top:5px; color:var(--violet-2); font-size:13px; }
.chart-level-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; margin:10px 0 5px; }
.chart-level-strip span { padding:7px; border-radius:8px; background:rgba(255,255,255,.025); color:var(--muted-2); font-size:6px; }
.chart-level-strip b { display:block; margin-top:3px; color:var(--text-soft); font-size:8px; }
.chart-mini-wrap { min-height:270px; }
.chart-mini-wrap canvas { display:block; width:100%; height:270px; }
.chart-card-foot { display:flex; justify-content:space-between; gap:8px; color:var(--muted-2); font-size:7px; }
.vertical-entry-key { width:2px!important; height:13px!important; background:#ffe083!important; }

/* Execution mode */
.execution-mode-switch { display:flex; gap:6px; padding:4px; border:1px solid var(--line); border-radius:12px; background:rgba(0,0,0,.22); }
.execution-mode-switch button { min-width:138px; padding:8px 10px; border:1px solid transparent; border-radius:9px; background:transparent; color:var(--muted); text-align:left; cursor:pointer; }
.execution-mode-switch button span, .execution-mode-switch button small { display:block; }
.execution-mode-switch button span { font-size:9px; font-weight:900; }
.execution-mode-switch button small { margin-top:3px; font-size:7px; color:var(--muted-2); }
.execution-mode-switch button.active { color:var(--text); border-color:rgba(153,119,255,.35); background:linear-gradient(135deg,rgba(153,119,255,.18),rgba(85,213,233,.07)); box-shadow:0 0 24px rgba(153,119,255,.08); }
.execution-choice-panel { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:10px 0; padding:14px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.018); }
.execution-choice-panel h3 { margin:5px 0 0; }

/* Psychological analysis */
.psychology-panel { margin-top:10px; overflow:hidden; background:radial-gradient(circle at 90% 0,rgba(255,189,102,.09),transparent 30%),linear-gradient(145deg,rgba(17,23,36,.96),rgba(8,13,21,.98)); }
.psychology-panel::before { content:""; position:absolute; inset:0 auto 0 0; width:3px; background:var(--cyan); box-shadow:0 0 18px var(--cyan); }
.psychology-panel.risk-elevated::before { background:var(--amber); box-shadow:0 0 18px var(--amber); }
.psychology-panel.risk-high::before { background:var(--red); box-shadow:0 0 18px var(--red); animation:dangerPulse 1.3s ease-in-out infinite; }
@keyframes dangerPulse { 50% { opacity:.35; box-shadow:0 0 30px var(--red); } }
.psych-risk-badge { padding:6px 8px; border:1px solid rgba(255,189,102,.22); border-radius:999px; color:var(--amber); background:var(--amber-soft); font-size:7px; font-weight:950; }
.psychology-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.psychology-grid>div { min-height:94px; padding:12px; border:1px solid rgba(255,255,255,.055); border-radius:11px; background:rgba(255,255,255,.022); }
.psychology-grid span, .psychology-grid strong, .psychology-grid small { display:block; }
.psychology-grid span { color:var(--muted-2); font-size:7px; text-transform:uppercase; letter-spacing:.07em; }
.psychology-grid strong { margin-top:9px; font-size:11px; }
.psychology-grid small { margin-top:5px; color:var(--muted); font-size:7px; line-height:1.45; }

/* Mobile and iPhone browser chrome protection */
@media (max-width: 900px) {
  .chart-plan-grid { grid-template-columns:1fr; }
  .execution-choice-panel { align-items:stretch; flex-direction:column; }
  .execution-mode-switch { width:100%; }
  .execution-mode-switch button { flex:1; min-width:0; }
  .psychology-grid { grid-template-columns:repeat(2,1fr); }
  .investigation-drawer { height:100svh; height:100dvh; }
  .drawer-body { padding-bottom:max(132px, calc(env(safe-area-inset-bottom, 0px) + 104px)); }
  .position-modal-body, .close-trade-body, .settings-body { padding-bottom:max(120px, calc(env(safe-area-inset-bottom, 0px) + 92px)); }
  .site-footer { padding-bottom:max(100px, calc(env(safe-area-inset-bottom, 0px) + 72px)); }
  .chart-mini-wrap, .chart-mini-wrap canvas { min-height:245px; height:245px; }
}
@media (max-width: 560px) {
  .psychology-grid { grid-template-columns:1fr; }
  .execution-mode-switch { display:grid; grid-template-columns:1fr 1fr; }
  .chart-level-strip { grid-template-columns:1fr; }
  .chart-card-foot { flex-direction:column; }
  .drawer-body { padding-left:10px; padding-right:10px; }
  .trade-primary-actions { padding-bottom:8px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration:.001ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.001ms!important; }
}

@media (max-width: 700px) {
  body::after { opacity:.10; filter:blur(18px) saturate(1.05); }
  .neural-field { opacity:.25; }
  .app-shell::before { background-size:38px 38px; }
}

/* Final mobile header and touch corrections */
@media (max-width: 640px) {
  .drawer-header {
    grid-template-columns: minmax(0,1fr) auto;
    gap: 10px;
    padding-top: max(14px, env(safe-area-inset-top, 0px));
  }
  .drawer-symbol-block {
    grid-column: 1 / -1;
    min-width: 0;
  }
  .drawer-title-line { flex-wrap: wrap; }
  .drawer-title-line h2 { font-size: 18px; overflow-wrap: anywhere; }
  .drawer-price-block { grid-row: 2; grid-column: 1; text-align: left; }
  .drawer-actions { grid-row: 2; grid-column: 2; }
  .drawer-actions .icon-button { width: 42px; height: 42px; }
}
@media (hover: none) {
  .nav-item:hover { transform: none; }
  .panel:hover::after, .drawer-panel:hover::after, .chart-plan-card:hover::after, .trade-decision:hover::after { transform: translateX(-110%); }
}
@media (max-width: 900px) {
  .open-position-button, .trade-primary-actions, .calculator-results {
    scroll-margin-bottom: max(150px, calc(env(safe-area-inset-bottom, 0px) + 120px));
  }
  .open-position-button { margin-bottom: 24px; }
}

/* ===== MYCOHR V5: multi-entry sentiment intelligence ===== */
:root {
  --electric-blue: #5fc8ff;
  --hot-magenta: #d56dff;
  --acid-cyan: #64f5e5;
  --deep-violet: #6d4dff;
}

/* Sharper futuristic surface language */
.command-card,
.panel,
.drawer-panel,
.chart-plan-card,
.trade-decision {
  border-color: rgba(145, 164, 255, .13);
  box-shadow: inset 0 1px rgba(255,255,255,.035), 0 22px 70px rgba(0,0,0,.22);
}

.command-card::after,
.chart-command-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(85,213,233,.16), transparent 16%, transparent 84%, rgba(153,119,255,.16)) top/100% 1px no-repeat,
    linear-gradient(180deg, rgba(85,213,233,.12), transparent 24%, transparent 76%, rgba(153,119,255,.12)) left/1px 100% no-repeat;
  opacity: .75;
}

/* Master execution console */
.chart-matrix-heading {
  align-items: center;
  gap: 18px;
}
.execution-master {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  border: 1px solid rgba(95,200,255,.14);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(95,200,255,.05), rgba(213,109,255,.045));
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.execution-master > div:first-child small {
  display: block;
  margin-top: 3px;
  color: var(--muted-2);
  font-size: 7px;
}
.compact-master button { min-width: 116px; }

/* Independent execution controls on every horizon */
.per-chart-execution {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
  margin: 11px 0 9px;
  padding: 4px;
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 11px;
  background: rgba(0,0,0,.24);
}
.per-chart-execution button {
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  text-align: left;
  transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}
.per-chart-execution button span,
.per-chart-execution button small { display: block; }
.per-chart-execution button span { font-size: 8px; font-weight: 900; }
.per-chart-execution button small { margin-top: 3px; color: var(--muted-2); font-size: 7px; }
.per-chart-execution button.active {
  color: #fff;
  border-color: rgba(100,245,229,.30);
  background: linear-gradient(135deg, rgba(100,245,229,.12), rgba(109,77,255,.16));
  box-shadow: 0 0 24px rgba(95,200,255,.08), inset 0 1px rgba(255,255,255,.06);
}
.per-chart-execution button.active small { color: rgba(232,248,255,.72); }
.per-chart-execution button:hover:not(.active) { transform: translateY(-1px); background: rgba(255,255,255,.025); }

/* Animated chart card atmosphere */
.chart-plan-card {
  transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, border-color .28s ease;
}
.chart-plan-card:hover {
  transform: translateY(-4px);
  border-color: rgba(95,200,255,.22);
  box-shadow: 0 26px 70px rgba(0,0,0,.38), 0 0 35px rgba(109,77,255,.09);
}
.chart-plan-glow {
  position: absolute;
  width: 150px;
  height: 150px;
  right: -60px;
  top: -70px;
  border-radius: 50%;
  pointer-events: none;
  background: radial-gradient(circle, rgba(95,200,255,.18), rgba(109,77,255,.07) 40%, transparent 72%);
  filter: blur(4px);
  animation: chartGlowBreath 4.6s ease-in-out infinite;
}
.chart-mini-wrap { position: relative; overflow: hidden; border-radius: 10px; }
.chart-scanline {
  position: absolute;
  left: 0;
  right: 0;
  top: -18%;
  height: 18%;
  pointer-events: none;
  background: linear-gradient(to bottom, transparent, rgba(95,200,255,.045), rgba(100,245,229,.10), transparent);
  animation: chartScan 5.8s linear infinite;
}
@keyframes chartGlowBreath { 50% { transform: scale(1.15); opacity: .55; } }
@keyframes chartScan { to { transform: translateY(690%); } }

/* Fear & Greed and second psychology engine */
.psychology-panel { min-height: 310px; }
.psych-grid-halo {
  position: absolute;
  width: 440px;
  height: 440px;
  right: -170px;
  top: -230px;
  border-radius: 50%;
  pointer-events: none;
  border: 1px solid rgba(95,200,255,.10);
  box-shadow: 0 0 0 42px rgba(109,77,255,.018), 0 0 0 84px rgba(95,200,255,.012);
  animation: psychOrbit 18s linear infinite;
}
.psychology-hero {
  display: grid;
  grid-template-columns: minmax(260px,.72fr) 1fr;
  gap: 10px;
  margin-bottom: 9px;
}
.fear-greed-orb,
.emotion-wave {
  position: relative;
  min-height: 154px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255,255,255,.025), rgba(0,0,0,.12));
  overflow: hidden;
}
.fear-greed-orb { display: grid; grid-template-columns: 112px 1fr; align-items: center; gap: 14px; }
.fear-greed-ring {
  width: 108px;
  height: 108px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  align-content: center;
  background:
    radial-gradient(circle at center, #0a111b 57%, transparent 58%),
    conic-gradient(from 220deg, #ff657f 0 25%, #ffbd66 36%, #8794a8 50%, #8fd77c 66%, #28d7a0 86%, #ff657f 100%);
  box-shadow: 0 0 34px rgba(95,200,255,.12), inset 0 0 26px rgba(255,255,255,.04);
  animation: sentimentPulse 4s ease-in-out infinite;
}
.fear-greed-ring span { font-size: 28px; font-weight: 950; line-height: 1; }
.fear-greed-ring small { margin-top: 6px; color: var(--muted-2); font-size: 6px; text-transform: uppercase; letter-spacing: .08em; }
.fear-greed-axis {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 12px;
  height: 4px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--red), var(--amber), #8b95a5 50%, #98d57a, var(--green));
  opacity: .65;
}
.fear-greed-axis i {
  position: absolute;
  left: var(--fear-position);
  top: 50%;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  transform: translate(-50%,-50%);
  background: #fff;
  box-shadow: 0 0 14px #fff;
}
.fear-greed-caption strong,
.fear-greed-caption small,
.fear-greed-caption a { display: block; }
.fear-greed-caption strong { font-size: 15px; }
.fear-greed-caption small { margin-top: 5px; color: var(--muted); font-size: 8px; }
.fear-greed-caption a { margin-top: 13px; color: var(--cyan); font-size: 7px; text-decoration: none; }
.emotion-wave > span { color: var(--muted-2); font-size: 7px; text-transform: uppercase; letter-spacing: .07em; }
.emotion-wave > strong { display: block; margin-top: 13px; font-size: 26px; }
.emotion-wave > b { display: block; margin-top: 4px; font-size: 12px; }
.emotion-wave > small { display: block; margin-top: 10px; color: var(--muted); font-size: 8px; line-height: 1.5; }
.emotion-meter {
  position: relative;
  height: 9px;
  margin-top: 13px;
  border-radius: 99px;
  overflow: hidden;
  background: linear-gradient(90deg, rgba(255,101,127,.75), rgba(255,255,255,.055) 48%, rgba(255,255,255,.055) 52%, rgba(40,215,160,.75));
}
.emotion-meter i {
  position: absolute;
  left: var(--emotion);
  top: 50%;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  transform: translate(-50%,-50%);
  background: white;
  box-shadow: 0 0 18px rgba(255,255,255,.75);
}
.fear-greed-kpi strong { text-shadow: 0 0 18px currentColor; }
@keyframes sentimentPulse { 50% { box-shadow: 0 0 48px rgba(95,200,255,.18), inset 0 0 32px rgba(255,255,255,.05); } }
@keyframes psychOrbit { to { transform: rotate(360deg); } }

/* App-launch affordance */
.action-link.binance {
  position: relative;
  overflow: hidden;
}
.action-link.binance::after {
  content: "APP";
  position: absolute;
  right: 9px;
  top: 7px;
  padding: 2px 4px;
  border-radius: 4px;
  color: #f3ba2f;
  background: rgba(243,186,47,.10);
  font-size: 5px;
  font-weight: 950;
  letter-spacing: .07em;
}

/* Reveal animation classes applied by JavaScript */
.reveal-ready { opacity: 0; transform: translateY(16px) scale(.99); }
.reveal-ready.revealed { opacity: 1; transform: none; transition: opacity .65s ease, transform .65s cubic-bezier(.2,.8,.2,1); }

@media (max-width: 900px) {
  .chart-matrix-heading { align-items: stretch; flex-direction: column; }
  .execution-master { align-items: stretch; flex-direction: column; }
  .compact-master { width: 100%; }
  .compact-master button { flex: 1; min-width: 0; }
  .psychology-hero { grid-template-columns: 1fr; }
  .fear-greed-orb { grid-template-columns: 100px 1fr; }
  .chart-plan-card:hover { transform: none; }
}

@media (max-width: 520px) {
  .per-chart-execution { grid-template-columns: 1fr; }
  .fear-greed-orb { grid-template-columns: 1fr; text-align: center; justify-items: center; padding-bottom: 30px; }
  .fear-greed-caption a { margin-top: 8px; }
  .psychology-hero { gap: 8px; }
  .emotion-wave { min-height: 145px; }
}

@media (prefers-reduced-motion: reduce) {
  .chart-scanline, .chart-plan-glow, .psych-grid-halo, .fear-greed-ring { animation: none !important; }
}

.sentiment-command {
  display: grid;
  grid-template-columns: 1.15fr auto 1fr;
  gap: 22px;
  align-items: center;
  margin: 12px 0;
  padding: 17px 20px;
  overflow: hidden;
  background:
    radial-gradient(circle at 84% 12%, rgba(213,109,255,.10), transparent 34%),
    linear-gradient(135deg, rgba(14,21,34,.96), rgba(7,12,20,.98));
}
.sentiment-command h2 { margin: 5px 0 4px; font-size: 18px; }
.sentiment-command p { margin: 0; color: var(--muted); font-size: 8px; line-height: 1.45; }
.sentiment-command-value { min-width: 110px; text-align: center; }
.sentiment-command-value strong { display: block; font-size: 34px; line-height: 1; text-shadow: 0 0 28px rgba(95,200,255,.35); }
.sentiment-command-value span { display: block; margin-top: 6px; font-size: 10px; font-weight: 900; }
.sentiment-command-value small { display: block; margin-top: 4px; color: var(--muted-2); font-size: 7px; }
.sentiment-spectrum {
  position: relative;
  height: 32px;
  padding-top: 15px;
  display: flex;
  justify-content: space-between;
  color: var(--muted-2);
  font-size: 7px;
}
.sentiment-spectrum::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 5px;
  height: 7px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--red), var(--amber), #9098a6 50%, #9bd77c, var(--green));
  box-shadow: 0 0 24px rgba(95,200,255,.08);
  opacity: .8;
}
.sentiment-spectrum i {
  position: absolute;
  top: 1px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  transform: translateX(-50%);
  background: #fff;
  box-shadow: 0 0 18px #fff;
  transition: left .65s cubic-bezier(.2,.8,.2,1);
}
@media (max-width: 700px) {
  .sentiment-command { grid-template-columns: 1fr auto; gap: 12px; padding: 15px; }
  .sentiment-spectrum { grid-column: 1 / -1; }
  .sentiment-command-value strong { font-size: 28px; }
}

/* ================================================================
   MYCOHR V7 · guided safety layer
   ================================================================ */

/* Keep chart reading calm and precise. No animated glow or scan beam. */
.chart-plan-glow,
.chart-scanline { display: none !important; }
.chart-plan-card,
.chart-plan-card:hover {
  box-shadow: inset 0 1px rgba(255,255,255,.035), 0 18px 45px rgba(0,0,0,.24) !important;
}
.chart-plan-card:hover { transform: translateY(-2px); }
.chart-plan-card::before,
.chart-plan-card.status-ready::before,
.chart-plan-card.status-avoid::before { box-shadow: none !important; }
.chart-mini-wrap {
  background: linear-gradient(180deg, rgba(4,8,14,.82), rgba(8,13,21,.72));
  border: 1px solid rgba(255,255,255,.045);
}

/* Setup-family controls */
.setup-family-selector {
  display: grid;
  grid-template-columns: minmax(230px,.72fr) minmax(420px,1.28fr);
  gap: 18px;
  align-items: center;
  margin-bottom: 10px;
  padding: 17px;
  border: 1px solid rgba(104,224,255,.14);
  border-radius: 16px;
  background:
    linear-gradient(130deg, rgba(92,70,255,.08), transparent 44%),
    rgba(255,255,255,.018);
  position: relative;
  overflow: hidden;
}
.setup-family-selector::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(94,227,255,.035),transparent);
  transform:translateX(-100%);
  animation:familySweep 11s ease-in-out infinite;
}
@keyframes familySweep { 45%,100% { transform:translateX(100%); } }
.setup-family-selector h3 { margin: 5px 0 4px; }
.setup-family-selector p { margin:0; color:var(--muted); font-size:8px; line-height:1.5; }
.setup-family-buttons { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; position:relative; z-index:1; }
.setup-family-buttons button {
  min-height:64px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:11px;
  background:rgba(4,9,16,.48);
  color:var(--muted);
  text-align:left;
  cursor:pointer;
  transition:border-color .2s ease, background .2s ease, transform .2s ease;
}
.setup-family-buttons button:hover { transform:translateY(-1px); border-color:rgba(112,215,255,.24); }
.setup-family-buttons button.active {
  color:#f7fbff;
  border-color:rgba(112,215,255,.38);
  background:linear-gradient(145deg,rgba(113,81,255,.17),rgba(56,202,220,.08));
}
.setup-family-buttons span,
.setup-family-buttons small { display:block; }
.setup-family-buttons span { font-size:9px; font-weight:900; }
.setup-family-buttons small { margin-top:5px; font-size:7px; line-height:1.35; }
.likely-text { color:var(--amber) !important; }
.unlikely-text { color:var(--muted-2) !important; }

.scenario-chip {
  display:inline-flex;
  margin-top:7px;
  padding:5px 7px;
  border-radius:999px;
  font-size:6px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  border:1px solid var(--line);
  color:var(--muted);
  background:rgba(255,255,255,.02);
}
.scenario-chip.likely { color:var(--amber); border-color:rgba(255,189,102,.2); background:var(--amber-soft); }
.scenario-chip.unlikely { color:var(--muted); }
.scenario-chip.continuation { color:var(--cyan); border-color:rgba(85,213,233,.18); background:rgba(85,213,233,.06); }
.chart-plan-grid.single-chart { grid-template-columns:minmax(0,720px); justify-content:center; }

.trade-scenario-band {
  display:grid;
  grid-template-columns:180px 180px 1fr;
  gap:8px;
  align-items:stretch;
  margin-bottom:10px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(255,255,255,.016);
}
.trade-scenario-band > div { padding:10px; border-radius:10px; background:rgba(255,255,255,.025); }
.trade-scenario-band span,
.trade-scenario-band strong,
.trade-scenario-band b { display:block; }
.trade-scenario-band span { color:var(--muted-2); font-size:7px; text-transform:uppercase; }
.trade-scenario-band strong { margin-top:5px; font-size:16px; }
.trade-scenario-band b { margin-top:3px; font-size:7px; }
.trade-scenario-band p { margin:0; padding:10px; color:var(--muted); font-size:8px; line-height:1.55; }

.scenario-probability-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:10px 0; }
.scenario-probability {
  padding:13px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.022);
}
.scenario-probability.likely { border-color:rgba(255,189,102,.22); background:linear-gradient(145deg,rgba(255,189,102,.07),rgba(255,255,255,.018)); }
.scenario-probability span,
.scenario-probability strong,
.scenario-probability b,
.scenario-probability small { display:block; }
.scenario-probability span { color:var(--muted-2); font-size:7px; text-transform:uppercase; }
.scenario-probability strong { margin-top:7px; font-size:20px; }
.scenario-probability b { margin-top:3px; color:var(--amber); font-size:8px; }
.scenario-probability.unlikely b { color:var(--muted); }
.scenario-probability small { margin-top:7px; color:var(--muted); font-size:8px; line-height:1.45; }

/* Guide */
.guide-hero { position:relative; overflow:hidden; }
.guide-hero::before {
  content:"";
  position:absolute;
  width:480px;
  height:480px;
  right:-170px;
  top:-250px;
  border-radius:50%;
  border:1px solid rgba(85,213,233,.13);
  box-shadow:0 0 0 40px rgba(153,119,255,.025),0 0 0 80px rgba(85,213,233,.015);
  animation:guideOrbit 16s linear infinite;
}
@keyframes guideOrbit { to { transform:rotate(360deg); } }
.guide-orbit {
  width:100px;
  height:100px;
  flex:0 0 auto;
  border-radius:30px;
  display:grid;
  place-items:center;
  position:relative;
  z-index:1;
  border:1px solid rgba(85,213,233,.22);
  background:linear-gradient(145deg,rgba(153,119,255,.14),rgba(85,213,233,.07));
}
.guide-orbit span { font-size:34px; font-weight:950; }
.guide-orbit small { margin-top:-24px; color:var(--muted); font-size:7px; text-transform:uppercase; }
.guide-progress { padding:18px; margin-bottom:12px; display:grid; grid-template-columns:260px 1fr; align-items:center; gap:18px; }
.guide-progress h2 { margin:5px 0 0; }
.guide-progress-line { display:grid; grid-template-columns:repeat(7,1fr); position:relative; gap:5px; }
.guide-progress-line i { position:absolute; left:3%; right:3%; top:8px; height:2px; background:linear-gradient(90deg,var(--violet),var(--cyan),var(--green)); opacity:.45; }
.guide-progress-line b { position:relative; padding-top:20px; color:var(--muted); font-size:6px; text-align:center; letter-spacing:.05em; }
.guide-progress-line b::before { content:""; position:absolute; top:3px; left:50%; width:9px; height:9px; transform:translateX(-50%); border-radius:50%; background:#101827; border:2px solid var(--cyan); box-shadow:0 0 12px rgba(85,213,233,.18); }
.guide-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.guide-card { min-height:235px; padding:19px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(16,23,35,.94),rgba(7,12,20,.96)); position:relative; overflow:hidden; }
.guide-card::after { content:""; position:absolute; inset:auto -50px -70px auto; width:150px; height:150px; border:1px solid rgba(153,119,255,.1); border-radius:50%; }
.guide-card > span { display:inline-grid; place-items:center; width:34px; height:34px; border-radius:10px; color:var(--violet-2); background:var(--violet-soft); font-size:10px; font-weight:950; }
.guide-card h3 { margin:15px 0 8px; }
.guide-card p { margin:0 0 15px; color:var(--muted); font-size:9px; line-height:1.65; }
.guide-card button { position:relative; z-index:1; }
.guide-safety { margin-top:12px; padding:22px; border-color:rgba(255,189,102,.16); background:linear-gradient(145deg,rgba(255,189,102,.05),rgba(8,13,21,.94)); }
.guide-safety h2 { margin:7px 0; }
.guide-safety p { margin:0; color:var(--muted); line-height:1.65; }

/* Social hub */
.connect-hero { min-height:260px; }
.social-constellation { width:190px; height:190px; flex:0 0 auto; position:relative; display:grid; place-items:center; }
.social-constellation::before,
.social-constellation::after { content:""; position:absolute; border:1px solid rgba(85,213,233,.18); border-radius:50%; animation:socialSpin 14s linear infinite; }
.social-constellation::before { inset:12px; }
.social-constellation::after { inset:42px; border-style:dashed; animation-direction:reverse; animation-duration:9s; }
.social-constellation span { position:relative; z-index:2; font-size:16px; font-weight:950; letter-spacing:.12em; }
.social-constellation i { position:absolute; width:8px; height:8px; border-radius:50%; background:var(--cyan); box-shadow:0 0 18px var(--cyan); }
.social-constellation i:nth-child(1){left:18px;top:82px}.social-constellation i:nth-child(2){right:27px;top:32px;background:var(--violet)}.social-constellation i:nth-child(3){right:42px;bottom:24px;background:var(--green)}
@keyframes socialSpin { to { transform:rotate(360deg); } }
.social-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.social-card { min-height:260px; padding:25px; border:1px solid var(--line); border-radius:22px; display:flex; align-items:flex-start; gap:18px; color:var(--text); text-decoration:none; position:relative; overflow:hidden; transition:transform .22s ease,border-color .22s ease; }
.social-card:hover { transform:translateY(-3px); }
.social-card.facebook { background:radial-gradient(circle at 90% 0,rgba(70,116,255,.18),transparent 42%),linear-gradient(145deg,rgba(14,25,48,.97),rgba(7,12,21,.98)); }
.social-card.instagram { background:radial-gradient(circle at 90% 0,rgba(246,77,152,.18),transparent 42%),linear-gradient(145deg,rgba(39,17,47,.97),rgba(9,11,21,.98)); }
.social-icon { width:58px; height:58px; flex:0 0 auto; border-radius:18px; display:grid; place-items:center; font-size:27px; font-weight:950; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); }
.social-card span { color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.1em; }
.social-card h2 { margin:9px 0; font-size:28px; }
.social-card p { max-width:460px; margin:0; color:var(--muted); line-height:1.65; }
.social-card b { display:block; margin-top:28px; color:#fff; font-size:10px; }
.connect-note { margin-top:12px; padding:22px; }
.connect-note h2 { margin:7px 0; }
.connect-note p { margin:0; color:var(--muted); }

/* Homepage: simpler message, more advanced frame. */
.command-card { position:relative; }
.command-card::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 49.7%,rgba(85,213,233,.028) 50%,transparent 50.3%),
    linear-gradient(transparent 49.7%,rgba(153,119,255,.026) 50%,transparent 50.3%);
  background-size:56px 56px;
  mask-image:linear-gradient(90deg,black,transparent 80%);
  animation:commandGridDrift 24s linear infinite;
}
@keyframes commandGridDrift { to { background-position:56px 28px; } }
.command-copy h1 { max-width:760px; }
.command-copy h1 span { background:linear-gradient(90deg,var(--violet-2),var(--cyan)); -webkit-background-clip:text; color:transparent; }

@media (max-width: 900px) {
  .setup-family-selector { grid-template-columns:1fr; }
  .setup-family-buttons { grid-template-columns:1fr; }
  .trade-scenario-band { grid-template-columns:1fr 1fr; }
  .trade-scenario-band p { grid-column:1/-1; }
  .guide-progress { grid-template-columns:1fr; }
  .guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .social-grid { grid-template-columns:1fr; }
  .connect-hero { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 580px) {
  .scenario-probability-grid,
  .trade-scenario-band,
  .guide-grid { grid-template-columns:1fr; }
  .trade-scenario-band p { grid-column:auto; }
  .guide-progress-line { overflow-x:auto; grid-template-columns:repeat(7,72px); padding-bottom:6px; }
  .guide-orbit { width:74px; height:74px; border-radius:22px; }
  .social-card { flex-direction:column; }
}

@media (prefers-reduced-motion: reduce) {
  .setup-family-selector::before,
  .guide-hero::before,
  .social-constellation::before,
  .social-constellation::after,
  .command-card::before { animation:none !important; }
}

.mobile-score-row { grid-template-columns:repeat(4,1fr); }
.mobile-scenario-row { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-top:7px; }
.mobile-scenario-row span { padding:7px 8px; border:1px solid var(--line); border-radius:8px; background:rgba(255,255,255,.02); color:var(--muted); font-size:7px; text-align:center; }
.mobile-scenario-row span.likely { color:var(--amber); border-color:rgba(255,189,102,.18); background:var(--amber-soft); }
.coin-fg-cell strong { font-size:12px; }
@media (max-width:420px){.mobile-score-row{grid-template-columns:repeat(2,1fr)}}

/* ================================================================
   MYCOHR V7 · target feasibility, guided learning and icon system
   ================================================================ */

/* Physical target gate */
.target-feasibility {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  margin: 11px 0;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(255,255,255,.025), rgba(255,255,255,.012));
}
.target-feasibility.feasible {
  border-color: rgba(40,215,160,.22);
  background: linear-gradient(135deg, rgba(40,215,160,.07), rgba(85,213,233,.025));
}
.target-feasibility.blocked {
  border-color: rgba(255,101,127,.28);
  background: linear-gradient(135deg, rgba(255,101,127,.08), rgba(255,189,102,.025));
}
.target-feasibility-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: var(--green);
  background: rgba(40,215,160,.09);
  border: 1px solid rgba(40,215,160,.16);
}
.target-feasibility.blocked .target-feasibility-icon {
  color: var(--red);
  background: rgba(255,101,127,.09);
  border-color: rgba(255,101,127,.18);
}
.target-feasibility-icon svg { width: 21px; height: 21px; }
.target-feasibility span,
.target-feasibility strong,
.target-feasibility p,
.target-feasibility small,
.target-feasibility b { display: block; }
.target-feasibility span { color: var(--muted-2); font-size: 7px; text-transform: uppercase; letter-spacing: .08em; }
.target-feasibility strong { margin-top: 4px; font-size: 11px; }
.target-feasibility p { margin: 5px 0 0; color: var(--muted); font-size: 8px; line-height: 1.5; }
.target-feasibility-metric { text-align: right; min-width: 120px; }
.target-feasibility-metric small { color: var(--muted-2); font-size: 7px; }
.target-feasibility-metric b { margin-top: 5px; font-size: 15px; }
.level-card.target.blocked { border: 1px solid rgba(255,101,127,.2); background: rgba(255,101,127,.06); }
.level-card.target.blocked strong { color: var(--red); font-size: 10px; }
.scenario-chip.feasibility { margin-left: 5px; }
.scenario-chip.feasibility.feasible { color: var(--green); background: var(--green-soft); }
.scenario-chip.feasibility.blocked { color: var(--red); background: var(--red-soft); }
.calculator-blocked { grid-column: 1 / -1; padding: 14px !important; border: 1px solid rgba(255,101,127,.22); background: rgba(255,101,127,.06) !important; }
.calculator-blocked span,
.calculator-blocked strong,
.calculator-blocked small { display: block; }
.calculator-blocked span { color: var(--red); font-size: 7px; text-transform: uppercase; }
.calculator-blocked strong { margin-top: 6px; font-size: 12px; }
.calculator-blocked small { margin-top: 5px; color: var(--muted); line-height: 1.5; }

/* Beginner guide hero and visual manual */
.guide-hero-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
.guide-hero-actions button { min-height: 46px; display: inline-flex; align-items: center; gap: 8px; }
.guide-hero-actions svg { width: 18px; height: 18px; }
.learn-zero-button {
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 45px rgba(153,119,255,.18);
}
.learn-zero-button::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-120%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  animation: learnButtonSweep 3.8s ease-in-out infinite;
}
@keyframes learnButtonSweep { 55%,100% { transform: translateX(130%); } }

.guide-visual-manual {
  margin: 12px 0;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background:
    radial-gradient(circle at 90% 0, rgba(85,213,233,.08), transparent 32%),
    linear-gradient(145deg, rgba(15,22,34,.97), rgba(8,13,21,.98));
  box-shadow: var(--shadow);
}
.visual-guide-heading { margin-bottom: 14px; }
.guide-shot-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.guide-shot-card {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(230px, .8fr);
  gap: 16px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: rgba(255,255,255,.018);
  overflow: hidden;
}
.guide-shot-image {
  min-height: 240px;
  border-radius: 13px;
  overflow: hidden;
  background: #070b12;
  border: 1px solid rgba(255,255,255,.06);
}
.guide-shot-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 240px;
  object-fit: cover;
  object-position: top center;
}
.guide-shot-copy span { color: var(--violet-2); font-size: 7px; font-weight: 900; letter-spacing: .1em; }
.guide-shot-copy h3 { margin: 8px 0; font-size: 18px; }
.guide-shot-copy p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.7; }
.guide-shot-copy b { color: var(--text-soft); }
.guide-card { padding-top: 58px; }
.guide-card-icon {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: var(--cyan);
  background: rgba(85,213,233,.07);
  border: 1px solid rgba(85,213,233,.12);
}
.guide-card-icon svg { width: 18px; height: 18px; }

/* Recognizable social logos, redesigned to match the interface */
.social-icon svg { width: 31px; height: 31px; }
.facebook-logo { color: #7ea2ff; background: linear-gradient(145deg, rgba(70,116,255,.22), rgba(70,116,255,.08)); }
.facebook-logo svg { fill: currentColor; stroke: none; }
.instagram-logo {
  color: #ffb1e0;
  background: linear-gradient(145deg, rgba(252,82,151,.2), rgba(124,69,255,.13));
}
.instagram-logo svg { fill: none; stroke: currentColor; stroke-width: 1.8; }
.instagram-logo .instagram-dot { fill: currentColor; stroke: none; }
.social-card::after {
  content: "";
  position: absolute;
  width: 230px;
  height: 230px;
  right: -90px;
  bottom: -120px;
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 50%;
  box-shadow: 0 0 0 28px rgba(255,255,255,.015), 0 0 0 56px rgba(255,255,255,.01);
  pointer-events: none;
}

/* Interactive beginner tour */
.tour-scrim {
  position: fixed;
  inset: 0;
  z-index: 150;
  opacity: 0;
  pointer-events: none;
  background: rgba(2,5,10,.72);
  backdrop-filter: blur(2px);
  transition: opacity .2s ease;
}
.tour-scrim.open { opacity: 1; pointer-events: auto; }
.tour-focus-ring {
  position: fixed;
  z-index: 152;
  opacity: 0;
  pointer-events: none;
  border: 2px solid rgba(85,213,233,.95);
  border-radius: 18px;
  box-shadow:
    0 0 0 6px rgba(85,213,233,.08),
    0 0 35px rgba(85,213,233,.38),
    inset 0 0 22px rgba(153,119,255,.07);
  transition: left .28s ease, top .28s ease, width .28s ease, height .28s ease, opacity .2s ease;
}
.tour-focus-ring.open { opacity: 1; }
.tour-focus-ring::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  transform: translateX(-110%);
  animation: tourScan 2.4s ease-in-out infinite;
  mix-blend-mode: screen;
}
@keyframes tourScan { 60%,100% { transform: translateX(110%); } }
.guided-tour-card {
  position: fixed;
  z-index: 155;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, calc(env(safe-area-inset-bottom) + 12px));
  width: min(440px, calc(100vw - 36px));
  max-height: min(720px, calc(100dvh - 36px));
  display: flex;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transform: translateY(18px) scale(.98);
  border: 1px solid rgba(153,119,255,.28);
  border-radius: 22px;
  background:
    radial-gradient(circle at 90% 0, rgba(85,213,233,.11), transparent 34%),
    radial-gradient(circle at 0 100%, rgba(153,119,255,.13), transparent 38%),
    rgba(7,12,20,.985);
  box-shadow: 0 35px 110px rgba(0,0,0,.62), 0 0 50px rgba(153,119,255,.12);
  overflow: hidden;
  transition: opacity .2s ease, transform .22s ease;
}
.guided-tour-card.open { opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }
.tour-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 16px 17px;
  border-bottom: 1px solid var(--line);
}
.tour-card-header h2 { margin: 5px 0 0; font-size: 20px; }
.tour-card-body { padding: 14px 17px; overflow-y: auto; }
.tour-image-wrap {
  height: 176px;
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
  background: #05080e;
}
.tour-image-wrap img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: top center; }
.tour-card-body > p { margin: 13px 0; color: var(--text-soft); font-size: 10px; line-height: 1.65; }
.tour-why { padding: 11px; border-radius: 11px; background: rgba(153,119,255,.07); border: 1px solid rgba(153,119,255,.12); }
.tour-why span { color: var(--violet-2); font-size: 7px; font-weight: 900; letter-spacing: .09em; }
.tour-why p { margin: 5px 0 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
.tour-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 17px; border-top: 1px solid var(--line); }
.tour-buttons { display: flex; gap: 7px; }
.tour-dots { display: flex; flex-wrap: wrap; gap: 4px; max-width: 150px; }
.tour-dots i { width: 7px; height: 7px; border-radius: 99px; background: rgba(255,255,255,.09); transition: .2s; }
.tour-dots i.complete { background: rgba(40,215,160,.45); }
.tour-dots i.active { width: 18px; background: linear-gradient(90deg, var(--violet), var(--cyan)); box-shadow: 0 0 12px rgba(85,213,233,.28); }
body.tour-active { overflow-x: hidden; }

/* Laptop / tablet / phone refinements */
@media (max-width: 1180px) {
  .guide-shot-card { grid-template-columns: 1fr; }
  .guide-shot-image { min-height: 300px; }
  .guide-shot-image img { min-height: 300px; }
}
@media (max-width: 760px) {
  .target-feasibility { grid-template-columns: auto 1fr; }
  .target-feasibility-metric { grid-column: 1 / -1; text-align: left; padding-left: 55px; }
  .guide-hero-actions { display: grid; grid-template-columns: 1fr; }
  .guide-hero-actions button { width: 100%; justify-content: center; }
  .guide-visual-manual { padding: 13px; }
  .guide-shot-grid { grid-template-columns: 1fr; }
  .guide-shot-card { padding: 8px; gap: 11px; }
  .guide-shot-image, .guide-shot-image img { min-height: 220px; }
  .guided-tour-card {
    left: 8px;
    right: 8px;
    bottom: max(8px, calc(env(safe-area-inset-bottom) + 8px));
    width: auto;
    max-height: min(78dvh, 680px);
    border-radius: 18px;
  }
  .tour-image-wrap { height: 132px; }
  .tour-card-header { padding: 13px 14px; }
  .tour-card-header h2 { font-size: 17px; }
  .tour-card-body { padding: 12px 14px; }
  .tour-card-footer { padding: 11px 14px; }
  .tour-buttons button { min-height: 38px; padding-inline: 12px; }
  .tour-focus-ring { border-radius: 13px; }
}
@media (max-width: 430px) {
  .guide-shot-image, .guide-shot-image img { min-height: 190px; }
  .tour-dots { max-width: 90px; }
  .tour-card-footer { align-items: flex-end; }
  .target-feasibility-metric { padding-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .learn-zero-button::after,
  .tour-focus-ring::after { animation: none !important; }
  .tour-focus-ring,
  .guided-tour-card { transition: none !important; }
}