.viz.verseIntelligencemode > canvas,
.viz.verseIntelligencemode .bbar,
.viz.verseIntelligencemode .mapv,
.viz.verseIntelligencemode .vizhud,
.viz.verseIntelligencemode .modeboard{display:none}
.viz.verseIntelligencemode #VERSEINTELLIGENCEMODE{display:grid}
.modebtn[data-mode-key="verseIntelligence"]{--modeaccent:#75e7d0}
#VERSEINTELLIGENCEMODE{
  --vi-gold:#ddb86f;
  --vi-champagne:#f6dfb2;
  --vi-teal:#75e7d0;
  --vi-blue:#8db4ff;
  --vi-red:#cd5f4e;
  background:
    radial-gradient(circle at 18% 0%,rgba(221,184,111,.18),transparent 28%),
    radial-gradient(circle at 80% 2%,rgba(117,231,208,.14),transparent 32%),
    linear-gradient(180deg,rgba(8,11,18,.99),rgba(4,7,12,.99));
}
#VERSEINTELLIGENCEMODE:fullscreen,
#VERSEINTELLIGENCEMODE.pseudo-fullscreen{
  width:100vw;
  height:100vh;
}
.verseintel-main{
  display:grid;
  grid-template-columns:minmax(260px,.72fr) minmax(420px,1.45fr) minmax(300px,.82fr);
  gap:14px;
  min-height:0;
  padding:14px;
  overflow:hidden;
}
.vi-panel,.vi-card{
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(180deg,rgba(16,23,36,.88),rgba(7,11,18,.93));
  border-radius:18px;
  box-shadow:0 24px 70px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04);
}
.vi-panel{
  min-height:0;
  overflow:auto;
  padding:15px;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.18) transparent;
}
.vi-stack{display:grid;gap:12px}
.vi-card{padding:14px}
.vi-kicker{
  color:var(--vi-gold);
  font:700 .56rem 'JetBrains Mono',monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.vi-title{
  display:block;
  margin-top:6px;
  color:#fff3d1;
  font-family:'Cormorant Garamond',serif;
  font-size:1.42rem;
  line-height:1.02;
}
.vi-card p,.vi-panel p{
  margin:8px 0 0;
  color:#cbd7e8;
  font-size:.8rem;
  line-height:1.55;
}
.vi-badges,.vi-chiprow{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:11px;
}
.vi-chip,.vi-action,.vi-tab,.vi-nodebutton{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  color:#e9f0ff;
  border-radius:999px;
  min-height:32px;
  padding:0 10px;
  font:700 .56rem 'JetBrains Mono',monospace;
  letter-spacing:.06em;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease;
}
.vi-chip:hover,.vi-action:hover,.vi-tab:hover,.vi-nodebutton:hover{
  transform:translateY(-1px);
  border-color:rgba(221,184,111,.45);
  background:rgba(221,184,111,.1);
  color:#fff7dc;
  box-shadow:0 12px 32px rgba(0,0,0,.2);
}
.vi-chip.act,.vi-tab.act{
  border-color:rgba(117,231,208,.55);
  background:rgba(117,231,208,.13);
  color:#eafffb;
}
.vi-metric-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.vi-metric{
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  padding:10px;
  background:rgba(255,255,255,.04);
}
.vi-metric strong{
  display:block;
  color:#fff4d8;
  font-size:1rem;
}
.vi-metric span{
  display:block;
  margin-top:4px;
  color:#91a5c3;
  font:700 .52rem 'JetBrains Mono',monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.vi-canvas{
  position:relative;
  min-height:0;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto minmax(340px,1fr) auto;
  border:1px solid rgba(221,184,111,.18);
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 44%,rgba(221,184,111,.14),transparent 30%),
    linear-gradient(180deg,rgba(12,17,28,.9),rgba(5,8,14,.96));
  box-shadow:0 30px 90px rgba(0,0,0,.36);
}
.vi-canvas-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  padding:16px 16px 0;
}
.vi-canvas-head h3{
  margin:4px 0 0;
  color:#fff5da;
  font-family:'Cormorant Garamond',serif;
  font-size:2rem;
  line-height:.95;
}
.vi-graph-wrap{
  position:relative;
  min-height:340px;
  margin:8px 14px;
  border-radius:22px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/42px 42px,
    linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
}
.vi-graph{
  width:100%;
  height:100%;
  min-height:420px;
  display:block;
}
.vi-link{
  stroke:rgba(221,184,111,.38);
  stroke-width:1.35;
  stroke-dasharray:7 11;
  animation:viDash 9s linear infinite;
}
.vi-node circle{
  fill:rgba(12,18,30,.96);
  stroke:var(--node-color,var(--vi-gold));
  stroke-width:1.7;
  filter:drop-shadow(0 0 12px color-mix(in srgb,var(--node-color,var(--vi-gold)) 55%,transparent));
  transition:r .18s ease,stroke-width .18s ease;
  animation:viNodePulse 3.2s ease-in-out infinite;
}
.vi-node:hover circle,.vi-node.act circle{
  r:34;
  stroke-width:2.8;
}
.vi-node text{
  fill:#f7f1df;
  font:700 10px 'JetBrains Mono',monospace;
  text-anchor:middle;
  pointer-events:none;
}
.vi-node .vi-node-kind{
  fill:#9fb0ca;
  font-size:7px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.vi-detail-dock{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  margin:0 14px 14px;
  padding:12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:rgba(255,255,255,.045);
}
.vi-tabs{
  display:flex;
  gap:7px;
  overflow:auto;
  padding:0 14px 14px;
}
.vi-section-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.vi-timeline{
  position:relative;
  display:grid;
  gap:9px;
  margin-top:12px;
}
.vi-timeline::before{
  content:'';
  position:absolute;
  left:9px;
  top:8px;
  bottom:8px;
  width:2px;
  background:linear-gradient(var(--vi-gold),var(--vi-teal),var(--vi-blue));
  opacity:.5;
}
.vi-timeitem{
  position:relative;
  margin-left:24px;
  padding:10px 11px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  background:rgba(255,255,255,.04);
}
.vi-timeitem::before{
  content:'';
  position:absolute;
  left:-20px;
  top:16px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--tradition,#ddb86f);
  box-shadow:0 0 18px var(--tradition,#ddb86f);
}
.vi-timeitem strong{
  display:block;
  color:#fff2cf;
  font-size:.88rem;
}
.vi-timeitem span{
  display:block;
  margin-top:3px;
  color:#93a7c8;
  font:700 .52rem 'JetBrains Mono',monospace;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.vi-mini-network{
  position:relative;
  min-height:230px;
  overflow:hidden;
  margin-top:12px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:radial-gradient(circle at center,rgba(221,184,111,.13),transparent 42%),rgba(255,255,255,.03);
}
.vi-netnode{
  position:absolute;
  left:var(--x);
  top:var(--y);
  transform:translate(-50%,-50%);
  width:118px;
  min-height:48px;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid color-mix(in srgb,var(--tone,#ddb86f) 55%,rgba(255,255,255,.12));
  border-radius:16px;
  background:rgba(255,255,255,.06);
  color:#fff3d1;
  font:700 .68rem 'DM Sans',system-ui,sans-serif;
  animation:viFloat 5.5s ease-in-out infinite;
}
.vi-heatmap{
  display:grid;
  grid-template-columns:130px repeat(8,minmax(74px,1fr));
  gap:5px;
  margin-top:12px;
  min-width:720px;
}
.vi-heatmap-wrap{overflow:auto}
.vi-hcell{
  min-height:44px;
  display:grid;
  place-items:center;
  border-radius:11px;
  padding:5px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.04);
  color:#dce7f7;
  font-size:.62rem;
  text-align:center;
}
.vi-hcell.head{
  color:#f6dfb2;
  font:700 .52rem 'JetBrains Mono',monospace;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.vi-hcell.yes{background:rgba(117,231,208,.16);border-color:rgba(117,231,208,.32)}
.vi-hcell.open{background:rgba(221,184,111,.13);border-color:rgba(221,184,111,.3)}
.vi-hcell.diff{background:rgba(205,95,78,.14);border-color:rgba(205,95,78,.3)}
.vi-orb{
  position:relative;
  min-height:280px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(117,231,208,.2);
  border-radius:22px;
  background:radial-gradient(circle at center,rgba(117,231,208,.18),transparent 32%),rgba(255,255,255,.035);
}
.vi-orb-core{
  width:142px;
  height:142px;
  border-radius:50%;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid rgba(117,231,208,.46);
  background:radial-gradient(circle,rgba(246,223,178,.18),rgba(117,231,208,.08) 48%,rgba(0,0,0,.2));
  box-shadow:0 0 52px rgba(117,231,208,.18);
  animation:viNodePulse 3.4s ease-in-out infinite;
}
.vi-orb-core strong{
  color:#effffb;
  font-family:'Cormorant Garamond',serif;
  font-size:1.45rem;
  line-height:1;
}
.vi-orb-core span{
  display:block;
  margin-top:6px;
  color:#9ff3df;
  font:700 .54rem 'JetBrains Mono',monospace;
}
.vi-ringchip{
  position:absolute;
  left:calc(50% + var(--x));
  top:calc(50% + var(--y));
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  padding:6px 9px;
  background:rgba(255,255,255,.06);
  color:#f3f7ff;
  font:700 .56rem 'JetBrains Mono',monospace;
  animation:viFloat 4.8s ease-in-out infinite;
}
.vi-range{
  width:100%;
  accent-color:var(--vi-teal);
}
.vi-occurrence{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:5px;
  margin-top:10px;
}
.vi-occurrence span{
  height:18px;
  border-radius:6px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}
.vi-occurrence span.hot{
  background:rgba(117,231,208,.22);
  border-color:rgba(117,231,208,.36);
  box-shadow:0 0 18px rgba(117,231,208,.14);
}
.vi-flowline{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(170px,1fr);
  gap:18px;
  overflow:auto;
  padding:8px 0 12px 16px;
}
.vi-flowstep{
  position:relative;
  min-height:122px;
  padding:13px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:rgba(255,255,255,.045);
}
.vi-flowstep::before{
  content:'';
  position:absolute;
  left:-18px;
  top:50%;
  width:18px;
  height:1px;
  background:rgba(221,184,111,.55);
}
.vi-flowstep:first-child::before{display:none}
.vi-report{
  white-space:pre-wrap;
  max-height:360px;
  overflow:auto;
  padding:13px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(0,0,0,.18);
  color:#dfe8f7;
  font:.74rem/1.55 'JetBrains Mono',monospace;
}
.vi-skeleton{
  position:relative;
  overflow:hidden;
  min-height:54px;
  border-radius:14px;
  background:rgba(255,255,255,.05);
}
.vi-skeleton::after{
  content:'';
  position:absolute;
  inset:0;
  transform:translateX(-80%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  animation:viShimmer 1.6s ease-in-out infinite;
}
@keyframes viDash{to{stroke-dashoffset:-120}}
@keyframes viNodePulse{50%{transform:scale(1.035);filter:brightness(1.14)}}
@keyframes viFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes viShimmer{100%{transform:translateX(80%)}}
@media(max-width:1200px){
  .verseintel-main{grid-template-columns:1fr;overflow:auto;align-content:start}
  .vi-canvas{min-height:720px}
  .vi-graph{min-height:360px}
  .vi-section-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .vi-canvas-head{display:grid}
  .vi-metric-grid{grid-template-columns:1fr}
  .vi-flowline{grid-auto-flow:row;grid-auto-columns:unset;overflow:visible;padding-left:0}
  .vi-flowstep::before{display:none}
}