body { background: linear-gradient(180deg, #f0f9ff 0%, #e0f2fe 40%, #f8fafc 100%); color: #0f172a; }
.mock-toolbar { background: rgba(255,255,255,.92); border-color: rgba(148,163,184,.35); color: #0f172a; }
.mock-toolbar p { color: #64748b; }
.mock-back { color: #0369a1; border-color: rgba(3,105,161,.3); }
.mock-open { background: rgba(254,240,138,.6); color: #713f12; border-color: rgba(202,138,4,.4); }
:root {
  --spine-gradient: linear-gradient(180deg, #0ea5e9, #6366f1 50%, #8b5cf6);
  --spine-opacity: 0.55;
  --link-trunk: rgba(14,165,233,.5);
  --link-leaf: rgba(99,102,241,.35);
  --orb-bg: radial-gradient(circle at 30% 25%, rgba(255,255,255,.85), transparent 50%), #fff;
  --orb-border: 2px solid rgba(14,165,233,.45);
  --orb-shadow: 0 4px 20px rgba(14,165,233,.2);
  --cap-color: #334155;
}
.variant-tag { background: rgba(255,255,255,.9); color: #475569; border-color: rgba(148,163,184,.4); }
.root .orb { border-color: rgba(234,179,8,.7); box-shadow: 0 6px 28px rgba(234,179,8,.25); }
.section .orb { border-color: rgba(99,102,241,.55); }