/*
 BRO.TEAM HQ v0.9.37 — CSS / Storage Foundation
 Unified runtime CSS bundle.
 Google Fonts and inline historical patch styles remain in index.html.
 Safety: CSS-only bundle, no broker API, no live price, no signal, no order execution.
*/


/* ===== BEGIN cyberpunk_neon_system_v0916r.css ===== */
/* ═══════════════════════════════════════════════════════════════
   BRO.TEAM HQ v0.9.16-R — Cyberpunk Neon System Layer
   Add-on layer for CTO v1 Clean Start. UI/FX only, no trading logic.
═══════════════════════════════════════════════════════════════ */
:root {
  --cyber-cyan: #00f5ff;
  --cyber-pink: #ff2bd6;
  --cyber-violet: #8b5cf6;
  --cyber-lime: #b6ff3b;
  --cyber-glass: rgba(20, 24, 32, .58);
  --cyber-glass-strong: rgba(25, 29, 39, .72);
  --cyber-line: rgba(0, 245, 255, .18);
  --cyber-pink-line: rgba(255, 43, 214, .18);
  --cyber-shadow-cyan: 0 0 24px rgba(0, 245, 255, .16), 0 18px 70px rgba(0, 0, 0, .52);
  --cyber-shadow-pink: 0 0 22px rgba(255, 43, 214, .13), 0 18px 70px rgba(0, 0, 0, .52);
}

body.cyberpunk-neon-mode {
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 43, 214, .105), transparent 28%),
    radial-gradient(circle at 86% 4%, rgba(0, 245, 255, .105), transparent 31%),
    radial-gradient(circle at 58% 92%, rgba(182, 255, 59, .045), transparent 24%),
    var(--bg);
}

body.cyberpunk-neon-mode::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    linear-gradient(90deg, transparent 0%, rgba(0,245,255,.035) 50%, transparent 100%),
    repeating-linear-gradient(180deg, rgba(255,255,255,.025) 0 1px, transparent 1px 7px);
  mix-blend-mode: screen;
  opacity: .34;
  animation: broScanlineDrift 8s linear infinite;
}

@keyframes broScanlineDrift {
  0% { transform: translateY(-18px); }
  100% { transform: translateY(18px); }
}

#broNeonParticleCanvas,
#broNeonConfettiCanvas {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}
#broNeonParticleCanvas { z-index: 0; opacity: .72; }
#broNeonConfettiCanvas { z-index: 9999; }

.cyberpunk-neon-mode .topbar,
.cyberpunk-neon-mode .sidenav,
.cyberpunk-neon-mode .card,
.cyberpunk-neon-mode .stat-chip,
.cyberpunk-neon-mode .result-card,
.cyberpunk-neon-mode .export-preview,
.cyberpunk-neon-mode .session-card,
.cyberpunk-neon-mode .profile-card,
.cyberpunk-neon-mode .play-card,
.cyberpunk-neon-mode .safety-item {
  backdrop-filter: blur(22px) saturate(1.22);
  -webkit-backdrop-filter: blur(22px) saturate(1.22);
}

.cyberpunk-neon-mode .topbar {
  background: linear-gradient(180deg, rgba(8,10,15,.82), rgba(8,10,15,.64));
  border-bottom-color: rgba(0,245,255,.12);
  box-shadow: 0 1px 0 rgba(255,43,214,.09), 0 16px 60px rgba(0,0,0,.42);
}

.cyberpunk-neon-mode .sidenav {
  background: linear-gradient(180deg, rgba(14,17,24,.76), rgba(8,10,15,.68));
  border-right-color: rgba(0,245,255,.11);
  box-shadow: 18px 0 80px rgba(0,0,0,.22);
}

.cyberpunk-neon-mode .brand-icon {
  background: linear-gradient(135deg, var(--amber), var(--cyber-pink) 55%, var(--cyber-cyan));
  box-shadow: 0 0 18px rgba(245,166,35,.22), 0 0 30px rgba(0,245,255,.16);
}

.cyberpunk-neon-mode .brand-ver,
.cyberpunk-neon-mode .topbar-mode,
.cyberpunk-neon-mode .tag-amber,
.cyberpunk-neon-mode .nav-item.active,
.cyberpunk-neon-mode .btn-primary {
  box-shadow: 0 0 18px rgba(245,166,35,.16);
}

.cyberpunk-neon-mode .card,
.cyberpunk-neon-mode .stat-chip,
.cyberpunk-neon-mode .result-card,
.cyberpunk-neon-mode .export-preview {
  background:
    linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.018)),
    var(--cyber-glass);
  border-color: rgba(255,255,255,.10);
  box-shadow: var(--cyber-shadow-cyan);
}

.cyberpunk-neon-mode .card:hover,
.cyberpunk-neon-mode .play-card:hover,
.cyberpunk-neon-mode .profile-card:hover {
  border-color: rgba(0,245,255,.28);
  box-shadow: 0 0 0 1px rgba(0,245,255,.12), var(--cyber-shadow-pink);
  transform: translateY(-1px);
}

.cyberpunk-neon-mode .page-title {
  text-shadow: 0 0 24px rgba(0,245,255,.11), 0 0 42px rgba(255,43,214,.08);
}

.cyberpunk-neon-mode .page-kicker,
.cyberpunk-neon-mode .card-label,
.cyberpunk-neon-mode .nav-section-label {
  text-shadow: 0 0 14px rgba(245,166,35,.12);
}

.cyber-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 32px;
  border-radius: 9px;
  border: 1px solid rgba(0,245,255,.18);
  background: rgba(25,29,39,.64);
  color: var(--text);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .05em;
  cursor: pointer;
  box-shadow: 0 0 18px rgba(0,245,255,.08);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.cyber-icon-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(255,43,214,.35);
  box-shadow: 0 0 18px rgba(255,43,214,.14);
}

.cyber-neon-deck {
  display: grid;
  grid-template-columns: 1.3fr .8fr .9fr;
  gap: 14px;
}
.cyber-panel {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(0,245,255,.14);
  background: linear-gradient(135deg, rgba(0,245,255,.09), rgba(255,43,214,.045) 42%, rgba(25,29,39,.7));
  padding: 18px;
  box-shadow: 0 0 30px rgba(0,245,255,.09), 0 24px 80px rgba(0,0,0,.45);
}
.cyber-panel::before {
  content: '';
  position: absolute;
  inset: -80px;
  background: conic-gradient(from 140deg, transparent, rgba(0,245,255,.16), transparent 30%, rgba(255,43,214,.13), transparent 72%);
  opacity: .34;
  animation: broCyberRotate 12s linear infinite;
}
.cyber-panel > * { position: relative; z-index: 1; }
@keyframes broCyberRotate { to { transform: rotate(360deg); } }

.cyber-panel-kicker {
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .16em;
  color: var(--cyber-cyan);
  text-transform: uppercase;
  margin-bottom: 8px;
}
.cyber-panel-title { font-size: 18px; font-weight: 900; margin-bottom: 4px; }
.cyber-panel-note { font-size: 12px; color: var(--muted); line-height: 1.55; }
.cyber-chart-svg { width: 100%; height: 118px; margin-top: 12px; overflow: visible; }
.cyber-chart-line {
  fill: none;
  stroke: var(--cyber-cyan);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 10px rgba(0,245,255,.48));
  stroke-dasharray: 320;
  stroke-dashoffset: 320;
  animation: broLineDraw 1.25s ease forwards, broLinePulse 3s ease-in-out infinite 1.25s;
}
@keyframes broLineDraw { to { stroke-dashoffset: 0; } }
@keyframes broLinePulse { 0%,100% { opacity: .82; } 50% { opacity: 1; } }
.cyber-chart-fill { fill: url(#broNeonGradient); opacity: .38; }
.cyber-bars { display: grid; grid-template-columns: repeat(7, 1fr); gap: 7px; align-items: end; min-height: 104px; margin-top: 14px; }
.cyber-bar {
  min-height: 16px;
  border-radius: 999px 999px 6px 6px;
  background: linear-gradient(180deg, var(--cyber-pink), var(--cyber-cyan));
  box-shadow: 0 0 20px rgba(0,245,255,.18);
  transform-origin: bottom;
  animation: broBarRise .74s ease both;
}
@keyframes broBarRise { from { transform: scaleY(.18); opacity: .35; } to { transform: scaleY(1); opacity: 1; } }
.cyber-score-mini {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 12px;
}
.cyber-mini-tile {
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 10px;
  padding: 12px;
  background: rgba(8,10,15,.32);
}
.cyber-mini-label { display: block; font-family: var(--font-mono); font-size: 8px; color: var(--muted); text-transform: uppercase; letter-spacing: .12em; margin-bottom: 6px; }
.cyber-mini-value { font-family: var(--font-mono); font-size: 18px; font-weight: 900; color: var(--cyber-cyan); }

#broCommandPalette {
  position: fixed;
  inset: 0;
  z-index: 9998;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: 5.8vh 16px 24px;
  background: rgba(2, 4, 8, .46);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
#broCommandPalette.open { display: flex; }
.bro-command-box {
  width: min(460px, calc(100vw - 32px));
  border: 1px solid rgba(0,245,255,.22);
  border-radius: 16px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(20,24,32,.92), rgba(8,10,15,.88));
  box-shadow: 0 0 60px rgba(0,245,255,.13), 0 42px 120px rgba(0,0,0,.72);
}
.bro-command-input-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.bro-command-icon { color: var(--cyber-cyan); font-family: var(--font-mono); font-weight: 900; }
#broCommandInput {
  background: transparent;
  border: none;
  box-shadow: none;
  font-family: var(--font-sans);
  font-size: 13px;
  padding: 8px 0;
}
#broCommandInput:focus { box-shadow: none; border-color: transparent; }
.bro-command-list { max-height: min(42vh, 300px); overflow: auto; padding: 8px; }
.bro-command-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  border-radius: 10px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background .14s ease, border-color .14s ease;
}
.bro-command-item:hover,
.bro-command-item.active {
  background: rgba(0,245,255,.08);
  border-color: rgba(0,245,255,.16);
}

.bro-command-item.is-locked {
  opacity: .58;
  border-color: rgba(245,166,35,.18);
}
.bro-command-item.is-locked .bro-command-item-sub {
  color: rgba(245,166,35,.72);
}

.bro-command-item-icon { width: 22px; text-align: center; }
.bro-command-item-title { font-size: 12px; font-weight: 800; }
.bro-command-item-sub { font-size: 10px; color: var(--muted); margin-top: 2px; }
.bro-command-footer {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 10px;
  border-top: 1px solid rgba(255,255,255,.08);
  color: var(--muted);
  font-size: 10px;
  font-family: var(--font-mono);
}

.cyber-fx-off #broNeonParticleCanvas,
.cyber-fx-off body.cyberpunk-neon-mode::before { display: none; }
.cyber-fx-off .cyber-panel::before,
.cyber-fx-off .cyber-bar,
.cyber-fx-off .cyber-chart-line { animation: none !important; }

@media (max-width: 980px) {
  .cyber-neon-deck { grid-template-columns: 1fr; }
  .cyber-panel { padding: 16px; }
}
@media (max-width: 520px) {
  .topbar-status .status-chip { display: none; }
  .cyber-icon-btn { min-width: 32px; height: 30px; font-size: 9px; }
  .cyber-score-mini { grid-template-columns: 1fr; }
  #broCommandPalette { padding-top: 66px; }
}

@media (prefers-reduced-motion: reduce) {
  body.cyberpunk-neon-mode::before,
  .cyber-panel::before,
  .cyber-chart-line,
  .cyber-bar,
  .pulse-dot {
    animation: none !important;
  }
}

/* ===== END cyberpunk_neon_system_v0916r.css ===== */


/* ===== BEGIN cyberpunk_neon_ia_lite_english_v0916r.css ===== */
/* ═══════════════════════════════════════════════════════════════
   BRO.TEAM HQ v0.9.16-R — Cyberpunk Neon IA Lite / English Copy Polish
   Base: Cyberpunk Neon Full System Layer. Visual/IA only, no trading logic.
═══════════════════════════════════════════════════════════════ */
:root {
  --bro-cyan-role: #00f5ff;
  --bro-amber-role: #f5a623;
  --bro-emerald-role: #00d68f;
  --bro-magenta-role: #ff2bd6;
  --bro-red-role: #ff4d6d;
  --bro-ia-text-soft: rgba(238, 240, 244, .78);
  --bro-ia-text-dim: rgba(238, 240, 244, .52);
  --bro-ia-card-min: rgba(18, 22, 31, .62);
}

body.neon-ia-lite-mode .main-content {
  padding-top: 28px;
}

body.neon-ia-lite-mode .bro-ia-page-header {
  margin-bottom: 18px;
  padding-bottom: 18px;
}

body.neon-ia-lite-mode .page-title {
  font-size: clamp(34px, 4.4vw, 62px);
  letter-spacing: -.055em;
  line-height: .92;
}

body.neon-ia-lite-mode .page-sub {
  max-width: 820px;
  font-size: 14px;
  color: var(--bro-ia-text-soft);
}

.bro-mission-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(260px, .72fr);
  gap: 16px;
  align-items: stretch;
}

.bro-mission-card {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(0,245,255,.18);
  background:
    radial-gradient(circle at 8% 8%, rgba(0,245,255,.14), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(255,43,214,.10), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.065), rgba(255,255,255,.018)),
    rgba(18,22,31,.58);
  box-shadow: 0 0 0 1px rgba(0,245,255,.045), 0 26px 80px rgba(0,0,0,.45);
  backdrop-filter: blur(22px) saturate(1.2);
  -webkit-backdrop-filter: blur(22px) saturate(1.2);
}

.bro-mission-main {
  min-height: 132px;
  padding: 22px 24px;
}

.bro-mission-main::after {
  content: '';
  position: absolute;
  right: -20%;
  top: -90%;
  width: 52%;
  height: 260%;
  transform: rotate(24deg);
  background: linear-gradient(90deg, transparent, rgba(0,245,255,.10), transparent);
  opacity: .55;
  pointer-events: none;
}

.bro-layer-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--bro-cyan-role);
  margin-bottom: 8px;
}
.bro-layer-label::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--bro-cyan-role);
  box-shadow: 0 0 14px rgba(0,245,255,.55);
}

.bro-mission-main h2 {
  font-size: clamp(28px, 3.2vw, 46px);
  line-height: .98;
  margin: 0 0 8px;
  letter-spacing: -.05em;
  font-weight: 900;
}
.bro-mission-main p {
  max-width: 760px;
  color: var(--bro-ia-text-soft);
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
}

.bro-mission-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 18px;
}
.bro-mission-pill {
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 999px;
  background: rgba(8,10,15,.30);
  color: var(--text);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .05em;
  padding: 8px 13px;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.bro-mission-pill:hover { transform: translateY(-1px); background: rgba(255,255,255,.055); }
.bro-mission-pill.is-cyan { border-color: rgba(0,245,255,.26); box-shadow: 0 0 18px rgba(0,245,255,.08); }
.bro-mission-pill.is-amber { border-color: rgba(245,166,35,.30); box-shadow: 0 0 18px rgba(245,166,35,.08); }
.bro-mission-pill.is-emerald { border-color: rgba(0,214,143,.30); box-shadow: 0 0 18px rgba(0,214,143,.08); }
.bro-mission-pill.is-magenta { border-color: rgba(255,43,214,.25); box-shadow: 0 0 18px rgba(255,43,214,.08); }

.bro-status-stack {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
}
.bro-status-cell {
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.11);
  background: linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.014)), rgba(18,22,31,.60);
  padding: 15px 16px;
  min-height: 0;
}
.bro-status-cell span,
.bro-status-cell small {
  display: block;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .12em;
}
.bro-status-cell span { font-size: 8px; color: var(--bro-ia-text-dim); margin-bottom: 5px; }
.bro-status-cell strong { display:block; font-family: var(--font-mono); font-size: 19px; line-height:1; }
.bro-status-cell small { font-size: 9px; color: var(--bro-ia-text-dim); margin-top: 7px; text-transform: none; letter-spacing: .02em; }
.bro-status-cell.is-amber { border-color: rgba(245,166,35,.22); }
.bro-status-cell.is-amber strong { color: var(--bro-amber-role); }
.bro-status-cell.is-emerald { border-color: rgba(0,214,143,.22); }
.bro-status-cell.is-emerald strong { color: var(--bro-emerald-role); }

body.neon-ia-lite-mode .bro-ia-stat-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
body.neon-ia-lite-mode .stat-chip {
  min-width: 0;
  padding: 12px 14px;
}
body.neon-ia-lite-mode .stat-chip .sc-label {
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 8px;
}
body.neon-ia-lite-mode .stat-chip .sc-value {
  font-size: 18px;
}

body.neon-ia-lite-mode .bro-action-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
body.neon-ia-lite-mode .bro-action-grid .card {
  position: relative;
  min-height: 112px;
  padding: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.052), rgba(255,255,255,.016)), rgba(18,22,31,.56);
}
body.neon-ia-lite-mode .bro-action-grid .card::after {
  content: attr(data-index);
  position: absolute;
  right: 14px;
  bottom: 8px;
  font-family: var(--font-mono);
  font-size: 28px;
  font-weight: 900;
  color: rgba(255,255,255,.035);
  letter-spacing: -.08em;
}
body.neon-ia-lite-mode .bro-action-grid .card:nth-child(1) { border-color: rgba(245,166,35,.26); }
body.neon-ia-lite-mode .bro-action-grid .card:nth-child(2) { border-color: rgba(0,214,143,.24); }
body.neon-ia-lite-mode .bro-action-grid .card:nth-child(3) { border-color: rgba(0,245,255,.24); }
body.neon-ia-lite-mode .bro-action-grid .card:nth-child(4) { border-color: rgba(255,43,214,.22); }
body.neon-ia-lite-mode .bro-action-grid .card-title {
  font-size: 18px;
  letter-spacing: -.03em;
}
body.neon-ia-lite-mode .bro-action-grid .card-note {
  font-size: 12px;
  color: var(--bro-ia-text-soft);
}

body.neon-ia-lite-mode #cyberNeonControlDeck {
  grid-template-columns: 1.25fr .85fr .9fr;
  gap: 12px;
  margin-top: 14px;
  margin-bottom: 16px;
}
body.neon-ia-lite-mode .cyber-panel {
  padding: 16px;
  border-color: rgba(0,245,255,.14);
  box-shadow: 0 0 24px rgba(0,245,255,.055), 0 20px 62px rgba(0,0,0,.36);
}
body.neon-ia-lite-mode .cyber-panel-title {
  font-size: 17px;
}
body.neon-ia-lite-mode .cyber-panel-note {
  font-size: 11px;
  color: var(--bro-ia-text-dim);
}
body.neon-ia-lite-mode .cyber-chart-svg { height: 96px; }
body.neon-ia-lite-mode .cyber-bars { min-height: 88px; }

body.neon-ia-lite-mode .bro-stock-strip {
  border: 1px solid rgba(0,245,255,.13);
  border-radius: 20px;
  padding: 12px 14px 14px;
  background: linear-gradient(135deg, rgba(0,245,255,.045), rgba(255,43,214,.018)), rgba(18,22,31,.34);
  margin-bottom: 14px;
}
body.neon-ia-lite-mode .bro-stock-strip .grid-3 {
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
}
body.neon-ia-lite-mode .bro-stock-strip .card {
  padding: 14px 16px;
  min-height: 74px;
  box-shadow: none;
  background: rgba(255,255,255,.035);
}
body.neon-ia-lite-mode .bro-stock-strip .card-title {
  font-size: 15px;
}
body.neon-ia-lite-mode .bro-stock-strip .card-note {
  font-size: 11px;
}

body.neon-ia-lite-mode .bro-safety-strip {
  margin-bottom: 0;
}
body.neon-ia-lite-mode .bro-safety-strip .safety-wall {
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 10px;
}
body.neon-ia-lite-mode .bro-safety-strip .safety-item {
  padding: 10px 12px;
  min-height: 50px;
  background: rgba(0,214,143,.045);
  border-color: rgba(0,214,143,.18);
}
body.neon-ia-lite-mode .bro-safety-strip .s-label {
  font-size: 10px;
}
body.neon-ia-lite-mode .bro-safety-strip .s-status {
  font-size: 9px;
}

body.neon-ia-lite-mode .page-kicker,
body.neon-ia-lite-mode .card-label,
body.neon-ia-lite-mode .cyber-panel-kicker {
  letter-spacing: .15em;
}

@media (max-width: 1100px) {
  .bro-mission-grid { grid-template-columns: 1fr; }
  .bro-status-stack { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  body.neon-ia-lite-mode .bro-ia-stat-row,
  body.neon-ia-lite-mode .bro-action-grid,
  body.neon-ia-lite-mode .bro-safety-strip .safety-wall { grid-template-columns: repeat(2, minmax(0,1fr)); }
  body.neon-ia-lite-mode #cyberNeonControlDeck { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  body.neon-ia-lite-mode .main-content { padding: 18px 14px; }
  .bro-mission-main { padding: 18px; }
  .bro-mission-main h2 { font-size: 30px; }
  .bro-status-stack,
  body.neon-ia-lite-mode .bro-ia-stat-row,
  body.neon-ia-lite-mode .bro-action-grid,
  body.neon-ia-lite-mode .bro-stock-strip .grid-3,
  body.neon-ia-lite-mode .bro-safety-strip .safety-wall { grid-template-columns: 1fr; }
}

.cyber-fx-off .bro-mission-main::after { display: none; }
@media (prefers-reduced-motion: reduce) {
  .bro-mission-main::after { display: none; }
  .bro-mission-pill,
  body.neon-ia-lite-mode .bro-action-grid .card { transition: none; }
}

/* ===== END cyberpunk_neon_ia_lite_english_v0916r.css ===== */


/* ===== BEGIN cyberpunk_sidebar_scrollbar_micro_polish_v0916r.css ===== */
/* ═══════════════════════════════════════════════════════════════
   BRO.TEAM HQ v0.9.16-R — Cyberpunk Sidebar / Scrollbar / Micro Polish
   Base: Cyberpunk Neon IA Lite English Copy Polish. Visual polish only.
════════════════════════════════════════════════════════════════ */
:root {
  --bro-micro-scroll-track: rgba(8, 10, 15, .44);
  --bro-micro-scroll-thumb: rgba(0, 245, 255, .28);
  --bro-micro-scroll-thumb-hover: rgba(255, 43, 214, .36);
  --bro-micro-sidebar-w: 224px;
  --bro-micro-copy: rgba(238, 240, 244, .72);
  --bro-micro-copy-strong: rgba(238, 240, 244, .86);
  --bro-micro-copy-dim: rgba(238, 240, 244, .48);
  --bro-micro-border: rgba(0,245,255,.14);
}

/* Premium dark scrollbar: removes the browser-white rail that broke the terminal feel */
html,
body,
.main-content,
.sidenav {
  scrollbar-width: thin;
  scrollbar-color: var(--bro-micro-scroll-thumb) transparent;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
.main-content::-webkit-scrollbar,
.sidenav::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
.main-content::-webkit-scrollbar-track,
.sidenav::-webkit-scrollbar-track {
  background: var(--bro-micro-scroll-track);
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
.main-content::-webkit-scrollbar-thumb,
.sidenav::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(0,245,255,.32), rgba(255,43,214,.24));
  border-radius: 999px;
  border: 2px solid rgba(8,10,15,.68);
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover,
.main-content::-webkit-scrollbar-thumb:hover,
.sidenav::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, var(--bro-micro-scroll-thumb-hover), rgba(0,245,255,.35));
}

/* Sidebar scale and rhythm */
body.sidebar-micro-polish-mode .app-shell {
  grid-template-columns: var(--bro-micro-sidebar-w) minmax(0, 1fr);
}
body.sidebar-micro-polish-mode .sidenav {
  width: var(--bro-micro-sidebar-w);
  padding: 16px 10px 22px;
  gap: 3px;
  background:
    linear-gradient(180deg, rgba(14,17,24,.84), rgba(8,10,15,.74)),
    radial-gradient(circle at 100% 0%, rgba(0,245,255,.07), transparent 30%);
}
body.sidebar-micro-polish-mode .nav-section-label {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 14px 9px 6px;
  font-size: 8px;
  letter-spacing: .14em;
  color: rgba(238,240,244,.32);
}
body.sidebar-micro-polish-mode .nav-section-label::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: rgba(0,245,255,.32);
  box-shadow: 0 0 10px rgba(0,245,255,.22);
}
body.sidebar-micro-polish-mode .nav-item {
  position: relative;
  padding: 9px 11px;
  border-radius: 12px;
  font-size: 12px;
  color: rgba(238,240,244,.56);
  border-color: transparent;
  background: transparent;
  transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}
body.sidebar-micro-polish-mode .nav-item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 9px;
  width: 2px;
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
  transition: background .16s ease, box-shadow .16s ease;
}
body.sidebar-micro-polish-mode .nav-item:hover {
  color: var(--bro-micro-copy-strong);
  background: rgba(255,255,255,.038);
  border-color: rgba(255,255,255,.065);
  transform: translateX(1px);
}
body.sidebar-micro-polish-mode .nav-item.active {
  color: #ffd076;
  background: linear-gradient(90deg, rgba(245,166,35,.16), rgba(0,245,255,.045));
  border-color: rgba(245,166,35,.25);
  box-shadow: inset 0 0 0 1px rgba(245,166,35,.04), 0 0 16px rgba(245,166,35,.10);
}
body.sidebar-micro-polish-mode .nav-item.active::before {
  background: linear-gradient(180deg, var(--amber), var(--cyber-cyan));
  box-shadow: 0 0 14px rgba(245,166,35,.42);
}
body.sidebar-micro-polish-mode .nav-item .nav-icon {
  width: 18px;
  opacity: .86;
  filter: saturate(.96);
}
body.sidebar-micro-polish-mode .nav-item .nav-badge {
  font-size: 8px;
  border-color: rgba(255,255,255,.08);
  background: rgba(8,10,15,.34);
  color: rgba(238,240,244,.36);
}
body.sidebar-micro-polish-mode .nav-item.active .nav-badge {
  color: var(--amber);
  border-color: rgba(245,166,35,.22);
  background: rgba(245,166,35,.10);
}

/* Header and copy contrast: smaller gap, easier helper text */
body.sidebar-micro-polish-mode .main-content {
  padding-top: 24px;
}
body.sidebar-micro-polish-mode .bro-ia-page-header {
  margin-bottom: 14px;
  padding-bottom: 14px;
}
body.sidebar-micro-polish-mode .page-title {
  font-size: clamp(38px, 4.2vw, 58px);
  letter-spacing: -.052em;
}
body.sidebar-micro-polish-mode .page-sub,
body.sidebar-micro-polish-mode .card-note,
body.sidebar-micro-polish-mode .cyber-panel-note,
body.sidebar-micro-polish-mode .bro-mission-main p {
  color: var(--bro-micro-copy);
}
body.sidebar-micro-polish-mode .card-title,
body.sidebar-micro-polish-mode .cyber-panel-title,
body.sidebar-micro-polish-mode .bro-mission-main h2 {
  color: rgba(248,250,252,.94);
}
body.sidebar-micro-polish-mode .card-label,
body.sidebar-micro-polish-mode .cyber-panel-kicker,
body.sidebar-micro-polish-mode .bro-layer-label,
body.sidebar-micro-polish-mode .page-kicker {
  text-shadow: none;
}

/* Micro-interaction polish: focus states and restrained hover glow */
body.sidebar-micro-polish-mode a:focus-visible,
body.sidebar-micro-polish-mode button:focus-visible,
body.sidebar-micro-polish-mode input:focus-visible,
body.sidebar-micro-polish-mode select:focus-visible,
body.sidebar-micro-polish-mode textarea:focus-visible {
  outline: 2px solid rgba(0,245,255,.42);
  outline-offset: 3px;
  box-shadow: 0 0 0 4px rgba(0,245,255,.08);
}
body.sidebar-micro-polish-mode .card:hover,
body.sidebar-micro-polish-mode .play-card:hover,
body.sidebar-micro-polish-mode .profile-card:hover {
  box-shadow: 0 0 0 1px rgba(0,245,255,.10), 0 18px 56px rgba(0,0,0,.46);
}
body.sidebar-micro-polish-mode .bro-action-grid .card:hover {
  transform: translateY(-2px);
}

/* Chart caption: clarifies the neon graphics are planning-only, not live market data */
.bro-micro-caption {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 9px;
  padding: 6px 9px;
  border: 1px solid rgba(0,245,255,.11);
  border-radius: 999px;
  background: rgba(8,10,15,.24);
  color: rgba(238,240,244,.50);
  font-family: var(--font-mono);
  font-size: 8px;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.bro-micro-caption::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--cyber-cyan);
  box-shadow: 0 0 10px rgba(0,245,255,.36);
}

/* Compact system strips: keep support info visible without stealing focus */
body.sidebar-micro-polish-mode .bro-stock-strip {
  padding: 11px 13px 13px;
  border-color: rgba(0,245,255,.105);
}
body.sidebar-micro-polish-mode .bro-stock-strip .card {
  min-height: 66px;
  padding: 12px 14px;
}
body.sidebar-micro-polish-mode .bro-safety-strip .safety-item {
  min-height: 44px;
  padding: 8px 11px;
}
body.sidebar-micro-polish-mode .bro-safety-strip .safety-icon {
  opacity: .86;
}

/* Mobile menu: app-like drawer, less long-list feeling */
@media (max-width: 900px) {
  body.sidebar-micro-polish-mode .app-shell { grid-template-columns: 1fr; }
  body.sidebar-micro-polish-mode .sidenav {
    width: min(84vw, 316px);
    max-width: 316px;
    padding: 14px 12px 26px;
    border-right-color: rgba(0,245,255,.18);
    box-shadow: 24px 0 90px rgba(0,0,0,.62), 0 0 28px rgba(0,245,255,.08);
  }
  body.sidebar-micro-polish-mode .sidenav.open {
    display: flex;
  }
  body.sidebar-micro-polish-mode .nav-item {
    padding: 11px 12px;
    font-size: 13px;
  }
  body.sidebar-micro-polish-mode .topbar-status {
    gap: 6px;
  }
}
@media (max-width: 620px) {
  body.sidebar-micro-polish-mode .page-title { font-size: 34px; }
  body.sidebar-micro-polish-mode .page-sub { font-size: 13px; }
  body.sidebar-micro-polish-mode .bro-mission-actions { gap: 7px; }
  body.sidebar-micro-polish-mode .bro-mission-pill { padding: 8px 11px; font-size: 9px; }
  .bro-micro-caption { white-space: normal; line-height: 1.3; }
}

.cyber-fx-off .bro-micro-caption::before { box-shadow: none; }
@media (prefers-reduced-motion: reduce) {
  body.sidebar-micro-polish-mode .nav-item,
  body.sidebar-micro-polish-mode .card,
  body.sidebar-micro-polish-mode .bro-action-grid .card {
    transition: none;
  }
}

/* ===== END cyberpunk_sidebar_scrollbar_micro_polish_v0916r.css ===== */


/* ===== BEGIN assets/css/cyberpunk-ambient-flow.v924.css ===== */
/* BRO.TEAM v0.9.25-R — Visible Motion Recovery / Pill Restore
   FLOW = CSS-only / always-on / visible z-index:0 / no toggle / no localStorage.
   Fixes v0.9.23 issue where z-index/isolation and opaque backgrounds made motion invisible or visually disconnected. */
:root {
  --flow-cyan: 0, 245, 255;
  --flow-blue: 70, 110, 255;
  --flow-violet: 175, 80, 255;
  --flow-pink: 255, 45, 190;
  --flow-emerald: 0, 214, 143;
}

html,
body {
  min-height: 100%;
  margin: 0;
}

body.static-ambient-v924,
body.cyberpunk-neon-mode.static-ambient-v924 {
  position: relative;
  overflow-x: hidden;
  isolation: auto !important;
  background:
    radial-gradient(circle at 20% 12%, rgba(var(--flow-cyan), 0.13), transparent 34rem),
    radial-gradient(circle at 86% 18%, rgba(var(--flow-violet), 0.13), transparent 36rem),
    linear-gradient(135deg, #040611 0%, #080b18 48%, #050611 100%) !important;
}

/* Important: keep app content above ambient layer */
body.static-ambient-v924 > :not(.cyber-ambient-v924):not(.flow925):not(.pill925) {
  position: relative;
  z-index: 1;
}

.cyber-ambient-v924 {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  contain: layout paint style;
}

.cyber-ambient-v924__orb,
.cyber-ambient-v924__sweep,
.cyber-ambient-v924__grid {
  position: absolute;
  inset: -20%;
  will-change: transform;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}

/* Visible moving cyan/violet field */
.cyber-ambient-v924__orb--a {
  opacity: 0.48;
  background:
    radial-gradient(circle at 22% 30%, rgba(var(--flow-cyan), 0.45), transparent 24rem),
    radial-gradient(circle at 72% 18%, rgba(var(--flow-violet), 0.32), transparent 30rem),
    radial-gradient(circle at 48% 78%, rgba(var(--flow-blue), 0.26), transparent 34rem);
  animation: cyberFlowOrbA 22s ease-in-out infinite;
}

/* Second layer moving opposite direction */
.cyber-ambient-v924__orb--b {
  opacity: 0.32;
  background:
    radial-gradient(circle at 80% 70%, rgba(var(--flow-pink), 0.28), transparent 28rem),
    radial-gradient(circle at 28% 86%, rgba(var(--flow-cyan), 0.22), transparent 30rem),
    radial-gradient(circle at 58% 52%, rgba(var(--flow-emerald), 0.10), transparent 34rem);
  animation: cyberFlowOrbB 31s ease-in-out infinite;
}

/* Soft diagonal movement, no blink */
.cyber-ambient-v924__sweep {
  opacity: 0.24;
  background:
    linear-gradient(
      115deg,
      transparent 0%,
      transparent 24%,
      rgba(var(--flow-cyan), 0.12) 38%,
      rgba(var(--flow-pink), 0.10) 50%,
      rgba(var(--flow-blue), 0.10) 62%,
      transparent 76%,
      transparent 100%
    );
  animation: cyberFlowSweep 26s linear infinite;
}

/* Moving grid */
.cyber-ambient-v924__grid {
  inset: 0;
  opacity: 0.16;
  background-image:
    linear-gradient(rgba(var(--flow-cyan), 0.28) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--flow-cyan), 0.22) 1px, transparent 1px);
  background-size: 76px 76px;
  mask-image: radial-gradient(circle at center, black 0%, transparent 74%);
  animation: cyberFlowGrid 38s linear infinite;
}

/* Seamless shell: keep the same world behind topbar/sidebar/main instead of separate hard panels. */
.static-ambient-v924 .topbar {
  background:
    linear-gradient(180deg, rgba(5, 7, 15, 0.84), rgba(5, 7, 15, 0.70)) !important;
  border-bottom-color: rgba(0, 245, 255, 0.14) !important;
  backdrop-filter: blur(20px) saturate(1.15);
}

.static-ambient-v924 .sidenav {
  background:
    linear-gradient(180deg, rgba(6, 10, 18, 0.78), rgba(5, 9, 17, 0.70)) !important;
  border-right-color: rgba(0, 245, 255, 0.12) !important;
  backdrop-filter: blur(16px) saturate(1.08);
}

.static-ambient-v924 .main-content {
  background: transparent !important;
}

.static-ambient-v924 .card,
.static-ambient-v924 .metric,
.static-ambient-v924 .bro-mission-hero,
.static-ambient-v924 .bro-status-card,
.static-ambient-v924 .bro-command-card,
.static-ambient-v924 .cyber-panel {
  background-color: rgba(15, 19, 29, 0.72);
  backdrop-filter: blur(10px) saturate(1.08);
}

/* Tone down left rail so it feels continuous, not like a split screen. */
.static-ambient-v924 .sidenav::after,
.static-ambient-v924 .sidenav::before {
  opacity: 0.52 !important;
}

@keyframes cyberFlowOrbA {
  0% { transform: translate3d(-3%, -2%, 0) scale(1.02); }
  50% { transform: translate3d(3%, 2%, 0) scale(1.08); }
  100% { transform: translate3d(-3%, -2%, 0) scale(1.02); }
}

@keyframes cyberFlowOrbB {
  0% { transform: translate3d(3%, 2%, 0) scale(1.04); }
  50% { transform: translate3d(-3%, -2%, 0) scale(1.10); }
  100% { transform: translate3d(3%, 2%, 0) scale(1.04); }
}

@keyframes cyberFlowSweep {
  0% { transform: translate3d(-12%, 0, 0); }
  100% { transform: translate3d(12%, 0, 0); }
}

@keyframes cyberFlowGrid {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(76px, 76px, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .cyber-ambient-v924__orb--a { animation-duration: 80s; }
  .cyber-ambient-v924__orb--b { animation-duration: 90s; }
  .cyber-ambient-v924__sweep { animation-duration: 95s; }
  .cyber-ambient-v924__grid { animation-duration: 110s; }
}

/* ===== END assets/css/cyberpunk-ambient-flow.v924.css ===== */


/* ═══════════════════════════════════════════════════════════════
   BRO.TEAM HQ v0.9.37.1 — Checklist Next CTA / Version Sync Hotfix
   Scope: visual/navigation affordance only. No gate/logic/storage schema change.
═══════════════════════════════════════════════════════════════ */
.bro-v0937-checklist-next-card {
  margin-top: 14px;
  padding: 18px;
  border: 1px solid rgba(0, 214, 143, .48);
  border-radius: 24px;
  background:
    radial-gradient(circle at 12% 0%, rgba(0, 214, 143, .18), transparent 42%),
    linear-gradient(135deg, rgba(0, 214, 143, .10), rgba(0, 212, 255, .06));
  box-shadow: 0 18px 52px rgba(0, 214, 143, .10), inset 0 0 0 1px rgba(255,255,255,.04);
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  align-items: center;
}
.bro-v0937-checklist-next-card[hidden] { display: none !important; }
.bro-v0937-checklist-next-kicker {
  display: block;
  color: rgba(0, 214, 143, .96);
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.bro-v0937-checklist-next-title {
  display: block;
  color: rgba(255,255,255,.94);
  font-size: 18px;
  font-weight: 850;
  letter-spacing: -.02em;
  margin-bottom: 4px;
}
.bro-v0937-checklist-next-sub {
  color: rgba(220,230,245,.72);
  font-size: 13px;
  line-height: 1.55;
}
.bro-v0937-checklist-next-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }
.bro-v0937-checklist-next-btn {
  min-height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(0, 214, 143, .55);
  background: rgba(0, 214, 143, .12);
  color: rgba(255,255,255,.96);
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 0 16px;
  cursor: pointer;
}
.bro-v0937-checklist-next-btn:hover { transform: translateY(-1px); border-color: rgba(0, 212, 255, .75); }
.bro-v0937-checklist-next-btn.is-muted { border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.04); color: rgba(220,230,245,.72); }
@media (max-width: 760px) {
  .bro-v0937-checklist-next-card { grid-template-columns: 1fr; padding: 16px; border-radius: 22px; }
  .bro-v0937-checklist-next-title { font-size: 17px; }
  .bro-v0937-checklist-next-actions { justify-content: stretch; }
  .bro-v0937-checklist-next-btn { width: 100%; }
}

/* ═══════════════════════════════════════════════════════════════
   BRO.TEAM HQ v0.9.37.2 — Smart Flow CTA All Core Panels
   UX layer only. No gate/logic/storage/broker changes.
═══════════════════════════════════════════════════════════════ */
.bro-v09372-flow-card{
  margin-top:18px;
  border:1px solid rgba(0,214,143,.28);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(0,214,143,.10),rgba(0,212,255,.05),rgba(155,92,255,.08));
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 18px 42px rgba(0,0,0,.22);
  padding:18px;
  display:grid;
  gap:14px;
}
.bro-v09372-flow-card.is-ready{border-color:rgba(0,214,143,.54);}
.bro-v09372-flow-card.is-wait{border-color:rgba(245,166,35,.36); background:linear-gradient(135deg,rgba(245,166,35,.10),rgba(0,212,255,.04),rgba(155,92,255,.06));}
.bro-v09372-flow-kicker{
  display:block;
  font:700 11px/1.2 var(--mono);
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--cyan,#00d4ff);
  margin-bottom:8px;
}
.bro-v09372-flow-title{
  display:block;
  font-size:20px;
  font-weight:900;
  letter-spacing:-.02em;
  color:var(--text,#f5f7fb);
  margin-bottom:6px;
}
.bro-v09372-flow-sub{
  color:var(--muted,#aab3c5);
  font-size:14px;
  line-height:1.65;
}
.bro-v09372-flow-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.bro-v09372-next-btn,.bro-v09372-secondary-btn{
  min-height:44px;
  border-radius:999px;
  padding:0 18px;
  font:800 12px/1 var(--mono);
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease;
}
.bro-v09372-next-btn{
  border:1px solid rgba(0,214,255,.78);
  color:#fff;
  background:linear-gradient(135deg,rgba(0,214,255,.22),rgba(0,214,143,.14));
  box-shadow:0 0 24px rgba(0,214,255,.14);
}
.bro-v09372-next-btn:hover,.bro-v09372-next-btn:focus-visible{transform:translateY(-1px);border-color:rgba(0,214,143,.9);outline:none;}
.bro-v09372-secondary-btn{
  border:1px solid rgba(255,255,255,.12);
  color:var(--muted,#aab3c5);
  background:rgba(5,8,16,.55);
}
.bro-v09372-next-btn[disabled],.bro-v09372-secondary-btn[disabled]{cursor:not-allowed;opacity:.55;transform:none;}
.bro-v09372-missing-list{display:grid;gap:7px;margin-top:10px;color:var(--muted,#aab3c5);font-size:13px;line-height:1.5;}
.bro-v09372-missing-list span::before{content:'→ ';color:var(--amber,#f5a623);}
.bro-v09372-result-clickable{cursor:pointer;position:relative;}
.bro-v09372-result-clickable::after{
  content:'Tap to continue →';
  display:block;
  margin-top:12px;
  color:var(--cyan,#00d4ff);
  font:800 11px/1 var(--mono);
  letter-spacing:.14em;
  text-transform:uppercase;
}
.bro-v09372-result-clickable:focus-visible{outline:2px solid rgba(0,214,255,.75);outline-offset:4px;}
.bro-v09372-review-summary{display:grid;gap:12px;}
.bro-v09372-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;}
.bro-v09372-summary-item{
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:13px;
  background:rgba(5,8,16,.42);
}
.bro-v09372-summary-item small{display:block;color:var(--dim,#7e879b);font:700 10px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;}
.bro-v09372-summary-item strong{display:block;color:var(--text,#f5f7fb);font-size:16px;}
.bro-v09372-sticky{
  position:fixed;
  left:14px;
  right:14px;
  bottom:calc(env(safe-area-inset-bottom,0px) + 14px);
  z-index:998;
  border:1px solid rgba(0,214,255,.28);
  border-radius:22px;
  background:rgba(5,9,18,.86);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  box-shadow:0 20px 55px rgba(0,0,0,.35),0 0 26px rgba(0,214,255,.10);
  padding:11px;
  display:none;
  gap:10px;
  align-items:center;
  justify-content:space-between;
}
.bro-v09372-sticky-text{min-width:0;}
.bro-v09372-sticky-text span{display:block;color:var(--cyan,#00d4ff);font:800 10px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px;}
.bro-v09372-sticky-text strong{display:block;color:var(--text,#f5f7fb);font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:52vw;}
.bro-v09372-sticky button{flex:0 0 auto;min-height:42px;border-radius:999px;border:1px solid rgba(0,214,255,.68);background:rgba(0,214,255,.13);color:#fff;font:800 11px/1 var(--mono);letter-spacing:.10em;text-transform:uppercase;padding:0 14px;}
@media (max-width: 720px){
  .bro-v09372-sticky{display:flex;}
  body{padding-bottom:92px;}
  .bro-v09372-flow-card{padding:16px;border-radius:22px;}
  .bro-v09372-flow-title{font-size:18px;}
  .bro-v09372-flow-actions{display:grid;grid-template-columns:1fr;}
  .bro-v09372-next-btn,.bro-v09372-secondary-btn{width:100%;}
  .bro-v09372-summary-grid{grid-template-columns:1fr;}
}


/* v0.9.37.3 marker: Reset Runtime + Motion Restore + Desktop Density Polish. Runtime style lives in index for cascade priority. */


/* ==========================================================
   BROTEAM HQ v0.9.37.5 — Motion Runtime Hard Restore + QA/A11y/Docs Polish
   UI-only. No broker API, no live price, no signal, no order execution.
   ========================================================== */
:root {
  --bro-v09375-motion-strength: 1;
  --bro-v09375-focus: rgba(0,245,255,.82);
  --bro-v09375-good: rgba(0,255,180,.88);
  --bro-v09375-warn: rgba(245,166,35,.92);
}
.bro-v09375-skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 10050;
  transform: translateY(-140%);
  background: #071018;
  color: #00f5ff;
  border: 1px solid rgba(0,245,255,.45);
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 800;
  letter-spacing: .02em;
  text-decoration: none;
  box-shadow: 0 0 28px rgba(0,245,255,.24);
}
.bro-v09375-skip-link:focus { transform: translateY(0); outline: 2px solid var(--bro-v09375-focus); outline-offset: 3px; }
body.bro-v09375-motion-owner .flow925 {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  z-index: 0 !important;
  mix-blend-mode: screen;
  filter: saturate(1.22) brightness(1.1) contrast(1.04);
}
body.bro-v09375-motion-full:not(.bro-v09375-fx-off) .flow925-a {
  opacity: .98 !important;
  animation: flow925a 12s ease-in-out infinite alternate !important;
  will-change: transform, opacity;
}
body.bro-v09375-motion-full:not(.bro-v09375-fx-off) .flow925-b {
  opacity: .82 !important;
  animation: flow925b 17s ease-in-out infinite alternate !important;
  will-change: transform, opacity;
}
body.bro-v09375-motion-full:not(.bro-v09375-fx-off) .flow925-sweep {
  display: block !important;
  opacity: .42 !important;
  animation: flow925sweep 7s linear infinite !important;
}
body.bro-v09375-motion-full:not(.bro-v09375-fx-off) .flow925-scan {
  display: block !important;
  opacity: .26 !important;
  animation: flow925scan 5.5s linear infinite !important;
}
body.bro-v09375-motion-full:not(.bro-v09375-fx-off) .flow925-grid {
  display: block !important;
  opacity: .28 !important;
  animation: flow925grid 18s linear infinite !important;
}
body.bro-v09375-motion-lite:not(.bro-v09375-fx-off) .flow925 { opacity: .72 !important; filter: saturate(1.05) brightness(1.04); }
body.bro-v09375-motion-lite:not(.bro-v09375-fx-off) .flow925-a { opacity: .58 !important; animation: flow925a 30s ease-in-out infinite alternate !important; }
body.bro-v09375-motion-lite:not(.bro-v09375-fx-off) .flow925-b { opacity: .48 !important; animation: flow925b 38s ease-in-out infinite alternate !important; }
body.bro-v09375-motion-lite:not(.bro-v09375-fx-off) .flow925-grid { opacity: .14 !important; animation: flow925grid 46s linear infinite !important; }
body.bro-v09375-motion-lite:not(.bro-v09375-fx-off) .flow925-sweep,
body.bro-v09375-motion-lite:not(.bro-v09375-fx-off) .flow925-scan { display: none !important; }
body.bro-v09375-fx-off .flow925,
body.bro-v09375-fx-off #broNeonParticleCanvas { opacity: .04 !important; filter: grayscale(.4) brightness(.72); }
body.bro-v09375-motion-full:not(.bro-v09375-fx-off) #broNeonParticleCanvas { display: block !important; opacity: .72 !important; }
body.bro-v09375-motion-lite:not(.bro-v09375-fx-off) #broNeonParticleCanvas { display: block !important; opacity: .28 !important; }
@keyframes broV09375CardBreath {
  0%,100% { box-shadow: 0 0 0 rgba(0,245,255,0), 0 0 20px rgba(255,43,214,.05); border-color: rgba(255,255,255,.10); }
  50% { box-shadow: 0 0 18px rgba(0,245,255,.11), 0 0 32px rgba(255,43,214,.08); border-color: rgba(0,245,255,.22); }
}
@keyframes broV09375ReadyPulse {
  0%,100% { transform: translateY(0); box-shadow: 0 0 0 rgba(0,255,180,0); }
  50% { transform: translateY(-1px); box-shadow: 0 0 24px rgba(0,255,180,.17); }
}
@keyframes broV09375FocusGlow {
  0%,100% { box-shadow: 0 0 0 rgba(0,245,255,0); }
  50% { box-shadow: 0 0 18px rgba(0,245,255,.25); }
}
body.bro-v09375-motion-full:not(.bro-v09375-fx-off) .card,
body.bro-v09375-motion-full:not(.bro-v09375-fx-off) .result-card,
body.bro-v09375-motion-full:not(.bro-v09375-fx-off) .export-preview,
body.bro-v09375-motion-full:not(.bro-v09375-fx-off) .bro-v09372-flow-card {
  animation: broV09375CardBreath 7.5s ease-in-out infinite;
}
body.bro-v09375-motion-full:not(.bro-v09375-fx-off) .bro-v09372-flow-card.is-ready,
body.bro-v09375-motion-full:not(.bro-v09375-fx-off) .bro-v0937-checklist-next-card:not([hidden]),
body.bro-v09375-motion-full:not(.bro-v09375-fx-off) [data-bro-next-panel],
body.bro-v09375-motion-full:not(.bro-v09375-fx-off) .cta.primary,
body.bro-v09375-motion-full:not(.bro-v09375-fx-off) .primary-btn {
  animation: broV09375ReadyPulse 2.6s ease-in-out infinite;
}
.bro-v09375-field-help {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  line-height: 1.45;
  color: rgba(205,231,255,.62);
}
.bro-v09375-field-hint-row {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-top: 8px;
  padding: 9px 10px;
  border: 1px solid rgba(0,245,255,.14);
  border-radius: 12px;
  background: rgba(0,245,255,.035);
  color: rgba(223,241,255,.74);
  font-size: 12px;
  line-height: 1.45;
}
.bro-v09375-a11y-card,
.bro-v09375-doc-card,
.bro-v09375-motion-card {
  margin-top: 14px;
  padding: 15px;
  border-radius: 18px;
  border: 1px solid rgba(0,245,255,.18);
  background: linear-gradient(135deg, rgba(9,18,32,.82), rgba(11,8,25,.74));
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
}
.bro-v09375-card-head { display:flex; justify-content:space-between; gap:10px; align-items:flex-start; margin-bottom:10px; }
.bro-v09375-card-head strong { color:#f7fbff; letter-spacing:.02em; }
.bro-v09375-card-head span { display:block; margin-top:4px; color:rgba(205,231,255,.66); font-size:12px; line-height:1.4; }
.bro-v09375-grid { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:10px; }
.bro-v09375-grid > div { padding:10px; border-radius:14px; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.035); }
.bro-v09375-grid small { display:block; color:rgba(205,231,255,.55); font-size:10px; text-transform:uppercase; letter-spacing:.08em; }
.bro-v09375-grid strong { display:block; margin-top:4px; color:#00f5ff; font-size:12px; word-break:break-word; }
.bro-v09375-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.bro-v09375-actions button,
.bro-v09375-actions a {
  border:1px solid rgba(0,245,255,.24);
  background:rgba(0,245,255,.08);
  color:#dff7ff;
  border-radius:999px;
  padding:8px 11px;
  font-weight:800;
  font-size:11px;
  cursor:pointer;
  text-decoration:none;
}
.bro-v09375-actions button:hover,
.bro-v09375-actions a:hover { background:rgba(0,245,255,.14); }
body.bro-v09375-focus-ring :is(button,a,input,select,textarea,[tabindex]):focus-visible {
  outline: 2px solid var(--bro-v09375-focus) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 5px rgba(0,245,255,.12) !important;
}
body.bro-v09375-focus-ring input[aria-invalid="true"],
body.bro-v09375-focus-ring textarea[aria-invalid="true"],
body.bro-v09375-focus-ring select[aria-invalid="true"] {
  border-color: rgba(255,88,122,.78) !important;
}
.bro-v09375-live-region {
  position: absolute !important;
  width:1px !important; height:1px !important; overflow:hidden !important;
  clip: rect(1px,1px,1px,1px) !important;
  white-space: nowrap !important;
}
@media (max-width: 720px) {
  .bro-v09375-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .bro-v09375-actions button, .bro-v09375-actions a { min-height: 40px; }
}
@media (prefers-reduced-motion: reduce) {
  body.bro-v09375-motion-owner .flow925-a,
  body.bro-v09375-motion-owner .flow925-b,
  body.bro-v09375-motion-owner .flow925-grid { animation-duration: 100s !important; }
  body.bro-v09375-motion-owner .flow925-sweep,
  body.bro-v09375-motion-owner .flow925-scan { display:none !important; }
  body.bro-v09375-motion-owner .card,
  body.bro-v09375-motion-owner .result-card,
  body.bro-v09375-motion-owner .export-preview,
  body.bro-v09375-motion-owner .bro-v09372-flow-card,
  body.bro-v09375-motion-owner [data-bro-next-panel] { animation: none !important; }
}


/* ==========================================================
   BROTEAM HQ v0.9.37.5.1 — Mobile Skip Link / CTA Cleanup / Motion Visibility Hotfix
   UI-only. No broker API, no live price, no signal, no order execution.
   ========================================================== */
.bro-v09375-skip-link,
#broV09375Skip {
  position: fixed !important;
  top: max(12px, env(safe-area-inset-top)) !important;
  left: 12px !important;
  z-index: 10050 !important;
  transform: translateY(-240%) scale(.98) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.bro-v093751-keyboard-nav #broV09375Skip:focus,
body.bro-v093751-keyboard-nav #broV09375Skip:focus-visible,
body.bro-v093751-keyboard-nav .bro-v09375-skip-link:focus,
body.bro-v093751-keyboard-nav .bro-v09375-skip-link:focus-visible {
  transform: translateY(0) scale(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
@media (max-width: 720px) {
  body.bro-v093751-mobile-hero #panel-dashboard .page-header,
  body.bro-v093751-mobile-hero #panel-dashboard .bro-ia-page-header {
    padding-top: 8px !important;
    margin-bottom: 16px !important;
  }
  body.bro-v093751-mobile-hero #panel-dashboard .page-kicker {
    font-size: clamp(10px, 2.8vw, 12px) !important;
    line-height: 1.55 !important;
    letter-spacing: .23em !important;
    margin-bottom: 14px !important;
  }
  body.bro-v093751-mobile-hero #panel-dashboard .page-title {
    font-size: clamp(44px, 13.4vw, 56px) !important;
    line-height: .98 !important;
    margin-bottom: 18px !important;
    letter-spacing: -.055em !important;
  }
  body.bro-v093751-mobile-hero #panel-dashboard .page-sub {
    font-size: clamp(16px, 4.15vw, 18px) !important;
    line-height: 1.55 !important;
    margin-bottom: 18px !important;
  }
  body.bro-v093751-mobile-hero #panel-dashboard .foundation-note,
  body.bro-v093751-mobile-hero #panel-dashboard .clean-mode-note,
  body.bro-v093751-mobile-hero #panel-dashboard .bro-v0936-foundation-note {
    font-size: 13px !important;
    line-height: 1.45 !important;
    padding: 13px 16px !important;
    border-radius: 18px !important;
  }
}
body.bro-v093751-dashboard-active #panel-dashboard .bro-v09372-secondary-btn[data-bro-v09372-go="dashboard"],
body.bro-v093751-dashboard-active #panel-dashboard [data-bro-v09372-go="dashboard"].bro-v09372-secondary-btn {
  display: none !important;
}
body.bro-v093751-motion-visible:not(.bro-v09375-fx-off):not(.cyber-fx-off) .flow925,
body.bro-v093751-motion-visible:not(.bro-v09375-fx-off):not(.cyber-fx-off) .ambient {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body.bro-v093751-motion-visible:not(.bro-v09375-fx-off):not(.cyber-fx-off) .flow925-grid {
  opacity: .22 !important;
  animation: flow925grid 22s linear infinite !important;
}
body.bro-v093751-motion-visible:not(.bro-v09375-fx-off):not(.cyber-fx-off) .flow925-sweep {
  opacity: .46 !important;
  animation: flow925sweep 9.5s ease-in-out infinite !important;
}
body.bro-v093751-motion-visible:not(.bro-v09375-fx-off):not(.cyber-fx-off) .flow925-scan {
  opacity: .22 !important;
  animation: flow925scan 8.5s linear infinite !important;
}
body.bro-v093751-motion-visible:not(.bro-v09375-fx-off):not(.cyber-fx-off) .bro-v09372-flow-card.is-ready,
body.bro-v093751-motion-visible:not(.bro-v09375-fx-off):not(.cyber-fx-off) .bro-v09372-next-btn:not(:disabled),
body.bro-v093751-motion-visible:not(.bro-v09375-fx-off):not(.cyber-fx-off) .bro-mission-action-primary {
  animation: broV093751ReadyPulse 3.6s ease-in-out infinite !important;
}
@keyframes broV093751ReadyPulse {
  0%,100% { box-shadow: 0 0 0 rgba(0,245,255,0), 0 18px 50px rgba(0,0,0,.22); filter: saturate(1); }
  50% { box-shadow: 0 0 28px rgba(0,245,255,.17), 0 24px 66px rgba(0,0,0,.30); filter: saturate(1.12); }
}
@media (prefers-reduced-motion: reduce) {
  body.bro-v093751-motion-visible .flow925-grid,
  body.bro-v093751-motion-visible .flow925-sweep,
  body.bro-v093751-motion-visible .flow925-scan,
  body.bro-v093751-motion-visible .bro-v09372-flow-card.is-ready,
  body.bro-v093751-motion-visible .bro-v09372-next-btn,
  body.bro-v093751-motion-visible .bro-mission-action-primary { animation: none !important; }
}


/* v0.9.37.5.2 external mirror: surface clean CSS is enforced inline in index.html for last-write priority. */
body.bro-v093752-surface-clean .ambient::before,body.bro-v093752-surface-clean .ambient::after,body.bro-v093752-surface-clean .flow925-a,body.bro-v093752-surface-clean .flow925-b{display:none!important;opacity:0!important;background:none!important;animation:none!important;}
body.bro-v093752-surface-clean{background:linear-gradient(118deg,#071018 0%,#0a1124 54%,#17102d 100%)!important;}


/* v0.9.37.5.3 bundle marker: Cinematic Cockpit Motion Redesign. Inline runtime owns the advanced motion layer. */