:root {
  --bg: #0b1020;
  --panel: rgba(17, 24, 39, 0.84);
  --line: rgba(255,255,255,0.08);
  --text: #f4f7fb;
  --muted: #9aa8bc;
  --accent: #7dd3fc;
  --accent-2: #60a5fa;
  --good: #22c55e;
  --bad: #f43f5e;
  --warn: #f59e0b;
  --shadow: 0 20px 60px rgba(0,0,0,0.35);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background:
    radial-gradient(1200px 500px at 10% -10%, rgba(96,165,250,0.22), transparent 60%),
    radial-gradient(800px 600px at 100% 0%, rgba(34,197,94,0.12), transparent 60%),
    var(--bg);
  color: var(--text);
  font-family: Inter, system-ui, sans-serif;
}
a { color: inherit; text-decoration: none; }
.shell { width: min(1320px, calc(100% - 40px)); margin: 0 auto; }
.page { padding-bottom: 40px; }
.footer { color: var(--muted); padding: 18px 0 28px; text-align: center; font-size: .88rem; }
.topbar { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; padding:24px 0 16px; }
.brand { font-size:1.45rem; font-weight:800; letter-spacing:-.03em; }
.subtitle { color:var(--muted); margin-top:6px; max-width:720px; }
.topbar-right { display:flex; gap:18px; flex-wrap:wrap; align-items:center; justify-content:flex-end; }
.quick-nav { display:flex; gap:8px; flex-wrap:wrap; }
.quick-nav a, .lang-pill {
  color:#dbeafe; background:rgba(255,255,255,.04); border:1px solid var(--line);
  padding:10px 12px; border-radius:14px; font-size:.9rem; cursor:pointer;
}
.lang-tabs { display:flex; gap:6px; flex-wrap:wrap; }
.lang-pill.active { background:linear-gradient(135deg, rgba(125,211,252,.18), rgba(96,165,250,.14)); border-color: rgba(125,211,252,.35); color:#fff; }
.global-search { display:flex; gap:8px; align-items:center; }
.global-search input { width:170px; }
.live-box {
  display:grid; gap:3px; padding:10px 12px; border-radius:16px; background:rgba(255,255,255,.04);
  border:1px solid var(--line); min-width:200px;
}
.live-dot { width:10px; height:10px; background:var(--good); border-radius:50%; display:inline-block; margin-right:8px; box-shadow:0 0 10px rgba(34,197,94,.6); }
.card, .glass { background:var(--panel); border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow); backdrop-filter:blur(10px); }
.card { padding:18px; }
.compact-panel { padding:16px; }
.toolbar { padding:16px; display:grid; gap:12px; }
.toolbar-compact { max-width:460px; justify-self:end; }
.toolbar-row.two-col { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.toolbar-subrow { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; }
label { display:grid; gap:8px; color:var(--muted); font-size:.92rem; }
input, select {
  width:100%; border:1px solid var(--line); background:#142038; color:var(--text);
  border-radius:14px; padding:12px 14px; outline:none; font:inherit;
}
select option { color:var(--text); background:#142038; }
.btn {
  display:inline-flex; justify-content:center; align-items:center; gap:8px; border:0; border-radius:14px;
  padding:12px 15px; font-weight:700; background:linear-gradient(135deg, var(--accent), var(--accent-2)); color:#05111b; cursor:pointer;
}
.btn-small { padding:10px 12px; font-size:.9rem; }
.btn-soft, .btn-link {
  background:rgba(255,255,255,.07); color:var(--text); border:1px solid var(--line);
}
.btn-link { padding:10px 12px; font-size:.9rem; }
.back-link { margin-bottom:12px; display:inline-flex; }
.hero { display:grid; grid-template-columns: minmax(0, 1.45fr) minmax(320px, .95fr); gap:18px; align-items:start; margin-bottom:18px; }
.hero-tight h1 { font-size: clamp(2rem, 4vw, 3rem); line-height:1.02; margin:8px 0 10px; letter-spacing:-.05em; }
.hero-copy { color:#c4d0df; max-width:760px; font-size:1rem; line-height:1.65; }
.eyebrow { display:inline-block; color:var(--accent); font-weight:700; letter-spacing:.04em; text-transform:uppercase; font-size:.8rem; }
.pill-row { display:flex; flex-wrap:wrap; gap:8px; }
.hero-pills { margin-top:14px; }
.pill, .impact { display:inline-flex; align-items:center; gap:6px; padding:8px 12px; border-radius:999px; border:1px solid var(--line); background:rgba(255,255,255,.05); font-size:.88rem; }
.pill-soft { background:rgba(255,255,255,.04); }
.impact-high { color:#fecaca; background:rgba(244,63,94,.14); }
.impact-medium { color:#fde68a; background:rgba(245,158,11,.14); }
.impact-low { color:#bbf7d0; background:rgba(34,197,94,.12); }
.cards-4, .overview-grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:14px; margin-bottom:16px; }
.metric-card { min-height:120px; }
.compact-metric { padding:16px; }
.metric-label { color:var(--muted); font-size:.85rem; margin-bottom:8px; }
.metric-value { font-size:1.45rem; font-weight:800; letter-spacing:-.03em; }
.metric-value.small { font-size:1.05rem; }
.metric-value.medium { font-size:1.18rem; line-height:1.35; }
.metric-copy, .muted, .tiny { color:var(--muted); }
.muted { line-height:1.55; }
.tiny { font-size:.82rem; }
.utility-row { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:14px; margin-bottom:16px; }
.utility-card { padding:16px; min-height:0; }
.compact-head { margin-bottom:10px; }
.card-title { font-size:1.02rem; font-weight:700; letter-spacing:-.02em; }
.section-head { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.mini-metrics { display:grid; gap:10px; }
.two-up { grid-template-columns: repeat(2, minmax(0,1fr)); }
.compact-mini-metrics { gap:8px; }
.pressure-headline { margin-bottom:10px; }
.stretch-list { display:grid; gap:8px; }
.compact-stretch-list { gap:8px; }
.stretch-row { display:grid; grid-template-columns: 1fr auto auto; gap:8px; align-items:center; }
.score-inline { margin-top:0; }
.details-card summary { list-style:none; display:flex; justify-content:space-between; align-items:center; cursor:pointer; }
.details-card summary::-webkit-details-marker { display:none; }
.risk-collapsed[open] summary { margin-bottom:12px; }
.compact-risk-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.risk-results { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:10px; }
.grid-2 { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; margin-bottom:16px; }
.grid-3 { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; margin-bottom:16px; }
.stack { display:grid; gap:12px; }
.compact-stack { gap:10px; }
.opportunity-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 16px; border-radius:18px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.05); }
.compact-row { padding:11px 13px; }
.opportunity-row:hover { background:rgba(255,255,255,.06); }
.symbol { font-weight:700; letter-spacing:-.02em; }
.badge { display:inline-flex; align-items:center; justify-content:center; padding:7px 12px; border-radius:999px; font-size:.8rem; font-weight:700; text-transform:none; white-space:nowrap; line-height:1.1; border:1px solid transparent; }
.badge-bullish { background:rgba(34,197,94,.14); color:#bbf7d0; border-color:rgba(34,197,94,.18); }
.badge-bearish { background:rgba(244,63,94,.14); color:#fecdd3; border-color:rgba(244,63,94,.18); }
.badge-neutral { background:rgba(148,163,184,.14); color:#e2e8f0; border-color:rgba(148,163,184,.18); }
.badge-status-watch { background:rgba(148,163,184,.14); color:#e2e8f0; border-color:rgba(148,163,184,.18); }
.badge-status-forming { background:rgba(245,158,11,.14); color:#fde68a; border-color:rgba(245,158,11,.18); }
.badge-status-near-confirmation { background:rgba(96,165,250,.14); color:#bfdbfe; border-color:rgba(96,165,250,.18); }
.badge-status-confirmed { background:rgba(34,197,94,.14); color:#bbf7d0; border-color:rgba(34,197,94,.18); }
.badge-status-avoid { background:rgba(244,63,94,.14); color:#fecdd3; border-color:rgba(244,63,94,.18); }
.score { color:#dbeafe; font-weight:800; margin-top:6px; text-align:right; }
.align-right { text-align:right; }
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; }
th, td { padding:12px 10px; border-bottom:1px solid rgba(255,255,255,.06); text-align:left; vertical-align:top; }
th { color:var(--muted); font-size:.84rem; font-weight:600; }
td { font-size:.93rem; }
.news-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; }
.compact-news-grid { grid-template-columns:repeat(3, minmax(0,1fr)); }
.news-card { padding:15px; border-radius:18px; background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)); border:1px solid rgba(255,255,255,.06); min-height:220px; display:grid; gap:10px; }
.compact-news-card { min-height:0; }
.news-card h3 { margin:4px 0 0; font-size:.98rem; line-height:1.35; }
.news-card p { color:#d2dbe7; line-height:1.5; margin:0; }
.news-preview { color:#9fb0c7; line-height:1.5; font-size:.92rem; }
.news-topline, .news-footer { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; }
.news-footer a { color:var(--accent); font-weight:600; }
.insight-row { padding:12px 0; border-bottom:1px solid rgba(255,255,255,.06); }
.compact-insight-row { padding:8px 0; }
.insight-row:last-child { border-bottom:0; }
.insight-title { font-weight:700; margin-bottom:6px; }
.clean-list { margin:0; padding-left:18px; color:#d7e0ea; }
.asset-header { display:flex; justify-content:space-between; align-items:end; gap:14px; margin-bottom:16px; }
.asset-title { font-size:1.9rem; font-weight:800; letter-spacing:-.04em; }
.prob-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:10px; margin-bottom:12px; }
.prob-card { padding:12px; border-radius:16px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.05); }
.chart-card { padding-bottom:14px; }
.compact-chart-box { width:100%; height:340px; }
.checkbox-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; max-height:126px; overflow-y:auto; padding-right:2px; }
.check-chip input { display:none; }
.check-chip span { display:inline-flex; width:100%; justify-content:center; align-items:center; min-height:38px; border-radius:12px; padding:0 10px; border:1px solid var(--line); background:rgba(255,255,255,.04); color:#dbeafe; font-size:.88rem; }
.check-chip input:checked + span { background:linear-gradient(135deg, rgba(125,211,252,.18), rgba(96,165,250,.14)); border-color:rgba(125,211,252,.35); color:#fff; }
@media (max-width: 1180px) {
  .hero, .cards-4, .utility-row, .grid-2, .grid-3, .news-grid, .compact-news-grid { grid-template-columns:1fr; }
  .toolbar-compact { max-width:none; justify-self:stretch; }
}
@media (max-width: 760px) {
  .shell { width:min(100% - 20px, 1320px); }
  .topbar, .asset-header, .topbar-right { flex-direction:column; align-items:flex-start; }
  .toolbar-row.two-col, .compact-risk-grid, .risk-results, .two-up, .checkbox-grid, .prob-grid { grid-template-columns:1fr; }
  .global-search { width:100%; }
  .global-search input { width:100%; }
  .compact-chart-box { height:300px; }
}


.flash-stack{display:grid;gap:10px;margin:0 0 14px;}
.flash{padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);}
.flash-warning{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.26);color:#fde68a;}
.inline-flash{margin-bottom:10px;}
.compact-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;}
.asset-title-compact{font-size:1.28rem;font-weight:800;letter-spacing:-.03em;margin-top:4px;}
.compact-subtitle{max-width:700px;}
.timeframe-card-wide{grid-column:span 1;}
.tf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-top:10px;}
.tf-mini-card{padding:12px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);display:grid;gap:8px;}
.tf-mini-top{display:flex;justify-content:space-between;align-items:center;gap:8px;}
.tf-score{text-align:left;margin-top:0;}
.compact-detail-grid{align-items:start;}
.widgets-row{align-items:start;}
.news-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}
.compact-news-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));}
.grid-2{align-items:start;}



/* premium update */
body { overflow-x: hidden; }
.ticker-tape-wrap {
  overflow: hidden;
  margin-top: 18px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,.04);
}
.ticker-tape {
  display: flex;
  gap: 10px;
  width: max-content;
  padding: 12px 10px;
  animation: tape-slide 34s linear infinite;
}
.ticker-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.06);
}
.ticker-move.up { color: #86efac; }
.ticker-move.down { color: #fda4af; }

.assistant-card { min-height: 100%; }
.assistant-questions { display:flex; flex-wrap:wrap; gap:8px; margin: 10px 0 14px; }
.assistant-question {
  border:1px solid var(--line);
  background: rgba(255,255,255,.04);
  color: var(--text);
  padding: 10px 12px;
  border-radius: 12px;
  cursor: pointer;
  font: inherit;
}
.assistant-question.active {
  background: linear-gradient(135deg, rgba(125,211,252,.18), rgba(96,165,250,.14));
  border-color: rgba(125,211,252,.35);
}
.assistant-output {
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
  color: #dbeafe;
  line-height: 1.6;
  margin-bottom: 12px;
}

.signal-grid {
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:14px;
}
.signal-card {
  display:grid;
  gap:10px;
  padding:16px;
  border-radius:20px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.06);
}
.signal-card-top, .signal-card-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.signal-strength {
  font-weight:700;
  letter-spacing:-.02em;
  color:#dbeafe;
}
.signal-mini-list { gap:8px; }
.signal-mini-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.05);
}

.radar-grid {
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:14px;
}
.radar-card {
  display:grid;
  gap:12px;
  padding:16px;
  border-radius:20px;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.06);
}
.radar-card-top, .radar-card-bottom {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.radar-pills { gap:6px; }
.radar-probs {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  color:#dbeafe;
  font-size:.9rem;
}
.radar-trigger { line-height:1.55; }

.tf-grid-horizontal {
  display:flex;
  gap:10px;
  overflow-x:auto;
  grid-template-columns:none;
  padding-bottom:4px;
  scroll-snap-type: x proximity;
}
.tf-grid-horizontal .tf-mini-card {
  min-width: 190px;
  flex: 0 0 190px;
  scroll-snap-align: start;
}

.compact-detail-widgets { align-items: stretch; }
.chart-card { margin-bottom: 16px; }
.compact-chart-box { width:100%; min-height:360px; }
.signal-utility .signal-mini-row .badge { min-width: 94px; justify-content:center; }

@keyframes tape-slide {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@media (max-width: 1180px) {
  .signal-grid, .radar-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 760px) {
  .signal-grid, .radar-grid, .overview-grid, .cards-4, .utility-row, .grid-2, .grid-3 { grid-template-columns:1fr; }
  .ticker-tape { animation-duration: 24s; }
  .ticker-chip { padding: 9px 12px; }
  .assistant-questions { flex-direction: column; }
  .assistant-question { width: 100%; text-align:left; }
  .compact-chart-box { min-height:280px; }
  .tf-grid-horizontal .tf-mini-card { min-width: 82vw; flex-basis: 82vw; }
}


.live-box-right { margin-left: auto; }
.compact-live-box { min-width: 220px; align-self: flex-start; }
.panel-scroll-patterns { max-height: 320px; overflow-y: auto; padding-right: 4px; }


/* asset detail cleanup */
.back-link-tight { margin-top: 0; margin-bottom: 10px; }
.asset-header-tight { margin-bottom: 12px; align-items: flex-start; }
.asset-pills-tight { justify-content: flex-end; max-width: 48%; }
.asset-overview-tight .metric-card { min-height: 104px; }
.asset-main-grid, .asset-bottom-grid { margin-bottom: 14px; }
.asset-widgets-tight .compact-card { min-height: 0; }
.compact-page-head { margin-bottom: 12px; }
.panel-scroll-soft {
  max-height: 320px;
  overflow-y: auto;
  padding-right: 4px;
}
.panel-scroll-vertical {
  max-height: 276px;
  overflow-y: auto;
  padding-right: 4px;
}
.compact-pattern-row { padding: 10px 12px; }
.panel-scroll-patterns .opportunity-row,
.panel-scroll-soft .opportunity-row { margin-bottom: 0; }
.panel-scroll-patterns::-webkit-scrollbar,
.panel-scroll-soft::-webkit-scrollbar,
.tf-grid-horizontal::-webkit-scrollbar { width: 8px; height: 8px; }
.panel-scroll-patterns::-webkit-scrollbar-thumb,
.panel-scroll-soft::-webkit-scrollbar-thumb,
.tf-grid-horizontal::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.14);
  border-radius: 999px;
}
@media (max-width: 980px) {
  .asset-pills-tight { max-width: 100%; justify-content: flex-start; }
}
@media (max-width: 760px) {
  .back-link-tight { margin-bottom: 8px; }
  .panel-scroll-vertical, .panel-scroll-soft { max-height: 260px; }
}


/* asset detail topbar + back button */
.detail-meta-slot {
  display: flex;
  flex: 1 0 100%;
  justify-content: flex-end;
  margin-top: 2px;
}
.compact-live-box {
  min-width: 220px;
  align-self: flex-start;
  margin-left: auto;
}
.back-link-accent {
  color: #05111b;
}
@media (max-width: 760px) {
  .detail-meta-slot {
    width: 100%;
    justify-content: flex-end;
  }
  .compact-live-box {
    min-width: 100%;
  }
}

.topbar-actions-secondary{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.modal-open{overflow:hidden;}
.modal-overlay{position:fixed;inset:0;background:rgba(2,6,23,.72);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;}
.modal-card{width:min(680px,100%);max-height:min(82vh,760px);overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);backdrop-filter:blur(10px);padding:18px;}
.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;}
.modal-close{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);border-radius:12px;padding:8px 12px;cursor:pointer;font:inherit;}
.modal-body{display:grid;gap:12px;}
.support-row{display:grid;gap:8px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);}
.support-row-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;}
.support-address{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;color:#dbeafe;}
.support-link-row{text-decoration:none;}
.pattern-stack-scroll{max-height:360px;overflow-y:auto;padding-right:4px;}
.back-link{margin-bottom:10px;}
@media (max-width:760px){
  .topbar-actions-secondary{width:100%;}
  .topbar-actions-secondary .btn{flex:1 1 0;}
  .modal-card{padding:14px;}
  .support-row-top{align-items:flex-start;}
}

body[data-max-symbols] {}
.brand-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.plan-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.76rem;font-weight:800;letter-spacing:.02em;border:1px solid var(--line);}
.plan-pill-basic{background:rgba(255,255,255,.06);color:#dbeafe;}
.plan-pill-pro{background:rgba(125,211,252,.16);color:#fff;border-color:rgba(125,211,252,.35);}
.account-mini{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 12px;color:var(--muted);font-size:.86rem;}
.account-mini a{color:#dbeafe;}
.pill-basic-preview{background:rgba(96,165,250,.14);color:#dbeafe;border-color:rgba(96,165,250,.24);}
.toolbar-note{margin-top:10px;color:#d2dbe7;line-height:1.5;font-size:.9rem;}
.utility-row-two{grid-template-columns:repeat(2,minmax(0,1fr));}
.ai-desk-scroll{max-height:290px;overflow-y:auto;padding-right:4px;}
.section-cta-note{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:.9rem;line-height:1.55;}
.detail-upgrade-banner{margin:0 0 16px;padding:12px 14px;border-radius:16px;border:1px solid rgba(96,165,250,.2);background:rgba(96,165,250,.08);color:#dbeafe;}
.detail-lower-grid{margin-top:8px;}
.detail-scroll-card{min-height:0;}
.detail-scroll-body{max-height:260px;overflow-y:auto;padding-right:4px;}
.locked-preview-card{display:grid;gap:12px;padding:16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);min-height:0;}
.tall-lock-card{height:100%;align-content:start;}
.compact-lock-list{margin:0;padding-left:18px;display:grid;gap:6px;}
.modal-overlay[hidden]{display:none !important;}
.modal-card-wide{width:min(780px,100%);}
.modal-steps{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px;}
.modal-step{padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted);font-size:.82rem;font-weight:700;}
.modal-step.active{background:rgba(125,211,252,.16);border-color:rgba(125,211,252,.34);color:#fff;}
.plan-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.plan-card{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);min-height:100%;}
.plan-card-accent{background:linear-gradient(180deg, rgba(125,211,252,.12), rgba(255,255,255,.03));border-color:rgba(125,211,252,.24);}
.plan-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-height:56px;}
.plan-list{display:grid;gap:10px;grid-auto-rows:minmax(64px,auto);flex:1 1 auto;}
.plan-line{display:flex;align-items:center;padding:0 16px;min-height:64px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05);font-size:1rem;line-height:1.35;}
.modal-actions{display:flex;gap:10px;align-items:center;}
.modal-actions.end{justify-content:flex-end;}
.modal-actions.between{justify-content:space-between;}
.payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.payment-box{padding:12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);}
.payment-textarea{width:100%;min-height:92px;border:1px solid var(--line);background:#142038;color:var(--text);border-radius:14px;padding:12px 14px;outline:none;font:inherit;resize:none;}
.modal-inline-message{min-height:22px;font-size:.92rem;color:var(--muted);}
.modal-inline-message.error{color:#fecdd3;}
.modal-inline-message.success{color:#bbf7d0;}
.support-row{display:grid;gap:8px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);}
.support-row-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;}
@media (max-width:1180px){
  .utility-row-two,.plan-compare-grid,.payment-grid{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .account-mini{margin-top:8px;}
  .ai-desk-scroll,.detail-scroll-body,.pattern-stack-scroll{max-height:220px;}
}

.product-about-panel{margin-top:18px;}
.product-about-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr);gap:16px;align-items:start;}
.product-about-lead{margin:0 0 12px;max-width:none;}
.product-about-copy .clean-list{margin-top:0;}
.compact-plan-list{display:grid;gap:8px;}
@media (max-width:980px){
  .product-about-grid{grid-template-columns:1fr;}
}

/* polished basic/pro flow */
.brand-row-clean{gap:12px;flex-wrap:nowrap;}
.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.basic-toolbar-lower{margin-top:18px}
.filter-card-offset{margin-top:6px}
.product-about-panel .section-head{margin-bottom:14px}
.product-about-panel .hero-copy{max-width:none}
.product-compare-grid{margin-top:12px}
.plan-compare-grid-clean .plan-card,.product-compare-grid .plan-card{min-height:100%}
.modal-actions-sticky-right{margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}
.plan-card-footer{display:flex;align-items:flex-end;justify-content:flex-end;min-height:78px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);}
.plan-card-footer-spacer{pointer-events:none;}
.plan-card-footer-spacer::after{content:"";display:block;width:148px;height:48px;}
.plan-card-footer .btn{min-width:148px;justify-content:center;}
.payment-modal-card{width:min(720px,100%)}
.payment-modal-body{gap:14px}
.payment-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.payment-instruction-card{display:grid;gap:10px;padding:14px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.payment-address-row{display:flex;gap:8px;align-items:center}
.payment-address-row input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.payment-address-row .btn-small{white-space:nowrap}
#payment-tx-hash-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.payment-help-copy{line-height:1.6}
.payment-modal-actions{padding-top:6px}
.register-modal-card{width:min(560px,100%)}
.back-link-accent{color:#05111b;display:inline-flex}
.detail-plan-compare-grid{margin-top:0}
.basic-upgrade-compare-panel{margin-top:16px}

/* clean up old preview look */
.pill-basic-preview{display:none}

@media (max-width:1180px){
  .payment-summary-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .brand-row-clean{flex-wrap:wrap}
  .basic-toolbar-lower{margin-top:10px}
}


.toolbar-note-strong{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);}
.plan-list{display:grid;grid-auto-rows:minmax(52px,auto);gap:8px;margin-top:6px;}
.plan-line{display:flex;align-items:flex-start;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);line-height:1.4;}
.plan-card-top{margin-bottom:8px;}
.payment-box{min-height:92px;display:flex;flex-direction:column;justify-content:flex-start;}
.signal-board-upgrade{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);}
.filter-card-offset{margin-top:10px}
.toolbar.basic-toolbar-lower{margin-top:10px}
#symbols-grid{align-content:start}
.detail-upgrade-banner{margin:12px 0 0;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:var(--muted);}
.inline-flash{margin-bottom:10px;}
@media (max-width:760px){
  .plan-list{grid-auto-rows:auto}
}


.signal-board-panel{margin-bottom:18px;}
.radar-panel{margin-top:6px;border-top:1px solid rgba(255,255,255,.06);padding-top:20px;}
.payment-help-copy{white-space:normal;}


/* final polish */
.brand{white-space:nowrap;}
.quick-nav,.lang-tabs{scrollbar-width:none;}
.quick-nav::-webkit-scrollbar,.lang-tabs::-webkit-scrollbar{display:none;}
.badge{text-transform:none;}
.badge-status-watch,.badge-status-forming,.badge-status-near-confirmation,.badge-status-confirmed,.badge-status-avoid{min-width:176px;}
.plan-card-footer{display:flex;align-items:flex-end;justify-content:flex-end;}
.detail-lower-grid{gap:26px;}
.detail-upgrade-banner{display:none;}
.table-wrap table{min-width:100%;}

@media (max-width:980px){
  .topbar-right{width:100%;gap:12px;}
  .quick-nav,.lang-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;}
  .quick-nav a,.lang-pill{flex:0 0 auto;}
  .global-search{width:100%;}
  .global-search input{width:100%;min-width:0;}
  .live-box,.compact-live-box{width:100%;min-width:0;}
  .pill-row{row-gap:10px;}
}

@media (max-width:760px){
  .page{padding-bottom:28px;}
  .topbar{padding:18px 0 12px;}
  .brand-logo{width:18px;height:18px;}
  .brand{font-size:1.22rem;}
  .subtitle{font-size:1.05rem;line-height:1.28;max-width:260px;}
  .hero-copy,.muted{line-height:1.48;}
  .toolbar,.card,.compact-panel,.modal-card{border-radius:20px;}
  .modal-overlay{padding:10px;}
  .modal-card{width:min(100%, 720px);max-height:min(92vh, 920px);padding:16px;}
  .plan-card{padding:16px;}
  .plan-card-top{min-height:0;margin-bottom:4px;}
  .plan-card-footer{min-height:56px;padding-top:12px;}
  .plan-card-footer .btn{width:100%;}
  .plan-line{min-height:56px;padding:11px 13px;border-radius:16px;}
  .badge{min-width:auto;padding:8px 12px;font-size:.78rem;}
  .opportunity-row,.signal-card,.radar-card,.news-card{padding:13px 14px;}
  .detail-lower-grid{gap:18px;}
  .asset-header{gap:10px;}
  .table-wrap{overflow:visible;}
  .table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%;}
  .table-wrap thead{display:none;}
  .table-wrap tbody{display:grid;gap:12px;}
  .table-wrap tr{padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:rgba(255,255,255,.03);}
  .table-wrap td{border-bottom:0;padding:0 0 10px;}
  .table-wrap td:last-child{padding-bottom:0;}
  .table-wrap td::before{content:attr(data-label);display:block;margin-bottom:6px;color:var(--muted);font-size:.78rem;font-weight:600;}
  .table-wrap td[data-label=""]::before{display:none;}
  .table-wrap td .btn{width:100%;}
}


.brand-logo{display:block;width:18px;height:18px;object-fit:contain;}
.status-col,.status-cell{width:196px;}
.status-cell .badge{min-width:176px;}
.product-about-panel .section-head{margin-bottom:12px;}
.product-about-panel .hero-copy{max-width:none;}
.plan-compare-grid{align-items:stretch;}
.plan-compare-grid-clean,.product-compare-grid{align-items:stretch;}
.basic-upgrade-compare-panel .plan-card,.product-about-panel .plan-card,.modal-card .plan-card{height:100%;}

@media (max-width:980px){
  .status-col,.status-cell{width:auto;}
}

@media (max-width:760px){
  .plan-card{padding:16px;}
  .plan-card-top{min-height:0;margin-bottom:2px;}
  .plan-list{grid-auto-rows:minmax(58px,auto);gap:8px;}
  .plan-line{min-height:58px;padding:0 14px;border-radius:16px;font-size:.96rem;}
  .plan-card-footer{min-height:64px;padding-top:12px;}
  .plan-card-footer .btn{width:100%;min-width:0;}
  .plan-card-footer-spacer::after{width:100%;height:44px;}
  .status-cell .badge{min-width:0;}
  .detail-lower-grid{gap:20px;}
  .topbar-right{align-items:stretch;}
  .topbar-actions-secondary{width:100%;display:grid;grid-template-columns:1fr 1fr;}
  .topbar-actions-secondary .btn{width:100%;}
  .quick-nav a,.lang-pill{padding:10px 12px;}
}


/* compare + radar final override */
.plan-card{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);min-height:100%;}
.plan-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-height:56px;margin-bottom:6px;}
.plan-list{display:grid;gap:10px;grid-auto-rows:minmax(64px,auto);flex:1 1 auto;margin-top:0;}
.plan-line{display:flex;align-items:center;padding:0 16px;min-height:64px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);font-size:1rem;line-height:1.35;}
.plan-card-footer{display:flex;align-items:flex-end;justify-content:flex-end;min-height:78px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);}
.plan-card-footer-spacer{pointer-events:none;}
.plan-card-footer-spacer::after{content:"";display:block;width:148px;height:48px;}
.plan-card-footer .btn{min-width:148px;justify-content:center;}
.status-col,.status-cell{width:196px;}
.status-cell .badge{min-width:176px;}
.detail-lower-grid{gap:26px;}

@media (max-width:980px){
  .status-col,.status-cell{width:auto;}
}

@media (max-width:760px){
  .plan-card{padding:16px;}
  .plan-card-top{min-height:0;margin-bottom:2px;}
  .plan-list{grid-auto-rows:minmax(58px,auto);gap:8px;}
  .plan-line{min-height:58px;padding:0 14px;border-radius:16px;font-size:.96rem;}
  .plan-card-footer{min-height:64px;padding-top:12px;}
  .plan-card-footer .btn{width:100%;min-width:0;}
  .plan-card-footer-spacer::after{width:100%;height:44px;}
  .status-cell .badge{min-width:0;}
  .detail-lower-grid{gap:20px;}
}


/* premium chart and launch polish */
.chart-panel{margin-bottom:16px;}
.asset-chart{width:100%;min-height:420px;border-radius:18px;overflow:hidden;background:rgba(15,23,42,.72);border:1px solid rgba(255,255,255,.05);}
.risk-disclaimer{margin-top:6px;color:var(--muted);font-size:.78rem;line-height:1.45;}
.payment-config-warning{padding:10px 12px;border-radius:14px;background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.22);color:#fde68a;font-size:.88rem;line-height:1.45;}
.btn:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.65);}
.premium-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px;}
.premium-proof-card{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);}
.premium-proof-value{font-weight:800;letter-spacing:-.02em;margin-top:4px;}
@media (max-width:980px){.premium-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.asset-chart{min-height:360px;}}
@media (max-width:620px){.premium-proof-grid{grid-template-columns:1fr;}.asset-chart{min-height:300px;}}

/* mobile hardening for dense topbar/dashboard */
@media (max-width:620px){
  .shell{width:min(100% - 24px, 1180px);}
  .topbar{gap:14px;}
  .topbar-right{display:grid;grid-template-columns:1fr;gap:10px;}
  .brand-block{min-width:0;}
  .quick-nav{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;}
  .quick-nav a{scroll-snap-align:start;white-space:nowrap;}
  .lang-tabs{display:flex;gap:8px;overflow-x:auto;}
  .global-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;}
  .global-search input{min-height:44px;font-size:16px;}
  .topbar-actions-secondary{grid-template-columns:1fr;}
  .btn,.btn-small,.btn-link,.lang-pill{min-height:42px;}
  .asset-chart{min-height:280px;}
  .modal-card{max-width:100%;}
  .payment-address-row{display:grid;grid-template-columns:1fr;}
}

/* LiquidTrade Cold Matrix AI */
.cold-matrix-panel{margin-bottom:16px;}
.cold-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0;}
.cold-card{padding:14px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);}
.cold-columns{display:grid;grid-template-columns:1.25fr .9fr;gap:14px;margin-top:12px;}
.cold-factor{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);}
.level-pair-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.level-chip{display:flex;justify-content:space-between;gap:8px;margin-top:7px;padding:10px 11px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);font-weight:700;}
.level-chip span{color:var(--muted);font-weight:600;}
.context-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.context-chip{padding:8px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.04);font-size:.84rem;color:#dbeafe;}
.context-chip.ok{background:rgba(34,197,94,.1);color:#bbf7d0;}
.context-chip.warn{background:rgba(245,158,11,.11);color:#fde68a;}
.cold-lock{display:block;margin-top:12px;}
@media (max-width:980px){.cold-grid,.cold-columns,.level-pair-list{grid-template-columns:1fr;}}


/* full work chart */
.chart-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:12px 0 14px;}
.chart-toolbar-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.chart-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--text);font:inherit;font-size:.88rem;line-height:1;text-decoration:none;cursor:pointer;transition:.18s ease;}
.chart-chip:hover{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.06);}
.chart-chip.active{background:rgba(59,130,246,.18);border-color:rgba(96,165,250,.38);color:#dbeafe;}
.chart-help-line{margin-top:10px;color:var(--muted);}
.asset-chart{min-height:620px;}
.chart-panel:fullscreen,.chart-panel:-webkit-full-screen{padding:18px;border-radius:0;background:#0f172a;}
.chart-panel:fullscreen .asset-chart,.chart-panel:-webkit-full-screen .asset-chart{height:calc(100vh - 170px)!important;min-height:calc(100vh - 170px)!important;}
@media (max-width:980px){.asset-chart{min-height:500px;}.chart-toolbar{justify-content:flex-start;}}
@media (max-width:620px){.asset-chart{min-height:380px;}.chart-chip{padding:8px 10px;font-size:.83rem;}}


.basic-entry-modal-card{width:min(100%,480px);}
.entry-popup-copy{line-height:1.55;color:var(--text);margin-bottom:14px;}


.chart-meta-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;}
.chart-meta-pill{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);color:#dbe7f5;font-size:.82rem;line-height:1;}
.chart-toolbar{padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);}
.chart-chip{border-radius:999px;padding:8px 13px;background:rgba(15,23,42,.78);}
.chart-chip.active{background:linear-gradient(180deg, rgba(37,99,235,.34), rgba(29,78,216,.24));border-color:rgba(96,165,250,.42);color:#eff6ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);}
.asset-chart{min-height:760px;border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.24);background:linear-gradient(180deg,#0b1220 0%,#0b1220 100%);}
.chart-help-line{margin-top:12px;opacity:.92;}
@media (max-width:980px){.asset-chart{min-height:640px;}}
@media (max-width:620px){.asset-chart{min-height:500px;}.chart-meta-strip{gap:6px;}.chart-meta-pill{font-size:.77rem;padding:6px 10px;}}


.orderbook-grid{margin-top:2px;}
.orderbook-panel{overflow:hidden;}
.orderbook-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;}
.orderbook-wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.orderbook-side{border:1px solid rgba(255,255,255,.06);border-radius:18px;background:rgba(255,255,255,.025);overflow:hidden;}
.orderbook-head{padding:11px 14px;font-weight:700;letter-spacing:.01em;border-bottom:1px solid rgba(255,255,255,.06);}
.orderbook-head.asks{color:#fda4af;background:rgba(127,29,29,.18);}
.orderbook-head.bids{color:#86efac;background:rgba(20,83,45,.18);}
.orderbook-table{display:grid;}
.orderbook-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:9px 14px;font-size:.88rem;border-bottom:1px solid rgba(255,255,255,.04);}
.orderbook-row:last-child{border-bottom:0;}
.orderbook-row.ask span:first-child{color:#fda4af;}
.orderbook-row.bid span:first-child{color:#86efac;}
.orderbook-row-head{font-weight:700;color:var(--muted);background:rgba(255,255,255,.03);}
@media (max-width:760px){.orderbook-wrap{grid-template-columns:1fr;}}


/* side popup */
.side-popup{position:fixed;left:18px;bottom:18px;width:min(360px,calc(100vw - 24px));padding:16px 18px 16px;background:rgba(11,18,32,.96);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.32);z-index:1100;transform:translate3d(-120%,0,0);opacity:0;transition:transform .24s ease, opacity .24s ease;backdrop-filter:blur(10px);}
.side-popup.is-visible{transform:translate3d(0,0,0);opacity:1;}
.side-popup-close{position:absolute;top:8px;right:10px;width:32px;height:32px;border:0;background:transparent;color:#cbd5e1;font-size:1.5rem;line-height:1;cursor:pointer;border-radius:999px;}
.side-popup-close:hover{background:rgba(255,255,255,.06);color:#fff;}
.side-popup-title{font-weight:800;font-size:1rem;padding-right:28px;margin-bottom:8px;color:#f8fafc;}
.side-popup-copy{color:#cbd5e1;line-height:1.5;font-size:.92rem;margin-bottom:10px;}
.side-popup-link{display:inline-flex;align-items:center;color:#93c5fd;font-weight:700;text-decoration:none;}
.side-popup-link:hover{text-decoration:underline;}

/* mobile + performance polish */
html{-webkit-text-size-adjust:100%;}
body{overflow-x:hidden;}
img{max-width:100%;height:auto;}
.global-search input,.btn,.btn-small,.btn-link,.lang-pill,.chart-chip,input,button,select{touch-action:manipulation;}
@media (max-width:980px){
  .shell{width:min(100% - 24px, 1180px);}
  .topbar-right{display:grid;grid-template-columns:1fr;gap:10px;align-items:stretch;}
  .global-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;}
  .global-search input{min-width:0;width:100%;}
  .topbar-actions-secondary{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
  .chart-toolbar-group{width:100%;}
}
@media (max-width:760px){
  .shell{width:min(100% - 16px,1180px);}
  .topbar{padding:16px 0 10px;gap:12px;}
  .brand{font-size:1.1rem;white-space:normal;}
  .subtitle{max-width:none;font-size:.97rem;}
  .quick-nav,.lang-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;}
  .quick-nav a,.lang-pill{white-space:nowrap;}
  .topbar-actions-secondary{grid-template-columns:1fr;}
  .asset-chart{min-height:420px;}
  .chart-toolbar{padding:10px;gap:8px;}
  .chart-toolbar-group{gap:6px;}
  .chart-chip{padding:8px 11px;font-size:.81rem;}
  .chart-meta-strip{gap:6px;}
  .chart-meta-pill{font-size:.75rem;}
  .orderbook-row{grid-template-columns:.95fr .8fr .9fr;gap:8px;padding:8px 10px;font-size:.8rem;}
  .premium-proof-grid,.detail-grid,.detail-lower-grid{gap:14px;}
}
@media (max-width:520px){
  .page{padding-bottom:92px;}
  .global-search{grid-template-columns:1fr;}
  .global-search .btn-link{width:100%;}
  .chart-toolbar-group{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;}
  .chart-toolbar-group::-webkit-scrollbar{display:none;}
  .orderbook-summary{gap:6px;}
  .side-popup{left:8px;right:8px;bottom:8px;width:auto;border-radius:18px;transform:translate3d(0,140%,0);}
}


/* chart cleanup v3 */
.asset-chart{min-height:780px;border-radius:22px;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.22);background:#0b1220;}
.chart-help-line{margin-top:10px;color:var(--muted);}
.chart-meta-pill{background:rgba(15,23,42,.85);}
@media (max-width:980px){.asset-chart{min-height:620px;}}
@media (max-width:620px){.asset-chart{min-height:460px;}}


/* final chart + mobile polish */
#work-chart-panel{overflow:hidden;}
.chart-toolbar{display:grid;grid-template-columns:1fr;gap:10px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);}
.chart-toolbar-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.chart-toolbar-group-ranges{justify-content:flex-start;}
.chart-toolbar-group-toggles{justify-content:flex-start;}
.chart-chip{min-height:38px;padding:8px 13px;border-radius:999px;}
.chart-meta-strip{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px;}
.chart-meta-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(15,23,42,.84);border:1px solid rgba(255,255,255,.06);font-size:.8rem;}
.asset-chart{width:100%;min-height:760px;background:#0b1220;border-radius:22px;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.22);overflow:hidden;}
.chart-help-line{margin-top:8px;color:var(--muted);font-size:.84rem;}
@media (max-width:900px){
  .asset-chart{min-height:620px;}
}
@media (max-width:760px){
  .chart-panel{padding:14px;}
  .chart-toolbar{padding:8px 10px;gap:8px;}
  .chart-toolbar-group{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;scrollbar-width:none;}
  .chart-toolbar-group::-webkit-scrollbar{display:none;}
  .chart-chip{flex:0 0 auto;min-height:40px;padding:8px 12px;font-size:.83rem;}
  .chart-meta-strip{gap:6px;}
  .chart-meta-pill{font-size:.76rem;padding:6px 9px;}
  .asset-chart{min-height:460px;border-radius:18px;}
}
@media (max-width:520px){
  .chart-panel{padding:12px;}
  .chart-toolbar{margin:10px 0 12px;}
  .chart-meta-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .chart-meta-pill{justify-content:center;text-align:center;}
  .asset-chart{min-height:380px;}
  .chart-help-line{font-size:.78rem;}
}

/* mobile layout repair */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

.shell, .topbar, .topbar-right, .brand-block, .global-search,
.quick-nav, .topbar-actions-secondary, .live-box, .card, .glass,
.toolbar, .compact-panel, .ticker-tape-wrap {
  min-width: 0;
}

@media (max-width: 900px) {
  .shell {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-left: 12px;
    padding-right: 12px;
  }

  .topbar {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 14px 0 10px;
  }

  .brand-block,
  .topbar-right,
  .global-search,
  .quick-nav,
  .topbar-actions-secondary,
  .live-box,
  .compact-live-box {
    width: 100%;
    max-width: 100%;
  }

  .brand-row-clean {
    flex-wrap: nowrap;
    align-items: center;
  }

  .brand {
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 1.12rem;
    line-height: 1.15;
  }

  .subtitle {
    max-width: none;
    font-size: .92rem;
    line-height: 1.35;
  }

  .topbar-right {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 9px;
  }

  .quick-nav {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    overflow: visible;
    padding-bottom: 0;
  }

  .quick-nav a {
    width: 100%;
    min-width: 0;
    padding: 10px 8px;
    text-align: center;
    white-space: nowrap;
    font-size: .78rem;
  }

  .global-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
  }

  .global-search input,
  .global-search .btn-link,
  .topbar-actions-secondary .btn,
  .live-box {
    width: 100%;
  }

  .topbar-actions-secondary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .btn,
  .btn-small,
  .btn-link {
    min-height: 42px;
  }

  .live-box {
    padding: 11px 12px;
    font-size: .88rem;
  }

  .hero {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 14px;
  }

  .hero-tight h1 {
    font-size: clamp(1.65rem, 7vw, 2.15rem);
    line-height: 1.08;
    margin: 6px 0 8px;
  }

  .hero-copy {
    max-width: none;
    font-size: .95rem;
    line-height: 1.5;
  }

  .ticker-tape-wrap {
    margin-left: -12px;
    margin-right: -12px;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }

  .ticker-chip {
    padding: 8px 10px;
    font-size: .82rem;
  }

  .premium-proof-grid,
  .overview-grid,
  .cards-4,
  .utility-row,
  .grid-2,
  .grid-3,
  .signal-grid,
  .radar-grid,
  .cold-grid,
  .cold-columns,
  .level-pair-list,
  .plan-compare-grid,
  .payment-summary-grid,
  .product-about-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .card,
  .toolbar,
  .compact-panel,
  .utility-card,
  .premium-proof-card {
    padding: 14px;
  }

  .metric-card {
    min-height: auto;
  }

  .metric-value {
    font-size: 1.22rem;
  }

  .pill-row {
    gap: 7px;
  }

  .pill,
  .impact,
  .badge {
    font-size: .78rem;
  }

  .side-popup {
    left: 10px;
    right: 10px;
    bottom: 10px;
    width: auto;
    max-width: none;
  }
}

@media (max-width: 420px) {
  .shell {
    padding-left: 10px;
    padding-right: 10px;
  }

  .quick-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .topbar-actions-secondary {
    grid-template-columns: minmax(0, 1fr);
  }

  .ticker-tape-wrap {
    margin-left: -10px;
    margin-right: -10px;
  }
}


/* mobile release safety pass: desktop rules above stay unchanged */
@media (max-width: 760px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  body {
    font-size: 14px;
  }

  .shell {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .page {
    padding-bottom: 42px;
  }

  .topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 14px 0 12px !important;
  }

  .brand-block,
  .brand-row-clean,
  .topbar-right,
  .global-search,
  .quick-nav,
  .topbar-actions-secondary,
  .live-box,
  .compact-live-box,
  .hero,
  .hero-main,
  .card,
  .glass,
  .toolbar,
  .compact-panel,
  .utility-card,
  .opportunity-row,
  .signal-card,
  .radar-card,
  .news-card,
  .plan-card,
  .asset-header,
  .section-head {
    min-width: 0 !important;
    max-width: 100%;
  }

  .brand-row-clean {
    flex-wrap: nowrap !important;
    gap: 10px;
  }

  .brand-mark {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 10px;
  }

  .brand-logo {
    width: 17px;
    height: 17px;
  }

  .brand {
    font-size: 1.08rem !important;
    line-height: 1.14 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  .subtitle {
    max-width: none !important;
    margin-top: 6px;
    font-size: .9rem !important;
    line-height: 1.35 !important;
  }

  .topbar-right {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  .quick-nav {
    width: 100% !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 0 2px !important;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .quick-nav::-webkit-scrollbar {
    display: none;
  }

  .quick-nav a {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: auto !important;
    min-height: 34px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 11px !important;
    border-radius: 999px !important;
    font-size: .78rem !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .global-search {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 92px !important;
    gap: 7px !important;
  }

  .global-search input {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    padding: 10px 12px !important;
    font-size: 16px !important;
  }

  .global-search .btn-link {
    width: 92px !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 10px !important;
    border-radius: 14px !important;
    font-size: .88rem !important;
  }

  .topbar-actions-secondary {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important;
    gap: 7px !important;
  }

  .topbar-actions-secondary .btn,
  .topbar-actions-secondary .btn-small {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 12px !important;
    border-radius: 15px !important;
    font-size: .9rem !important;
  }

  .live-box,
  .compact-live-box {
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px 12px !important;
    border-radius: 18px !important;
    font-size: .88rem !important;
  }

  .live-box .tiny,
  .compact-live-box .tiny {
    font-size: .78rem !important;
    line-height: 1.35 !important;
  }

  .card,
  .toolbar,
  .compact-panel,
  .utility-card,
  .premium-proof-card,
  .plan-card {
    padding: 14px !important;
    border-radius: 18px !important;
  }

  .hero {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
  }

  .eyebrow {
    font-size: .72rem !important;
    letter-spacing: .05em;
  }

  .hero-tight h1 {
    max-width: 100%;
    font-size: clamp(1.45rem, 7vw, 1.85rem) !important;
    line-height: 1.08 !important;
    margin: 6px 0 8px !important;
    letter-spacing: -.04em !important;
    white-space: normal !important;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .hero-copy,
  .muted,
  .metric-copy {
    max-width: 100%;
    font-size: .9rem !important;
    line-height: 1.45 !important;
    overflow-wrap: break-word;
  }

  .hero-pills {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 7px !important;
    margin-top: 10px !important;
    padding-bottom: 3px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .hero-pills::-webkit-scrollbar {
    display: none;
  }

  .hero-pills .pill {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .pill,
  .impact,
  .badge,
  .context-chip {
    max-width: 100%;
    padding: 7px 10px !important;
    border-radius: 999px !important;
    font-size: .76rem !important;
    line-height: 1.15 !important;
  }

  .ticker-tape-wrap {
    margin-top: 12px !important;
    margin-left: -14px !important;
    margin-right: -14px !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  .ticker-tape {
    padding: 9px 8px !important;
  }

  .ticker-chip {
    padding: 8px 10px !important;
    font-size: .78rem !important;
    gap: 8px !important;
  }

  .premium-proof-grid,
  .overview-grid,
  .cards-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }

  .premium-proof-value,
  .metric-value {
    font-size: 1.08rem !important;
    line-height: 1.2 !important;
    overflow-wrap: break-word;
  }

  .metric-label {
    font-size: .76rem !important;
    margin-bottom: 6px !important;
  }

  .metric-card {
    min-height: auto !important;
  }

  .utility-row,
  .grid-2,
  .grid-3,
  .signal-grid,
  .radar-grid,
  .news-grid,
  .compact-news-grid,
  .cold-grid,
  .cold-columns,
  .level-pair-list,
  .plan-compare-grid,
  .payment-summary-grid,
  .product-about-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
  }

  .section-head {
    align-items: flex-start !important;
    gap: 8px !important;
  }

  .card-title {
    font-size: .98rem !important;
    line-height: 1.25 !important;
  }

  .opportunity-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  .opportunity-row > div,
  .signal-card > div,
  .radar-card > div {
    min-width: 0 !important;
  }

  .opportunity-row .align-right {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    text-align: left !important;
  }

  .score {
    margin-top: 0 !important;
    text-align: right !important;
    white-space: nowrap;
  }

  .symbol {
    overflow-wrap: anywhere;
  }

  .badge-status-watch,
  .badge-status-forming,
  .badge-status-near-confirmation,
  .badge-status-confirmed,
  .badge-status-avoid,
  .status-cell .badge {
    min-width: 0 !important;
    white-space: normal !important;
    text-align: center;
  }

  .signal-card,
  .radar-card {
    gap: 9px !important;
    padding: 13px !important;
    border-radius: 17px !important;
  }

  .signal-card-top,
  .signal-card-bottom,
  .radar-card-top,
  .radar-card-bottom {
    align-items: flex-start !important;
    gap: 8px !important;
  }

  .assistant-questions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .assistant-question {
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    text-align: left !important;
    border-radius: 14px !important;
    font-size: .9rem !important;
  }

  .assistant-output {
    padding: 12px !important;
    border-radius: 14px !important;
    font-size: .88rem !important;
    line-height: 1.45 !important;
  }

  .toolbar-row.two-col,
  .compact-risk-grid,
  .risk-results,
  .two-up,
  .prob-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .toolbar-subrow,
  .toolbar-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100%;
  }

  .toolbar-subrow > .tiny {
    grid-column: 1 / -1;
  }

  .checkbox-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }

  .check-chip span {
    min-height: 36px !important;
    padding: 0 8px !important;
    border-radius: 12px !important;
    font-size: .78rem !important;
  }

  .back-link,
  .back-link-accent {
    width: auto !important;
    max-width: 100% !important;
    min-height: 38px !important;
    padding: 9px 12px !important;
    border-radius: 14px !important;
    font-size: .88rem !important;
    display: inline-flex !important;
  }

  .asset-header,
  .asset-header-tight {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  .asset-title,
  .asset-title-compact {
    font-size: clamp(1.45rem, 7vw, 1.85rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.04em !important;
    overflow-wrap: anywhere;
  }

  .asset-pills-tight,
  .context-strip,
  .chart-meta-strip {
    max-width: 100% !important;
    justify-content: flex-start !important;
  }

  .asset-pills-tight .pill,
  .context-strip .context-chip {
    white-space: normal !important;
  }

  .tf-grid-horizontal {
    margin-left: -2px;
    margin-right: -2px;
  }

  .tf-grid-horizontal .tf-mini-card {
    min-width: 78vw !important;
    flex-basis: 78vw !important;
  }

  .modal-overlay {
    padding: 10px !important;
  }

  .modal-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }
}

@media (max-width: 380px) {
  .shell {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .quick-nav a {
    padding-left: 9px !important;
    padding-right: 9px !important;
    font-size: .74rem !important;
  }

  .global-search {
    grid-template-columns: minmax(0, 1fr) 84px !important;
  }

  .global-search .btn-link {
    width: 84px !important;
  }

  .topbar-actions-secondary {
    grid-template-columns: minmax(0, 1fr) minmax(0, .82fr) !important;
  }

  .premium-proof-grid,
  .overview-grid,
  .cards-4 {
    gap: 8px !important;
  }
}